年末の技術の勉強もかねて簡単な写真のサイト作ってみました。 photo.mismith.me 作った理由 Next.js + microCMS next/imageが便利 tailwindcss Next.jsでtailwindcssを使う チートシート Components hover ブレイクポイント 独自のUtilityを追加 アイコン Vercel ホスティング 独自ドメイン Google Analytics さいごに 作った理由 個人の写真まとめサイトとして500pxを使っていたが、純粋に写真だけ一覧できるようなサイトが欲しかった（500pxはSNSなのでいろいろと余計なものが表示される） Next.jsやtailwindcss、Vercelなどを使いたかった（今年まったく技術追ってなかったので...） 実はWordPressで写真サイト作ってたけど、レンタルサーバー解約してコス

学生時代に過ごした福岡へ遊びに行ってきました。 やっぱり福岡は定期的に行きたくなります。食べ物美味しいし。 お昼頃に着いたので、お昼ご飯に中洲にある真へ行ってきました。 真は鯖定食が美味しいお店で、鯖定食しかメニューがないため、席に座ってしばらくすると自動的に鯖定食が出てきます。天国すぎる。 鯖はかなり大きいです。しかも、ご飯はおかわり自由、味噌汁、豆腐、漬物がついて900円。安い...！ 皮もパリパリに焼かれていて、美味しいです。鯖半身でご飯いっぱい完食してしまいましたが、ご飯おかわりするほど食べられないので、残りは鯖スティックみたいに食べました。 オフィス街にあるため普段は並ぶそうですが、お昼時の終わりぐらいにいったのですぐに座れました。 美味しくて大きい鯖を食べられて大満足です。 tabelog.com 撮影機材 ソニー SONY コンパクトデジタルカメラ サイバーショット Cybe

requestAnimationFrameは再描画が頻繁に行われる処理に使えるメソッド。three.jsを勉強しているときにオブジェクトを回転させるときとかに使われているので調べてみました。 developer.mozilla.org 比較されるものとしてsetInteval、setTimeoutがありますが、ブラウザで準備ができていなくても必ず実行、タブが非アクティブでも実行され、メモリリークの原因になるそうです。 一方でrequestAnimationFrameはタブが非アクティブ時のときは実行されなかったり、再描画が行われる前に次のアニメーションをする関数を呼び出すといった特徴があります。 また、ブラウザの描画更新単位と同じ単位で呼び出されるため、ブラウザごとの差異があることに注意。 よく見るサンプルがこんな感じ。 const loop = () => { requestAnimat

いよいよ9月。今年はあと4ヶ月...。早い...。最近少し涼しい時間帯もありますが、まだまだ暑さは続きそう。 今月撮った写真 京都・一乗寺 Studio Gallery Ajito 京都駅 大阪駅 京都・嵐山 スタジオシエル その他 不要なものを大量に捨てた 本・漫画・ゲーム 本棚・カラーボックス・デスクなど 逆にいろいろ買った 技術の勉強 テレビを見ないようにしてみた 最後に 今月撮った写真 京都・一乗寺 汗だくになりながら撮りに行った一乗寺駅周辺。 昔ながらの街並みがいいですね。 有名観光エリアの有名なスポットを避けて歩くのにハマっていて、一乗寺では圓光寺や詩仙堂には行きませんでした。ラーメン激戦区なのに、もんじゃ焼きを食べたり。 blog.mismith.me Studio Gallery Ajito 今月はスタジオでの撮影に誘ってもらえる機会がありました。まず行ったのは大阪の豊中に