9年前に作った絵文字サイトを作り直した

メモ帳に手打ちで作った絵文字サイトを、9年の時を経てリニューアルしました‼
ちなみにほぼChatGPTが作りました🤖✨

旧サイト

スクショ

ウェブアーカイブにありました(*´・ω・)ノ=͟͟͞͞🍣=͟͟͞͞🍣=͟͟͞͞🍣=͟͟͞͞🍣

https://web.archive.org/web/20160714003153/http://emoshare.jp/search/index.php?page=3

サイト概要

絵文字を使ったAAを検索したりTwitterに投稿できる

技術

• 言語: PHP5.4
• DB: MySQL5.6
• フレームワーク: なし
• エディタ: メモ帳🤔❓

プログラミングなんもわからん状態なのでページネーションの処理も自力でゴリゴリ書いてました...🥹🥹🥹

閉鎖した理由

jpドメイン高すぎ😭💸💸

新サイト

Laravelで作り直しました👩‍💻
管理者機能を実装したので、新たなAAを追加することが容易になりました👏👏👏

ややお財布にやさしい .netドメイン

スクショ

トップページ

管理画面

技術

• 言語: PHP8.3
• DB: MySQL8.0
• フレームワーク: Laravel11
• エディタ: PhpStorm

方針

• 開発工数3人日でリリースする
• ユーザは管理者のみとする(品質の悪いAAの投稿を防ぐ + 工数削減)
• サイトの色はダークモードのみにする
• Vue.jsとかReactとか使わずBladeだけにする
• ChatGPTにできるだけやらせる
• 静的解析とテストは書く

制作時間

ワイヤフレーム作成～𝕏アカウント作成、リリースまで21時間で終わりました🙌
ChatGPT4oすごすぎる😭😭😭

ChatGPTに指示したこと

• マイグレーションファイル、モデル、ファクトリ作成
• 管理者機能(新規投稿、編集、削除)全般
• ページネーションのデザイン調整
• パンくずリストのデザイン調整
• テストコード作成
• 静的解析のエラー対応

困ったこと

Laravel11になってmiddlewareの設定場所が変わっていたので地味に解決に時間がかかりました😿
postsテーブルのdataカラムにAAを保存する際にtrimしたくなかったので、以下の修正で対応しました‼✊😸✨

bootstrap/app.php

<?php

use Illuminate\Foundation\Application;
use Illuminate\Foundation\Configuration\Exceptions;
use Illuminate\Foundation\Configuration\Middleware;

return Application::configure(basePath: dirname(__DIR__))
    ->withRouting(
        web: __DIR__.'/../routes/web.php',
        commands: __DIR__.'/../routes/console.php',
        health: '/up',
    )
    ->withMiddleware(function (Middleware $middleware) {
-        //
+        $middleware->trimStrings(except: [
+            'data',
+        ]);
    })
    ->withExceptions(function (Exceptions $exceptions) {
        //
    })->create();

今後やりたいこと

• もう少しAAを充実させる
• ハッシュタグで検索できるようにする
• 検索にサジェスト機能をつける
• コピーの回数で人気ランキングみたいなものをつくる
• アスキーアートの画像をOGP用の画像にする