何のサイトにするか決めてない
ずっと何もできないかもしれない
このサイトはCopilotやGemini、Perplexityなどの生成AIを使用して作成されています。
簡単なプロンプトでJavaScriptのコードはできるし、それなりに見れるようなCSSのコードも書いてくれる。なので、私のような超初心者でも簡単なものなら作れてしまうのです。
一発で正しく動くことは少ないけど、どんな感じで書けばいいかが分る程度には作ってくれる。後は先人たちが説明してくれているサイトを探して、それを参考にあーでもない、こーでもないとこねくり回していけばなんとなく動作するものが出来上がる。
ただ、自分がちゃんと理解して書いていないところが多いので、本当は必要なエラー処理やセキュリティ対策はできてないだろうなと思う。なので、そのつもりで見てください。
Visual Studio Code (https://code.visualstudio.com/)にもすごく助けられてます。
補完機能のおかげでタグやプロパティはうろ覚えでも大丈夫。
リアルタイムでWebページの表示を確認できるLive Serverなんて神だし、WebサーバーへのアップロードもVS Codeを離れずにできる。
拡張機能を作ってくれてる方々には感謝しかない。あやしい拡張機能もあるようなのでインストールする前に要確認だけど。
Copilotのおかげでちょっと書いたら続きを自動で書いてしまうし。もう魔法。生成AI恐るべし。
Outlookのセーフリンクを元のURLに戻すツールです。セーフリンクは悪意あるサイトからユーザーを保護するため、メール内のリンクをMicrosoftの形式に変換しますが、内容確認が困難になることもあります。このツールでは、変換されたURLを解析し、元のリンク先を抽出・表示してくれるため、安全性に配慮しながらリンク内容を確認したい場合に便利です。
Webブラウザを使ってクッキーの動作を確認・練習するためのツールです。左右の画面でそれぞれクッキーの読み書きができ、設定や挙動の違いを実際に試すことで、クッキーの仕組みを直感的に理解できます。Web開発や学習用途に適した練習環境です。
指定した最小・最大数に基づいて、ランダムな日本語の単語リストを自動生成するツールです。画面が非表示になると内容が自動的に更新される仕組みになっており、語彙の練習や創造的な発想のきっかけとして活用できます。シンプルながら実用的な学習補助ツールです。
安全で再現性のある高強度パスワードを生成するためのWebツールです。日付・ソルト・反復回数・文字数を入力することで、複雑ながら覚えやすいパスワードを自動生成できます。入力情報が同じなら同じパスワードを再生成できる点が特長です。
HTML・CSS・JavaScriptを用いて作成されたアナログ時計を表示する学習用デモです。ブラウザ上で現在時刻に合わせて針が動作する仕組みを視覚的に体験でき、Web開発の基礎やDOM操作、CanvasやCSSアニメーションの理解に役立ちます。シンプルながら実践的な教材です。
GmailにEMLファイル（メールメッセージ形式）をインポートするためのGoogle Apps Scriptツールを紹介しています。Googleドライブに保存されたEMLファイルをスプレッドシート経由で読み込み、宛先ごとにラベルを付けてGmailに取り込む仕組みです。メール整理や移行に役立ちます。
このページは、シャミアの秘密分散法（k, n閾値法）を体験できるWebアプリです。 秘密の値を入力し、断片を生成・選択することで、ラグランジュ補間による秘密の復元過程をグラフと数式で分かりやすく確認できます。 暗号技術の仕組みを直感的に学べる学習用ツールです。
コアサーバーのSSH接続にBitwardenのssh-agentを使う
このページは、Bitwardenのssh-agent機能を使ってコアサーバー（Coreserver）に安全かつ便利にSSH接続する方法を詳しく解説するガイドです。ED25519鍵の生成から公開鍵の配置、WinSCPなど外部ツールとの連携まで、実践的な手順が丁寧に紹介されています。
このページは、Tailwind CSSを使ったモダンなWeb開発環境を構築するための手順を詳しく解説しています。CDN利用から始まり、Viteによるビルド設定、Node.jsや各種パッケージの導入方法、最終的な公開まで、初心者でも実践できるよう分かりやすくまとめられています。