astech

柱に印をつける身長記録の、デジタル版

cronでperlが実行できなかった話

お久しぶりです cron、使ってますか? 俺は初めて使いました(noob) cronでperlスクリプトを実行できない躓きを踏んだので、備忘します cronって? やろうとしたこと なぜできなかったか? 試したこと:script.plがコマンドライン上で動くか? 試したこと:…

AUTO_INCREMENTとLAST_INSERT_ID(id+1)インクリメントの違い

連番IDが欲しい時、 テーブル定義の時に create table test_table ( id int not null auto_increment ) として、勝手にインクリメントされるようにする方法と、 sequenceテーブルを作って UPDATE sequence SET id=LAST_INSERT_ID(id+1); として、手動でIDを…

【脇道回】俺がよくやる、いい曲の探し方

まーじで書くことがねぇ あ、私の曲の探し方です。 Spotifyのソングラジオ機能 SpotifyのThis is <artist名>プレイリストを漁る ジャンル名で検索して適当なプレイリストを再生 Spotifyのソングラジオ機能 好きな曲がすでにある場合、Spotifyでその曲を調べましょう。 </artist名>…

【脇道回】5日でダウンロードカードを作る

音楽を作る皆さんには周知の事実だと思いますが、CDを作るのにはやたら時間がかかります。 周知の事実だと思いますが、コピーでも2週間以上、プレスだと4週間くらいは欲しいですよね。 周知の事実だと思いますが。 周知の事実だと思いますが、その分先に曲を…

ギャップロックとネクストキーロックとデッドロックとわたし

わたしは本筋と関係ありません。 ギャップロック、ネクストキーロックって? 何が起こる? どうやって対処する? ギャップロック、ネクストキーロックって? ネクストキーロックとは | ソフトウェア雑記 next4us-ti.hatenablog.com ぶっちゃけこの辺が死ぬほ…

【脇道回】マジでウメェチャーハンの作り方

最近の俺の昼飯大体これ 1. 材料を準備する 2. 火を通す 3. 味付けする 4. 火を通す 5. 盛り付ける 1. 材料を準備する ベーコン 1パックを適当に切る ニンニクひとかけをみじん切りにする 卵を冷蔵庫から出しておく 2. 火を通す フライパンに、ラードとベー…

【寄道回】最強の同人ブース賑やかしテク

同人イベントに出展した時、机の上どうしたらいいか、マジで悩みますよね。 悩みますよね? 悩みますよね セオリーとかもねぇし、サンプルとして出てくるのは大体部数の多い大手とか、作品数の多い大手とか ってわけで、とりあえず賑やかになる飾り付け方に…

トランザクション分離と、その内実

トランザクション分離という概念を知りました トランザクションとは? 並列トランザクションの問題 トランザクション分離 トランザクション分離の仕組み 考察 トランザクション分離レベルを上げるデメリットは? トランザクションとは? 「命令ひとまとまり…

わたし、テンプレートエンジンを使うことになりました!!

テンプレートエンジンって? サーバー、バックエンドで動的にHTMLを生成する手法。 XSlate(for perl)とか、Smarty (for php)とかがあります。 テンプレートエンジンはHTMLに、専用の文法で記述を追加することで、紐付けられた関数の返り値を埋め込むことが…

file openしたらfile closeしないといけない理由

あけた ものは ちゃんと しめないと いけない んだよ !! なんで閉めないといけないのか なんで閉めないといけないのか ファイルの読み書きは、OSカーネルを経由して行われる。 実際にファイルにアクセスする際は、カーネル上のテーブルにファイルのメモリ…

【脇道回】DTMで「この音もっと前に来てほし〜〜」って時にやること一覧

曲、作ってますか〜〜???? 作ってますよね。 作ってますよね?? 作ってますよね。 そんな時、気になるのが「この音、もっとしっかり聴こえてほしいんだけどな〜〜〜〜〜〜〜〜」ってのです。 自分がよくやる方法をびゃっとまとめました。 正しいのかど…

DBのレプリケーションについておべんきょうしたよ

今の俺の認識:コピーを作っておくことで、クエリのスループットを上げる レプリケーションとは? 何のためにレプリケーションするの? 1. 可用性の向上・障害対策 2. DBシステム全体の性能向上のため シングルマスタとマルチマスタ シャーディング レプリケ…

Perlのクラスわっっっっかんねぇ〜〜〜

Perlのクラス、かなりゆるゆる設計っぽい フィールドは一個しか持てない 例えばpythonは class hoge: def __init__(self): self.a = 1 self.b = 2 . . . みたいに複数のメンバを持てます。 普通ですね。 でもPerlのクラスは一個しかメンバを持てません。 ん…

VSCode拡張機能とRemote Developement

VSCode拡張機能、いいですよね 我々の法であり、守護者であり、幸福の根源です。 私は最近、VSCode Power Modeを導入し、華やかなコーディングができるようになりました https://www.premium-tsubu-hero.net/howtovscode-powermode/ ですが、最近リモートマ…

callbackで下位コンポーネントの情報を吸い上げる

下位コンポーネントの情報を取得したい.... でも、そのためだけにreduxとか導入したくねぇ.... って時、ありますよね そんなあなたに サンプルコード cosnt [hoge, sethoge] = useState("false") {hoge && ( <div> ここを制御 <div> )} <innerCompornent/> このinnerCompornent内のstate</innercompornent/></div></div>…

<a>の上に別のボタンとかを配置したい!

こんな感じ <div className=overWrapper> <span className=overButton> これがオーバーレイするボタン </span> </div> <a href="hogehoge.com"> これが下に来るリンク </a> .overWrapper { position: relative; } .overButton { positioin: absolute; } らしい タグの外に配置してあげたあと、relative/absoluteで上に重ねて持ってきてあげる感じ タグの方に…

Lintを黙らせるとよくない話

Linterの怒られよくわからんし黙らせたいなぁ.... せや!これ突っ込んで黙らせたろ!! // eslint-disable-next-line react/jsx-no-useless-fragment はよくないです。 どうしてよくないの? Linterに怒られるってことは、誰かが意図を持って設定したルール…

FigmaでonMouseしたときの挙動を作る方法

1. ベースになるやつを作る 右クリック→Pluginで適当なアイコンセットを呼び出して、適当にアイコンを置きましょう そしたら、右クリックから「convert to compornent」を選んでコンポーネント化しましょう 2. Variantを作る 右のインスペクタ内からDesignタ…

Componentの中で非同期関数を呼びたい!!!

オギャ!!!!!(死) <someElement text = {APIService.callAPI().then(()=>{ res.data === true }) === true} > </someElement> ↓ ↓ これでは動きません Step1: コンポーネントで切り分けようね Step2: 非同期関数をuseEffectで呼び出そうね 参考 Step1: コンポーネントで切り分けようね こんな複雑なことやるエレメントは…

【脇道】紫キャベツ汁とアルミホイルで絵を描く方法と、そのプレゼンス

絵を描きたい!! でも手元に紫キャベツと水と、鍋とコンロと包丁と、濾紙とアルミホイルと割り箸と、鰐口クリップ付きケーブル(x2)と電池(単三)と電池ボックス(単三)と、あと紙皿とできればウェットティッシュしかない!って時、ありますよね。 描け…

Gitでやらかした時に使う魔法の呪文:初級編

Git、やらかしますよね 俺はやらかします。 自慢じゃないですけど、やらかします。 トラブルでmain branchにプロテクションがかかってないその時を狙ってmainブランチにゴミをプッシュし、リポジトリを粉砕したこともあります。 自慢じゃないですけど。 そん…

then, catchを実装する時のメンタルモデルを感じた話

then, catchとは? 本当はこう書きたい しょうがないのでthen エラーハンドリングもしとこう: catch then, catchとは? javascriptとかの、非同期関数を順番に処理するためのやつ 本当はこう書きたい res = method(source) //非同期処理 importantMethod(res…

CSSを使って画像を重ねて配置する方法

結論 position: relativeとposition: absoluteを使いましょう やり方 1. 親子関係を作る <div class="parent"> <div class="child"> </div> </div> 2. 親と子供にそれぞれスタイルを適用する .parent { position: relative; width: 100px; } .child { position: absolute; bottom: 3px; right: 3px; } 間違ってた…

CSSを使って画像を重ねて配置する方法

結論 position: relativeとposition: absoluteを使いましょう やり方 1. 親子関係を作る <div class="parent"> <div class="child"> </div> </div> 2. 親と子供にそれぞれスタイルを適用する .parent { position: relative; width: 100px; } .child { position: absolute; bottom: 3px; right: 3px; } 間違ってた…

REST APIのスキーマ設計直してもらったメモ

BAD Create POST http://path.to.backend/api/v1/follow/ { target: string, } Delete DELETE http://path.to.backend/api/v1/follow/ { target: string, } GOOD Create PUT http://domain/api/v1/followings/<target> Delete DELETE http://domain/api/v1/following</target>…

【脇道】同人イベントにサークル参加する流れ: 後半

前半は... 頒布物を作る 当日頒布用の準備をする イベントに参加する の三つについて説明しました。 この三つについて、みなさんやってもらったかと思います。 この時期は秋イベの申し込みが始まる頃合いだからね、当然終わってるよね 後半は... 頒布物を作…

promiseとasync/awaitってどう違うの? くそざこ編

結論:asyncはawaitの糖衣構文 注意:細かいところ違うかも Promiseって? async/await 結論 Promiseって? 非同期を使うやーつ then / catchで実行順序を保証できる...はず Promise.resolve("hoge") .then((res) => { console.log(res) }) async/await Prom…

var じゃなくて let を使え

って怒られました。 なぜvarよりもletなのか スコープが安全!! 再宣言できない!! なぜvarよりもletなのか スコープが安全!! if(true){ var test1 = 1; let test2 = 2; const test3 = 3; } console.log(test1); // 1 console.log(test2); //ReferenceEr…

【真似しないでください】今の私のPull Requestレビューのやり方【ver 1.0】

絶対に真似しないでください この記事は、素人が専門家の指導をろくに受けずに適当にやっている内容です。 一年後、二年後に見返して「ヒョエ〜」ってなったり、「ここは意外といけてるやん...?」ってなるための記事です。 絶対に真似しないでください フロ…

最近学んだアレコレ

なんか多きなトピックを設定できなかったんで、アレコレです goは三項演算子が使えません ほんとにreduxいる? goは三項演算子が使えません 毛のはえた初心者が大好きなコレ retuen flg == true ? 1 : 0 とかコレ return 1 if flg == true else 0 goにはない…