メインコンテンツへスキップ
見出し画像

ディレクター&デザイナーがツール作成に挑戦 〜AIプロジェクトレポート〜

    こんにちは!5ive広報です。

    少し前ですが、今年の9月、5iveのディレクター&デザイナーの5人はひっそりとあるプロジェクトを進めていました。
    その名も、「AIツール作成プロジェクト」。
    メンバーそれぞれが、Claudeを使って自作のツールを作るプロジェクトです。

    制作期間は1ヶ月。
    社員旅行に行ったり、シルバーウィークがあったりとあまり時間の取れなかった9月の1ヶ月間で、それぞれのメンバーはどんなツールを作ったのか。
    プロジェクト発足の理由や社内で行ったツール発表会の様子をお伝えします。

    AIプロジェクトのテーマは「自分を助けるものをつくる」

    今回のプロジェクトを発案したのはディレクターの金子。なぜこのプロジェクトを始めることになったのか、その理由を聞いてみました。

    「最近、Claudeでいろんなツールを作ってみてたくさんの感動と発見がありました。AIの提案やUIを良くするにはどのように指示すればいいのか。どこまでAIに任せればいいのか。AIに限らず対人のコミュニケーションでも大切なことを学べたし、メンバーにも経験してほしいと思ったのがきっかけです。」

    実装などで日常的にAIを利用しているエンジニアと違い、ディレクターやデザイナーのAIの利用状況は人によってばらばら。
    全員が等しくAIをさわるのは5iveでも初めての機会となりました。

    プロジェクトのテーマは「自分を助けるものをつくる」
    仕事を楽にする、売り上げに貢献する、効率化など切り口は自由。仕事にかかわらないものでもいいしツールの数も好きに決めていい、と説明を受けたメンバーたち。
    仕事の合間を縫って開発を進めていき、9月の終わりに社内で発表しました。

    AIプロジェクト発表会レポート

    ここからは当日の発表の様子をレポート形式でお届けします。
    ちなみに、ディレクター&デザイナーは他のメンバーがどんなツールを作ったのかは知らないまま発表当日を迎えました。

    ツール作成は思ったより簡単だった

    画像
    AIによって判断力を鍛えらえた5ive最年少のデザイナー・坂田

    デザイナーの坂田は2つのツールを作成しました。

    参考にしたいサイトの色、文字、余白を分析するプラグイン

    画像
    5iveのコーポレートサイトを分析した際の画面

    参考にしたいサイトのURLを入力するとサイトで使用されている色の割合やフォントの種類、文字サイズ、余白などを分析し、わかりやすくまとめて表示するプラグインを作成しました。より実践的に参考にしたいと思ったのと、既存のフォント分析ツールがうまく機能しないことがあったのがきっかけです。
    Claudeには最初にやってほしいことを伝えたらほぼ完成形が上がってきました。

    そのほか、旅費の計算やスケジュール、やりたいことや買いたいものなど旅行計画をまとめて管理できるスマホ特化ツールも作成。実際に旅行に行った際に活用しました。

    AIを使ってみた感想
    AIは使ってみると楽しくて便利でした。ツールを作成するのも思ったより簡単だった。ただ、要望を伝えると余分な機能も作ってくることが多かったため、自分がやりたいことに関係あるかを考えて削除するかどうか判断することが重要だと感じました。

    1ヶ月で5つのツールを作成

    画像
    チームの中でいちばんAIを使いこなしていたデザイナー/CGデザイナーの坂井

    元々、日常的にAIを活用していたデザイナー・CGデザイナーの坂井。今回、有料プランを契約したことで制約がなくなり、なんと1ヶ月で5つのツールを作成しました。開発の着手スピードも一番早く、作成したツールを見た金子が「俺を越えんな」と言ったこともありました(余談)

    ①タスクやルーティンを含めた予定の自動表示ツール

    画像

    Googleカレンダーと連携して予定を自動で表示するツールです。 タスクやルーティンをリスト表示します。 集中タイマー(要改善) よく使うリンクまとめ Notionと連携してメモを残すこともできます。仕事中、常に画面に表示させることで効率よく仕事を進められるようになりました。

    ②SNS用テキスト自動作成ツール(B面ラジオ)

    画像

    5iveのPodcast「5iveのB面ラジオ」の更新時にSNSでその回のポイントを添えて投稿しているのですが、そのテキストを考えるのが大変だと感じていました。そこで、箇条書き程度のメモを投稿用にまとめ直してくれるツールを作りました。
    また、配信の準備やPodcastへのアップロードなど細かなタスクが多いので、抜け漏れがないようにチェックできる機能もつけました。
    ツールを使うようになってから一連の作業にかかる時間が短くなりました。

    そのほか、FigmaやBlenderなどのツールのショートカットを検索する「ショートカット早見表」、検索ワードに対してまとめサイトを横断して検索する「参考サイト横断サーチ」、社員旅行で韓国に行くことになったことをきっかけに作った、スケジュール管理や円↔︎ウォンのレート計算ができるツールなども1ヶ月の間に作成しました。

    AIを使ってみた感想
    AIで作成したツールを業務に活用して、以前よりも効率的に仕事を進められるようになったのを感じます。今後も業務に活用していきたいです。また新しいツールを作成することもあるかもしれません。

    テキストでしか修正指示が出せないのが面倒

    画像
    デザイン経験者らしい感想が印象的だったディレクターの中島

    ディレクターの中島は2つのツールを作成しました。しかし、それぞれのクオリティに大きな開きがあったそうです。

    ①アクセス解析まとめツール

    画像

    毎月、5iveのWebサイトのアクセス解析を行っているのですが、手動でレポートを作るのがめんどくさくて... これまでも自分でコードを書いたり、BIツールを使ったりと効率化を図ってきましたが、異常値を見つけるのは手動でしかできなくて時間を取られていました。
    Claudeに要望を伝え、GA4のデータをコピー&ペーストして読み込ませると自動でグラフ作成や解析を行うツールを作成しました。年間目標に対する達成率や商談化率も算出できます。サマリーも自動で作成してくれますが、自分で加筆修正したい場合もあるので手動で修正できるようにしました。

    ②歴史の勉強まとめツール

    画像
    本人曰く「UIにまったく納得がいっていない」とのこと。

    趣味の歴史の勉強について、学んだことを振り返るツールがほしくて、通史、人物の情報、特定の時代の世界情勢などを総覧できるツールを作りたかったのですが...挫折しました。UIを改善してほしいときに言葉でしか指示できないのがもどかしかったです。ざっと作ったラフなどを読み込ませて改善できればいいのに、と思いました。歴史や機能についても、もっとインプットさせないと根本的に良いものはできないんだろうなと。とにかくAIとずっとすれ違っていました。

    AIを使ってみた感想
    これまで毎月のアクセス解析作業に対して億劫な気持ちがありましたが、このツールを作ってから楽しい気持ちで作業できるようになりました。作って良かった。
    また、どちらのツールでも、ざっくりした指示から理想的な機能を作ってくれると感じました。機能の提案時に選択肢やオススメを示してくれるのも助かりました。クライアントに提案する時のコミュニケーションにも活かしていきたいです。AIは引き続き業務に活用していきたいと思います。

    ツールのネーミングをめぐって一悶着

    画像
    ツールのネーミングに人一倍こだわりのあるアートディレクター/デザイナーの馬場

    アートディレクター・デザイナーの馬場は、日常的に行っている作業を楽にするツールを作成しました。

    ババッ!とキャプチャ

    画像
    「アイコンを作ろうと思ったら変なキャラを作られたことだけは不本意」とのこと。
    「ババッ!とキャプチャ」の左のアイコン参照。

    制作中のサイトがテストアップされた後にページをキャプチャしてfigmaに貼る一連の作業を効率化するツールを作りました。テストアップ後の修正指示を入れるために必要な作業なのですが、PC版/SP版のそれぞれを何ページもキャプチャするのが面倒でした。
    そこで、URLを入力したら階層と撮影する幅(PC/SP)を決めてキャプチャ、その画像はフォルダにまとめて保存できるようにしました。

    ちなみに、ツール名を自分の下の名前「もも」に絡めたネーミングにしたかったのですが、Claudeが提案してくる候補が全部ダサかったので結構強めにダメ出ししました(笑)結局、名字の「馬場」にちなんだ「ババッ!とキャプチャ」を自分でつけました。

    AIを使ってみた感想
    ひとまずやりたかったことはできましたが、通常の業務をやりながらツール作成をするのは自分は向いてないと感じました。もし今後もツール作成をするならそれだけに集中できる日があるといいなと思います。チームのみんながNotionに蓄積しているデザインのアイデアを実践的に使うための検索ツールも作ってみたかったのですが今回はできなかったので、いずれ実現させたいです。

    「めんどくさい」を大事にしたほうがいい

    画像
    ツール機能のブラッシュアップに力を入れていたディレクターの立野

    ディレクターの立野も5iveで担当している業務にかかわるツールを作成しました。

    実績紹介の文例サジェストツール

    画像
    同じ表現をどの程度使っているのかも確認できる

    5iveのプロジェクト実績のテキスト執筆業務を担当しているのですが、適切な表現を考えたり、他の実績との表現の重複が気になったりして行き詰まることがありました。そこで、①自分が書いたテキスト ②リサーチで集めた表現 をデータベースに蓄積させ、検索で呼び出せるツールを作成しました。
    検索結果をキーワードから類推して表示させるようにしたため、文例と語句が一致しなくても検索に引っかかります。自作のテキストや集めた表現の数が増えてきたら、もう一度作成に取りかかりたいです。

    そのほか、平日の夜や休日のタスクやスケジュールを管理するスマホ特化ツールも作成しました。

    AIを使ってみた感想
    ツール開発について何の知識もない自分の要望が叶っていくことに感動しました。使ってからフィードバックできるので「おいそれと修正をお願いできない… 」という相手が人だったら発生するであろうプレッシャーがないのが気楽でした。とはいえ、一発で完成形が出てくるわけではなく、こちらの伝え方やマメさといったコミュニケーション力も問われていると感じました。
    これまでは、めんどくさいと思うことがあっても気持ちで乗り切ろうとしていたけど、これからは「どうすれば減らせるか」を考えてツール作成で解決することも積極的に検討していきたいです。

    まとめ

    それぞれのメンバーが他業務と並行しながらAIと向き合った1ヶ月。プロジェクトが始まる際に金子が「こんなに優秀な人は普通は上司。とても優秀な人が自分を慕ってくれててすごい働いてくれている感じ」と評したようにAIの性能に驚いたり、業務が楽になって喜んだり。一方で「まだまだ人間が勝っているな」と思うこともありました。
    今回は、Claudeの契約を継続したメンバーと解約したメンバーに分かれましたが、これからプロジェクト第二弾が発足する可能性も大いにあります。ぜひお楽しみに!

     
     
    5ive Inc.は福岡を拠点として、Webを軸とした「最適解と機能美」の実装によって 課題解決を図る組織です。 ねらいがないままに形だけ作るのではなく、過度なスペックを追い求めることもなく、状況に合わせて最適な解決策を提供します。 https://5ive.jp/

    あなたへのおすすめ