開発
React-Selectの存在を知ってから複数選択の編集もしやすくなったので、活用するついでにブログも複数カテゴリーを実装しちゃいました! 検索も関数をうまいこと工夫したので、カテゴリの片方のみ検索できるようにしたりできてます! ちょっと前にもギャラリ…
年末の大型更新でした!(これまた表面上はわからない) これまではサイトのサムネイルのみWebpにしてましたが、今回の更新でサイト上の画像はほぼ全部Webpにしちゃいました。 過去の記事でも触れてましたが、Webpはpngと同等のクオリティでありながら画像サ…
今回も表面上ではわからないことになります! かつてCloudflare Pagesというサーバーレス専用のホスティングサービスを活用しててここ一年ぐらいは自宅のラズパイでホスティングしてましたが、改めてサーバーレスを軸にするということでPagesに戻りました! …
Next.jsで色々作れないかなあとここ数十日作業してましたが、ふとある問題に気づいてしまいました。 「Node.jsを動かす環境ってあまりなくね…?」 最近になってようやく動かそうとする環境に合わないことが判明してしまい、せっかく作ったログインシステムも…
前回に続きブログシステムの写経を最後まで進めてました! 参考にしたブログシステムの動画 ローカルの環境だとうまくいったもののタブレットPCにクローンして実行してみたところ、環境が変化した影響でうまくいかなくなっちゃいました… もともとLinux環境へ…
Next.js(やReact)の勉強にとある動画から1つのプロジェクトを写経してるけど、こんな難しい概念をエンジニアさんはやってるんだー!?ってなってました HTMLの延長線上でしか書かなかったぼくにとってはあまりにも難しすぎる…!! 参考にしてる動画 一応最…
ほぼ見た感じは変化ないですが、Docker化したことで環境に依存しないシステムになりました! やろうと思えばすぐに他のサーバーに持っていくこともできるし、今はとりあえずデスクトップ上で動かしてます 使ってみて気づいたけどまだ完璧じゃない…!(システ…
ここ1週間くらいデスクトップパソコンで動かしてたけど、パソコン動かしてないときは繋がらないのインデックス的にも良くないのでラズパイ上にDockerで改めて立て直しました! 見た目上や動作の変化はほぼないです! (ついでに予約がずれてるの逆手にとって…
今日はリダイレクト周りの実装だけじゃなく、ブログページの共有時に添付される画像を自動でブログ内の画像を取得するようにしました! また、外部リンクに対してマークダウンで書いたリンクを自動で別のタブで開くようにしました! もう大体全部実装した気…
自分で作るお問い合わせフォーム Googleフォームで十分だったため 具体的には… お問い合わせフォームを作ろうとする上でまず欠かせなかったのはreCAPTCHA認証システムでした。 それを実装しようとしてみて、サーバーサイドのプログラムがちょっと難しめで作…
記事のタイトルもリンクとして機能するようになりました! タイトル無しの場合はこれまで通り右下の日付が同じ役割になってます 他にも細かい調整はありますが、表面からはわかりづらい感じなのです noindexにするオプションの追加、タイトル隣のスペース文…
旧ブログからのインポートです! #Hugo このページは2023-6-9のお知らせで実装したものの詳細です。 サイトジェネレータをHugoからDenoのlumeに変えてから、 個人的に超読みやすいものに変わったと思います! 詳しい解説 オーディオボタンをサンプルに挙げる…
旧ブログからのインポートです! これまでは読み込み待ちをページ全体が見えないようにしてフェードインすることで解決してましたが、 今回の改修で主に問題となっている画像読み込みのみフェードイン式にして、 それ以外は読み込みを最適化してみました。 …
じわじわと更新進めてます!! 今回は画像サムネイルについてお話します。 ギャラリーページにはたくさんの画像が並んでますが、 これらは画像サイズを小さくしているものになります。 ギャラリーについて 画像をクリックするとライトボックスという絵の詳細…