Vue3向けのコンポーザブルライブラリ作ってみた。

React向けのカスタムフックライブラリを見てみると、useListというカスタムフックがあった。 Vue3向けにこういうライブラリ作れそうだなーと思ったので、ライブラリの作成の練習としてやってみた。 とりあえず、結果としてできたのが以下です。npmへのリンク…

Laravel sailのシェルスクリプトの中身を見てみる。

Laravelの環境構築に便利なsail。curlコマンド一発で呼び出せて、withである程度好きな構成で立ち上げられる。 しかし、バージョンを指定して構築できない。 適当に素振りする程度だとあまり困らないが、ハンズオン的な資料を見つつやるとディレクトリ構成な…

【備忘録】Laravel + Vue3 + Inertia.jsの環境構築方法

最近、LaravelとVueの組み合わせで苦しいという話があって、Inertia.jsがそれを救ってくれるかもしれないという話からInertia.jsを素振りし始めた。 ただ、Inertia.jsのInstallationでつまづいたので、備忘録として、ブログに残しておく Laravelの環境構築 s…

date-ioっていうライブラリが便利そう。

Vuetify3系のアップデートとかを追ってて、2023年06月23日現在、Labsに含まれているuseDateっていうAPIを見ていて、date-ioという見慣れないライブラリがあった。少し調べたら、Material-UIのデートピッカーとかにも使われていた。 要は、Moment.jsとか、dat…

GistPadがよいです。

GistPadという拡張機能がなんか人気っぽいので、VSCodeに入れたらたしかに便利だった。 いままでgistはほぼほぼ局所的にしか使ってなかったんだけど、VSCodeからラフに使えるのであれば今後も利用は増えそう。 正直、gistというサービスいまいち利用シーンが…

【小ネタ】style要素にcontenteditableつけるとブラウザでリアルタイムにスタイリングできる

これ元ネタはTwitterで見たんだけど、いいねもブックマークもしていなかったのでどこかに流れてしまった。 備忘録含めてこちらにメモ。 body要素内にstyle要素を配置して、contenteditable属性を付与。style要素にdisplay: block; white-space: pre;のスタイ…

DenoのWebフレームワークfreshでパスワード生成アプリ作ってみた

作りました。めちゃくちゃ雑だけど。 random-passwd-gen.deno.dev リポジトリ: github.com なんで作ったのか。 fresh触りたかったから。 あと業務でVue2系しか触っていないので、React系統のライブラリを触っておきたいなーと思ったので。 これでなにかを解…

nuxt3にmock service workerを導入する

nuxt3の素振りついでに、最近よくzennなどで見るmock service workerを導入してみた。 mock service workerについては以下参照。 mswjs.io nuxt3環境構築 npx nuxi init YOUR-PROJECT-NAME mswをインストール npm i -D msw msw関連ファイル追加 ./mocks/hand…

ワイヤレス最高じゃん

パソコン周辺機器のワイヤレスな製品に関して、なんとなく食わず嫌いで有線製品ばっかり買ってたんだけど、妻に誕生日プレゼントとしてHHKB Professional HYBRID Type-Sを買ってくれと無茶振りのつもりで頼んだら買ってくれた。 到着後、早速自分のPCにBluet…

Manjaro Linuxをインストールしたら行うこと(旧)

ミラーサーバーの変更 pacmanの出力のカラー化 Colorとコメントアウトされている箇所があるので、そこを修正。 リポジトリとソフトウェアのアップデート 日本語入力の設定 Fcitx、mozcのインストール ~/.xprofileに追記 AURヘルパーのインストール ホームデ…