開発ブログ

開発ブログ

【裏側話】自分専用のプロンプト保存機能を見送った話|AIプロンプト図鑑の今後の目標

AIプロンプト図鑑で実装したかった「マイプロンプト保存機能」を見送った理由と、将来実装したい機能についてご紹介します。
開発ブログ

【裏側話】画像からフォントを探す機能を諦めた話|でも代わりにもっと便利な機能が生まれた

Font & Color Checkerで画像からフォント検索機能を断念した理由をご紹介。代わりに採用したブックマークレットが想像以上に便利だった話です。
開発ブログ

【裏側話】URLからモックアップを作る機能を諦めた話|ブラウザの制約にぶつかった

モックアップ作成アプリでURLから画像を生成する機能を断念した理由をご紹介。ブラウザの制約と現在採用している方法についてまとめました。
開発ブログ

【裏側話】一番付けたかった通知機能を削除した話|お薬タイマー開発

お薬タイマーの開発で一番入れたかった通知機能を断念した理由をご紹介。ブラウザアプリならではの制約と、今後アプリ化を考えている理由をまとめました。
開発ブログ

QuickAiMemoを作ったきっかけ|AIとのやり取りをもっと快適にしたかった

QuickAiMemoを開発したきっかけをご紹介。AIへの指示を書いているときに感じた小さなストレスを解消するために作った軽量メモアプリです。
開発ブログ

Reactしか触ったことがなかった私がNext.jsに挑戦した話|AIプロンプト図鑑を開発して感じたこと

AIプロンプト図鑑の開発を通してNext.jsに初挑戦。React経験者が感じた難しさや学び、Claude Codeを活用した開発体験をまとめました。
開発ブログ

DotGothic16の使い方|ゲーム風デザインにおすすめのGoogle Fonts

DotGothic16の使い方を解説します。Google Fontsで無料利用できるゲーム風・レトロ・サイバー風デザインにおすすめのフォントです。導入方法やCSSの設定、デザインのコツも紹介します。
開発ブログ

【カラーコード付き】サイバー風デザインにおすすめの配色4選

サイバー風デザインにおすすめの配色を5パターン紹介します。カラーコード付きなので、ゲーム風・AI・近未来デザインのWebサイト制作にそのまま活用できます。
開発ブログ

【コピペOK】CSSでガラス風UI(Glassmorphism)を作る方法

CSSだけでガラス風UI(Glassmorphism)を作る方法を解説します。backdrop-filterを使った透明感のあるデザインや、ぼかし・枠線・影の付け方をコピペOKのサンプル付きで紹介します。
開発ブログ

CSSでサイバーパンク風タイトルを作るテクニック【ゲーム風デザインを再現】

CSSでサイバーパンク風タイトルを作る方法を解説します。ネオンカラーやグラデーション、フォント選び、文字装飾など、ゲーム風・近未来風デザインを作るテクニックを紹介します。