陣取りのターン数 (paizaランク B 相当) https://paiza.jp/works/mondai/a_rank_level_up_problems/a_rank_camp_step5 J…
TypeScriptには基本的なプリミティブ型や単純なオブジェクト型に加えて安全性を高めたり、 複雑な型を表現したりするための型・機能が用意されています。 この記事ではTypeScript標準の発展…
リロードしないとJavaScriptが動かない Rails7のTurboが原因。 JSファイルでturbo:loadイベントを使用する。 document.addEventListener('tu…
豚野郎です。 今度は算出プロパティについて書いていきます。 (LaravelはできるからそろそろVueもできるようにしないと・・・・・) 1. computed(算出プロパティ) computedっ…
大阪でRailsを中心に学習している薬剤師エンジニア（初学者）こと、ヨマ(@yoma_2003)です！ Ajaxを用いてメモ帳の様なアプリをフォームで作る方法をまとめます。 ※おことわり※ 断定口調…
シンプルなミニマムコードが見つからなかったので備忘録に。。 初めての記事なのでなにか問題があれば補足よろしくお願いします。 1ファイルを受け取る場合 フロントエンド <input type="fil…
概要 vue3(JavaScript)でlocalStorageを利用する際に引っかかったところがいくつかあったので、簡単にまとめました。 実行環境 MacBook Pro (OS:Montere…
こんにちは。 最近はJavaScriptを強化したくて、少しずつJavaScriptを学習しています。 そんな中、クラス構文を学び、使用頻度の高いドロワーメニューに活かしてみようと思ったので、自分の…
概要 APIGatewayのREST APIを使って構築したweb APIをIAM認証（accesskeyとsecretkeyを使った認証）で署名付きのリクエストを送信するサンプル。 参考にさせて…
豚野郎です。 今回はVue.jsのwatchプロパティについて書いていきます。 functionを書く方法と、functionを省略する方法があります。 参考：https://prograshi.c…
こんにちは。 プログラミング歴1カ月のSarasaです。 ようやくサイトのデザインもいい感じになって、 変な隙間ともおさらばしてウハウハだった 私にも、ついに名前を呼んではいけないあの子と戦わなければ いけない日がやってきました…
ブラウジングをしていてページ内にキーバインド参照が実装されていたら非常に捗る。 一部実装済みのサイトもあるが、割合として未実装の方が多いように感じる。 今回はHTML内のリンク一覧をJavaScr…
リング状プログレスUI ⇩これ 今回は⇧これを Web Component で作って、その応用例としてのポインター長押し判定も雑に書いてみたところ、とりあえず期待通りに動作するものはできたのでその…
永井産業 JavaScriptにおけるオブジェクトのプロパティキーは（シンボルを除けば）すべて文字列である プロパティの値にアクセスするとき、内部で文字列の検索をかけている だから、プロパティの個…
DOMとは Document Object Modelの略。 htmlを読み込んだ後にDOMと呼ばれるTree構造のデータが作られ、その内容に応じてWebページが描画される。 DOMをjavasc…
