はてなブックマーク

画像生成AIや動画生成AIをChromeで動かせるようにしたものです。 Nano BananaやSeeDream、Kling、pixverseなど、多数のAIモデルに対応しています。 これを作ってみて改めて思ったんですが、プログラミングを始めた初心者に、まず作ってほしいものがあります。 それはChrome拡張です。 なぜChrome拡張なのか、理由を説明します。 Chrome拡張とはChrome拡張とは、Chrome（Googleのウェブブラウザー）上で動く拡張機能のことです。 ブラウザに新しい機能を追加したり、既存のウェブページに機能を付け足したりできます。 基本的にJavaScriptで動作します。 JavaScriptは世界で最も使われているプログラミング言語の一つで、学習リソースも豊富です。 Webサイトを作ったことがある人なら、すでに触れたことがあるかもしれません。 JavaSc

こんにちは。けいすけです。 Xで図解っぽいポストをしたらインプレッションが伸びましたので、作り方を公開します。 Nano Banana Proなら、こんな図解も作れてしまうんですね。 では早速作り方です。 まずChatGPTにこのように言ってみましょう。 ○○（自分）ってどんな人？超詳細に説明してください。ChatGPTは自分とのやりとりを覚えてくれているので、自分について詳細に出力してくれるんですね。 そしたら、全文をコピーしてNano Banana Proに入れてしまいましょう。 Nano Banana Proに入れるときは、一言このようにプロンプトを入れておいてください。 この人物像を詳細に日本語で図解して。グラレコ風にして。本当に超詳細に小さい字でもいいから。キャラクターは添付の画像を使って。その他に、先ほどのChatGPTの出力をそのままコピペして、キャラ画像も読み込ませておきま

こんにちは、けいすけです。 AI画像生成の世界で大きなアップデートがありました。 Nano Banana Pro（ナノバナナプロ）です。 ぼくは普段からAI漫画制作に画像生成AIを使っているので、さっそく試してみました。 今日はその第一印象をまとめます。 Nano Banana Proって何？Nano Banana Proは、Gemini 3の公開に合わせて登場した画像生成AIです。 正式には「Gemini 3.0 Pro Image」というモデルみたいです。 従来のNano Banana（Gemini 2.5 Image）とは明確に違う手応えがありました。 ぼくは漫画制作でずっとNano Bananaを使ってきたので、この進化はほんとに嬉しいです。 何が改善されたのか日本語フォントがほぼ破綻しないこれが一番の改善点です。 従来は日本語の文字が崩れて、編集ソフトで打ち直す必要がありました。

2026年2月最新版 【Nano Banana 2対応】 Chrome拡張でAIマンガ＆動画&画像&音声生成をしよう 【Easy Banana】 【最近の更新履歴】 2月27日： Version 3.4.0を公開。Nano Banana 2に対応 2月6日： Version 3.3.0を公開。Kling v3とo3に対応 2月1日： Version 3.2.0を公開。Vidu Q3、Grok Imagenに対応 1月10日： Version3.1.0を公開。qwen-image-edit-2511-multiple-anglesを搭載 12月30日： Version 3.0.2を公開。StoryBoardでjobが複製できないバグを修正 12月20日： Version 3.0.1を公開。サイドパネルのタブ切り替え時のバグを修正。 注意：Easy Banana動かすためにはFALのAPI k

こんにちは、けいすけです。 「Vibe Codingを始めたいけど、何から作ればいいかわからない」 「データベースとか難しそう...」 そんな新人バイブコーダーの声をよく聞きます。 実は、ぼくも最初はそうでした。 でも安心してください。 データベースを使わなくても、 十分実用的で面白いサービスは作れるんです。 今日は、新人バイブコーダーが最初に挑戦すべき 「データベース不要」のサービス3選を紹介しますね。 なぜ最初はデータベースを避けるべきかデータベースって、確かに便利なんです。 でも、初心者にとっては めちゃくちゃハードルが高い。 なぜかというと： 設定が複雑 管理が大変 エラーが起きたときの対処が難しい セキュリティのことを考える必要がある こういう問題があるからです。 最初からデータベースを使おうとすると、 「プログラムを作る楽しさ」よりも 「設定や管理の面倒くささ」が先に来ちゃうん

こんにちは。けいすけです。 データベースは正しく使おうね！という記事です。 最近はAIを使ったバイブコーディングが流行っています。 そこで、AIで最近プログラムを書き始めたよ！という方に向けて、 なぜデータベースを使ったプログラムは気をつけなければならないかを記事にしました。 一言でいうと、データベースがあると、情報漏えいしたり、改竄されて詐欺サイトに飛ばされたり、そんな危険があります。 ちなみに、バイブコーディングで最初におすすめなのは、 決まった内容を表示するだけのWebページです。 順を追って説明しますね。 Webページってどうやって表示されるの？ちなみに、このページは全てAIで作りました。 さてさて、だんだん本題に入っていきます。 まず、このウェブページが表示されるまでには、裏でこんなことが起こっています。 このページ見せて！とリクエストが送られる ええよー！と言ってhtmlが送ら

こんにちは、けいすけです。 いやー、すごいのが出ちゃいましたね。 昨日（6月25日）の夜に、Googleから「Gemini CLI」が公開されました。CLI、つまりコマンドラインで対話できるGeminiです。 実はこの記事自体も、早速Gemini CLIを使って書いています。なので、この記事の仕上がり自体が、ある意味レビューにもなっています。ぜひ、その視点でも読んでみてください。 今回は、ぼくが普段から愛用している「Claude Code」と比較しながら、ファーストインプレッションをまとめてみますね。 インストールは一瞬。そして、いきなり実感する「コンテキストの暴力」まず、インストールはコマンドラインで一発。めちゃくちゃ簡単でした。 そして、使ってみて最初に「おっ」と思ったのが、応答の速さです。かなりサクサク動きます。 搭載されているAIは「Gemini 2.5 Pro」みたいで、Goog

こんにちは、けいすけです。 突然ですが、 あなたは自分専用のDiscordサーバーを持っていますか？ 「え、ゲームしないからDiscordは使わない」 「チャットアプリでしょ？一人で使ってどうするの？」 そう思っているなら、 ものすごくもったいないことをしています。 今日は、なぜ全人類が 自分専用のDiscordサーバーを作るべきなのか、 その理由と具体的な活用方法をお話しします。 多くの人がDiscordを 「ゲーマー向けのチャットアプリ」だと思っています。 確かにそれは事実ですが、 それは氷山の一角に過ぎません。 Discordの本当のすごさは、 その拡張性にあります。 テキストメッセージはもちろん、 音声メッセージ、画像、ファイル共有、 さらにはBot機能を使った自動化まで、 あらゆることができるプラットフォームなんです。 つまり、Discordは「自分だけの秘書」を 雇えるプラット

音声ファースト思考術で人生が変わった話 - Obsidian × 音声入力で21日間330件のメモで見えたAI時代の新しい可能性 こんにちは、けいすけです。 今日は、ぼくの人生を劇的に変えた「音声ファースト思考術」について詳しくお話ししたいと思います。 突然ですが、ぼくは2025年現在、1日平均約16件の音声メモを取り続けています。21日間で330件以上のメモを蓄積しました。多い日には100件近くのメモを作成することもあります。 ただし、正直に言うと、この330件はまだまだ道半ばです。本当の価値は、これを何年も続けて何万件というメモが蓄積された時に現れると考えています。今回お話しするのは、あくまで「始まりの3週間」で見えた可能性についてです。 「そんなにメモして何の意味があるの？」と思われるかもしれません。でも、この音声ファーストの生活に変わってから、たった21日間でも明らかに変化したこと

こんにちは。けいすけです。 ChatGPTがまたまたアップデートされまして、GPTsから最新の画像生成AIが使える様になっていました。 と言うことは！マンガを作るGPTsを作るしかない！ と言うことでGPTsを作りました。 （GPTsはこの記事の最後に配布しています） 一応プロンプトはこれなので、改良はご自由にどうぞ。 # 3コママンガを作るための指示書 ## 概要 - あなたは優秀なマンガ家である。 - これは3コママンガを描くための指示書である。 ## キャラクター - キャラクターは指示者と対話して決めてください。 ## 手順 - 以下の手順にしたがってマンガを生成してください - 次の手順に進む前に、進んで問題ないかどうか指示者に確認してください - 手順を実行するまえに、各手順を復唱し、仕様も復唱してください ### 手順1 - 指示者にお題を出してもらってください。 - なけれ

こんにちは。けいすけです。 ChatGPTでタイトルデザインができる！と言うことで、何パターンかタイトルデザインを作ってみました。 タイトルデザインが作れるぞ！といってもデザイナーでもなければ引き出しが少ないので、どんなタイトルデザインを作ったら良いのかわかりませんよね。 と言うことで、○○風のように、すぐに使える様にしてタイトルデザインを作ってみました。 ちなみに、作っているところの実演動画とプロンプトはこの記事の最後で配布しています。 では、いきます！ ネオンライトのサイバーパンク風 筆文字で和風な感じ 高級ブランド風のタイポグラフィ 落書き風でポップなイメージ ホラー映画のような血文字風 少女マンガのふわふわキラキラ系 スチームパンク風の機械っぽいデザイン 映画予告風の重厚感あるレイアウト ピクセルアート風のゲームっぽいロゴ カフェの黒板メニュー風 スポーツ系アニメっぽい勢いのある筆

こんにちは。けいすけです。 （記事の最後に動画解説を置いておきます） まずはこのマンガを読んでみてください。 これ、ほぼChatGPTが作ったというとビックリするんじゃないでしょうか。 ということで、早速作り方を公開します。 まずはプロンプトです。 # 1pマンガを作るための指示書 ## 概要 - あなたは優秀なマンガ家である。 - これはマンガを描くための指示書である。 ## キャラクター - キャラクターは添付の設定資料に忠実に従ってください。 ## 手順 - 以下の手順にしたがってマンガを生成してください - 次の手順に進む前に、進んで問題ないかどうか指示者に確認してください ### 手順1 - 指示者にお題を出してもらってください。 - なければランダムにあなたがお題を考えてください ### 手順2 - お題にしたがって、マンガのネームを描いてください。ネームは1pで完結させてくだ

こんにちは。けいすけです。 この記事の最後にGPTs配布をしていますので、記事は良いから取りあえずGPTsがほしい！という方は最後までぐいーーーーんとスクロールプリーズ！ 最近こんなポストをしました。 ChatGPTだけでキレイなドット絵が描けるようになりました。 ドット絵って簡単そうですが、AIで作ろうとすると結構難しいんですよね。 たとえば、これを見てください。 DALL-E3でドット絵を描いて！とお願いして出てきたものです。 まあ、ドット絵っぽいといえばっぽいのですが、拡大してみると違いが分かります。 こんな感じで、ピクセルの端がにじんでいたり、ピクセルの境目が直線になっていなかったりします。 で、これをどうしたかというと、pythonで加工することでちゃんとしたドット絵になるわけです。 詳しい仕組みは省きますが、ニアレストネイバー法というもので、64×64に縮小すると、割りとキレイ