miyaoka.dev
🧪 tech の記事一覧
2021年7月14日
先読み処理を追加した
以前にNext の JS を全部抜いてしまったためにページ遷移時の先読み処理が無くなってしまっていた。
🧪 tech
🔺 nextjs
web components
2021年7月5日
外部読み込みSVGに色を付ける
SVG 画像を inline ではなく外部読み込みにしたくなっていろいろ試した。
🧪 tech
2021年6月30日
Twitter Web の縦長画像をフル表示する
少し前にアプリ版の Twitter で TL の画像表示が固定比率でなくなり、縦長のものも表示されるようになった(あまり縦長すぎると切られるが)。で、web 版でも縦長にしたいなと思って style を上書きするようにしてみた。
🧪 tech
2021年6月24日
アメリカーノ、Tailwind、時給1200円
日報的に今日学んだことを雑多に書いていくスタイルを試してみる。
🧪 tech
2021年6月21日
画像クリックでフルスクリーン表示するようにした
このブログでは画像を imgur に配置していて記事中ではサムネイルを表示するようにしている。
🧪 tech
2021年6月18日
自動リバーシ、Vue3 script setup の素振り
先日、SF 作家の柞刈湯葉さんがオセロを作ってたので自分も作ってみようと思った。
🧪 tech
2021年2月15日
Vueコンポーネントをcomposition APIに書き換えるやつを作っている
Vue2 の Options API で書かれたコンポーネントを、composition API を使った書き方に自動変換したくてツールを作った。
🧪 tech
2021年2月12日
マイGitしぐさ
Git の操作は GUI だと分かりやすいが、何度も行う定型操作はコマンドのほうが速くて楽なので エイリアスをいろいろ登録している。
🧪 tech
2021年1月16日
企業テックブログをやらなかった
そういえば去年会社でテックブログやろうかという話が出たけど、結局やらなかったことを思い出したので振り返ってみる。
🧪 tech
📰 column
2021年1月15日
NextのJSぜんぶ抜く
サイトパフォーマンスを最適化するため、export 時に Next.js のランタイムを全部抜いた。
🧪 tech
🔺 nextjs
2021年1月10日
Next.jsブログのmarkdown編集時に表示更新する(3) 〜最終版〜
記事編集時に自動表示更新する機能の実装について、新たに別解が出てきたので書いておく。
🧪 tech
🔺 nextjs
2021年1月9日
Next.jsブログのmarkdown編集時に表示更新する(2)
Next.js ブログの記事編集時に自動表示更新機能を以前実装したが、スクロール位置が失われる問題が出てきたので実装方法を変更した。
🧪 tech
🔺 nextjs
2021年1月9日
道具が人を作る
このブログを作ってからというものの、格段に記事をアウトプットする速度が出るようになったので、編集ツールについて振り返りたい。
🧪 tech
📰 column
2021年1月7日
埋め込みTweetをWeb Componentsで描画するようにした
Zenn が Web Components を使って tweet を表示するようにしていたので、見習ってこのサイトにも取り入れてみた。
🧪 tech
web components
2021年1月3日
VSCode拡張でクリップボード画像をImgurにアップロードする
GitHub の編集欄みたいに、markdown エディタに画像を貼り付けたらストレージにアップロードして、その URL を挿入するようにした。
🧪 tech
vscode
2020年12月31日
Next.jsブログのmarkdown編集時に表示更新する
以前書いたように Next.js の blog で markdown ファイルを更新しても自動で表示が更新されない問題があったが、無理やり解決する方法を実装できた。
🧪 tech
🔺 nextjs
2020年12月30日
RSS feedを追加した
このサイトのビルド時に RSS を書き出すようにした。
🧪 tech
🔺 nextjs
2020年12月22日
imgur画像を最適に出力するHTML
ブログの画像は imgur を使うことにしたが、そのためにいくつか工夫をした。
🧪 tech
blog
2020年12月21日
自前ブログ作り
久々にブログを作りたくなったので、ドメインを取得して作ってみた。
🧪 tech
🔺 nextjs