Yoshinori Nishibayashi

1.4K posts

Yoshinori Nishibayashi banner
Yoshinori Nishibayashi

Yoshinori Nishibayashi

@__yonis__

㍿ボトラ 代表取締役 🙂GEOアドバイザリ、デザインコンサルなどお気軽にDMください💻役職者限定のAIに関する無料相談受付中🤖AI関連を非エンジニア視点で情報発信 専門:UI/UX、クリエイティブ|得意:マーケティング戦略やデザイン思考で、サイト制作やマーケティング施策

Japan Katılım Temmuz 2009
200 Takip Edilen318 Takipçiler
Sabitlenmiş Tweet
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
YouTubeのネタ探し、ライバル・競合分析のための動画検索ツール yt-search.com 豊富なフィルター機能を使って、Youtube動画検索ができるウェブアプリです。 ▶️『伸びるネタ』をピンポイントで発見 ▶️ 競合チャンネルを徹底リサーチ ▶️ 分析に活かせる様々なファイル形式 【主な機能】 👍 高度なYouTube動画検索 キーワード、検索モード、ジャンル、動画タイプ、並び順、取得件数、期間、検索対象地域などの豊富なフィルター機能で欲しい結果に一直線! 👍 チャンネル動画の収集 チャンネルを指定して、動画タイプ、並び順、取得件数、期間などを分析したいフィルター適用して収集! 👍 エクスポート CSV、エクセル、PDFなど多用なファイルへの出力が可能。ChatGPTやGeminiでの分析に活用可能。 👍 検索履歴の保存/再検索 過去条件をワンクリックで再実行。分析時間を短縮。 【YouTubeサイトの検索との違い】 ✔️広告やおすすめ表示に左右されず、設定した条件で結果を集めます。 ✔️条件を固定して、何度でも同じ検索ができます(検索履歴から1クリック再検索)。 ✔️動画の長さで絞り込み可能(ショートだけ/通常動画だけ など)。 ✔️指定件数まで自動で集めて、広告表示やノイズ(邪魔)になる動画が表示されません。 ✔️結果をCSV / エクセル / PDFで保存して、共有やAI分析に活用できます。 7日間無料トライアルで、まずは試してみてください。 【注意事項】 ご自身のYoutube Data APIのAPIキーが必要です。 APIキー発行、設定方法はサービスサイトの「API設定ガイド」で分かりやすく解説しています。 ※Youtube Data APIは無料でご利用可能です。
Yoshinori Nishibayashi tweet mediaYoshinori Nishibayashi tweet mediaYoshinori Nishibayashi tweet mediaYoshinori Nishibayashi tweet media
日本語
0
1
22
630
Yoshinori Nishibayashi
@UC_DG54 素敵すぎますね。いいですね、参考にさせていただきます! ちなみに、ストレージには何を使っているんですか?
日本語
0
0
0
40
千葉勇志|組織のAI革命(AX)を推進
めちゃくちゃリアルな話をすると Notionって僕らのような地方の中小企業が活用するにはオーバースペックなんですよね。 ある人はゴリゴリ使えて、ある人は全然分からない。 この差分を埋めるためにも、自社の細かい課題や要件に合わせたものをAIで爆速で作れたので、Notionよりも使いやすいと表現しています。 ツール習得に時間かけたときの費用対効果合わない問題、ありますよね。笑
千葉勇志|組織のAI革命(AX)を推進@UC_DG54

AIでNotionよりも使いやすいNotion完成した、、、 4時間程度で完成しました。 ※社内ポータルをNotionから自社サイトに移行しました。 ※完成度90%くらいです。

日本語
1
0
6
1.1K
Yoshinori Nishibayashi
【アップデート 第2弾】 無料動画編集アプリ XやSNSにアップする動画、簡単な編集はコレ! またまた、使い勝手をよくするアップデートしました。 1. 動画の追加 最初の動画の後に、下部の「+」エリアに動画をドラッグ&ドロップして追加できるようになりました。 2. 動画の並び替え 下部のクリップ一覧で動画をドラッグ&ドロップすると、順番を入れ替えることができます。 3. 再生速度 再生速度が0.5倍〜2倍→0.5倍〜5倍まで変更が可能になりました。 4. 使い方ガイド 簡単な使い方ガイドを?アイコンから見れるようになりました。 無料なので、ぜひ活用してください。 リンクは👇
Yoshinori Nishibayashi@__yonis__

ブラウザ上で動作する無料動画編集アプリ Xは動画投稿でエンゲージメントが高くなります。 でも、動画の編集って面倒じゃないですか? わざわざ編集アプリを開くの面倒なので、ブラウザで動くアプリを作りました。 無料で使えます。 【動画編集機能】 ⚪︎トリミング:タイムライン上のハンドルを操作して、動画の必要な部分だけを切り出せます。 ⚪︎アスペクト比変更:SNSに合わせて、9:16(縦長)、1:1(正方形)、16:9(横長)などにワンクリックで変更可能。 ⚪︎再生速度調整:0.5倍速から2.0倍速まで調整可能。 ⚪︎フィルター適用:ビビッド、モノクロ、ヴィンテージなどのフィルターを適用。 【使い方】 超簡単です。 画面中央のエリアに動画ファイル(MP4, MOVなど)にアップして、機能を使って編集。 決まったらエクスポートで解像度・フォーマットを選択して完了。 【おまけ】 動画を分析してキャプションとハッシュタグを生成する機能があります。 ※利用する場合はGemini APIを設定してください。 👇無料なのでお気軽にご利用ください snapcut-ai-delta.vercel.app

日本語
0
0
1
172
iX
iX@iX00AI·
『私が最強』シリーズ、作り方公開しました。 プロンプト全文は引用元へ🏫🔥
iX@iX00AI

#PR 【解説】Seedance 2.0でバズる女子高生のショート動画を作る方法 🚨API不具合が解消し、現在生成可能!! Seedance 2.0のオムニリファレンスを使えば、 AIでここまでクオリティ高い『変身シーン』を作れるようになった。 今回やったのはシンプルで、 ・人物・アーマー画像を用意 ・画像をリファレンスにして動画生成 だけ。 これ、Topviewで作れる。 手順とプロンプトはリプ欄にまとめます👇 @topviewjapan #TopviewAI #Seedance2

日本語
1
14
116
14.1K
Yoshinori Nishibayashi
@SEOTigerJP はい!機械が理解できるよう書くことで、(中略)結果的にユーザーのエンゲージメントを引き出せるようになると思います。
日本語
0
0
1
10
Yoshinori Nishibayashi
国産生成AIがSakana AIが公開されましたね。 無料で使えます。 簡単な質問してみましたが、検索してしっかり答えてくれそう。 画像生成とかは対応していない。 API利用も未定。 Sakana AI は、まだサービスの詳細を公式に公開していない段階で、Sakana Chatというサービス名で開発中のチャットサービス用モデルとしての位置付け。
Sakana AI@SakanaAILabs

🐟 Sakana Chat 公開 🐟 Sakana AIは、Sakana Chatを無料公開しました。 chat.sakana.ai Web検索機能と高速レスポンスを備えたAIチャットです。日本国内から、どなたでもお使いいただけます。ぜひ、お試しください。

日本語
0
1
2
124
Yoshinori Nishibayashi
Notionの有料プランが無駄だと感じてる人、絶対多いはず。 弊社はCodaに移行しました。 基本的な業務管理ができればOK。 他は専用自社のSaasを構築して対応。 トレンドのツールを使って、出来る人ぶるのは早くやめた方が良い。 ただ、Notionがダメと言ってるわけではない。必要な人たちには良いツール。 どちらを選ぶべきか? 【Notionがおすすめな状況】 • メモ、思考の整理、またはチームのナレッジ共有を主目的とする場合。ただし無料ではボリューム小さいので、小さいチームに限る。→有料プランにするべき • Google Workspaceと簡単に連携して業務効率を上げたい • デザインの美しさや、導入後すぐにチーム全員が簡単に使える操作性を重視する場合。 • 移動中やオフライン環境でも情報を確認・編集したい場合。 • 日本語しか無理 【Codaがおすすめな状況】 • 複雑なプロジェクト管理、独自のCRM、在庫管理など、カスタマイズ性の高い業務ツールを自前で作りたい場合。 • ボタンを押すことで特定の通知が飛んだり、ステータスが連鎖的に更新されるような高度な自動化を望む場合。 • 大人数で利用するが、実際にドキュメントを構築・管理する人数は限られている(コストを抑えたい)場合。 私見につき異論は認めます。 添付画像はGeminiが考えた、NotionとCodaらいしい。。
Yoshinori Nishibayashi tweet media
日本語
0
1
2
60
Yoshinori Nishibayashi
ちゃんとエンジニア目線で教えてくれてます。 参考になります。 ・メールアドレスや電話番号、住所などをダミー値に置き換える。
・社名・サービス名・コードネームを内部IDに変換してから送る。
・特定のファイルパスやホスト名パターンを汎用的な表現に置換する。
yousukezan@yousukezan

なぜ「社外秘」がAIの回答に出てくるのか ――生成AIの情報漏洩メカニズムをエンジニア目線で分解する qiita.com/mhamadajp/item… #Qiita @mshkhamadaより

日本語
0
0
0
99
Yoshinori Nishibayashi
Gemini 3.1 Proで動く図解SVGを作ってみた。 簡単にコードで出してくれるから、コピペでサイトにすぐ使えるぞ。 プロンプト: 化粧品ブランドのカスタマージャーニーを表す4ステップのフロー図をSVGアニメーションで作って。 認知→興味→購入→リピートの流れで、横並びのカード型デザイン、上品でナチュラルなコスメ系カラーで。 以下のアニメーションをループ再生で入れて。 - 各カードが下からスムーズにスライドアップして順番に登場(0.25秒ずつずらす) - カード間をつなぐ矢印が登場後にやわらかく右へ伸びる - 全カード登場後、やさしい光沢が左から右へ流れるエフェクトをループ
日本語
0
1
1
59
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
駆け出しコーダーのCLAUDE.md ※4. 開発コマンドは環境に合わせて変更、または削除 以下コピペして、プロジェクトのルートに配置。 # プロジェクトガイド: Webフロントエンド(HTML/CSS/JS) ## 1. 運用方針 - このファイルは「設計・コーディング上の考え方」を定義する。 - ディレクトリ運用ルールや配置先の詳細は `memo.md` を正として参照する。 - 必要な作業計画がある場合は、プロジェクトルートの `TODO.md` に記録する。 ## 2. 設計・実装の基本原則 ### HTML - セマンティックなHTML5要素を優先する。 - 画像には `alt`、操作要素には適切な `aria-label` を付与する。 - 見出し階層(`h1`-`h6`)を崩さない。 - 文言は可読性を優先し、意味のないラッパー要素を増やしすぎない。 ### CSS/SCSS - 既存コードの設計意図に合わせ、命名・粒度・責務を統一する。 - 可能な範囲で再利用可能なスタイルを優先し、重複記述を避ける。 - レスポンシブ実装は既存ブレークポイント設計に合わせる。 - 一時しのぎの `!important` や過度な詳細度競争を避ける。 ### JavaScript - ES6+(`const`/`let`、アロー関数など)を基本とする。 - 関数は小さく保ち、責務を明確に分離する。 - グローバル汚染を避け、既存スクリプトとの衝突を起こさない。 - DOM依存処理は「対象が存在しない場合」のガードを入れる。 ## 3. 品質基準 - 見た目だけでなく、回遊導線・操作性・アクセシビリティを同時に確認する。 - 変更はPC/SPの両方で確認する。 - Consoleエラーを残したまま完了にしない。 - 既存ページへの副作用(回帰)を必ず確認する。 ## 4. 開発コマンド ```bash # 初回セットアップ npm ci # 通常開発(推奨) npm run dev # 個別実行 npm run build:scss npm run watch:scss npm run build:js npm run watch:js npm run build:image npm run watch:image npm run serve ``` ## 5. 実装ワークフロー 1. 着手前に、対象ページの既存実装と関連ファイルを確認する。 2. UI変更は HTML/CSS/JS を必要な範囲で同時に揃えて実装する。 3. 変更後にブラウザで表示確認し、Consoleエラーの有無を確認する。 4. 必要なら `TODO.md` に進捗・未対応事項を簡潔に残す。 ## 6. 禁止・非推奨事項 - このプロジェクトの運用方針と異なる独自ルールを無断で追加しない。 - 根拠のないリファクタ(大規模な命名変更・構造変更)を先行しない。 - 一時対応コードを恒久実装として残さない。
日本語
0
1
2
100
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
WordPressは重くなってページの表示速度が遅くなりがち。WordPressを利用されてる方も多いと思うので、SEO(表示速度)とセキュリティを担保するためのレギュレーションをまとめてみました。 【WordPress制作レギュレーション】 ① 表示速度(SEO対策) 基本設計 ・テーマは 軽量テーマまたはオリジナルテーマを使用 ・不要な機能を持つ多機能テーマは使用しない ・DOM構造は 10階層以内を目安 ・フロントエンドは Vanilla JSを基本(jQuery依存を避ける) プラグイン管理 ・プラグイン数は 原則10個以内(理想は5〜8個) ・未使用プラグインは削除 ・更新停止プラグインは使用禁止 ・同機能プラグインの重複は禁止 キャッシュ ・ページキャッシュを必ず導入 ・ブラウザキャッシュを有効化 ・キャッシュ機能を持つプラグインを導入 CSS / JS最適化 ・CSS / JSは minify(圧縮) ・JavaScriptは deferまたはasync ・JavaScriptの head直読み込みは禁止 ・不要なライブラリは削除 ・フロント最適化プラグインを導入 画像最適化 ・画像は WebPまたはAVIF形式 ・画像容量 200KB以下を推奨 ・横幅は 最大2000px以内 ・lazy loadを有効化 フォント最適化 ・Google のGoogle Fontsは ローカルホスト推奨 ・フォント読み込みは display: swap 動画埋め込み ・YouTubeのiframe直埋めは避ける ・軽量埋め込みを使用 CDN ・CDNを導入して静的ファイルを高速配信 サーバー環境 ・PHP 8以上 ・HTTP/2 または HTTP/3 ・OPcache有効 ・高速サーバーを利用 データベース最適化 ・リビジョン定期削除 ・トランジェント削除 ・不要テーブル削除 SEO指標 ・表示速度はCore Web Vitalsを基準に改善する。 目標 LCP:2.5秒以内 CLS:0.1以下 INP:200ms以下 ② セキュリティ対策 WordPress管理 ・WordPress本体は 常に最新版 ・テーマは最新版 ・プラグインは最新版 ログイン対策 ・管理画面URLを変更 ・ログイン試行回数制限 ・二段階認証を導入 管理ユーザー ・adminユーザーは禁止 ・強力なパスワードを使用 ・管理者アカウントは最小人数 WAF導入 ・Web Application Firewallを導入 不要機能停止 ・XML-RPC停止 ・不要なREST API停止 ファイル編集禁止 ・wp-config.phpに設定  define('DISALLOW_FILE_EDIT', true); 権限設定(推奨) ・フォルダ 755 ・ファイル 644 ・wp-config.php 400 or 440 バックアップ ・1日1回バックアップ ・外部保存推奨 実績あるのでお困りの方はDMください。
Yoshinori Nishibayashi tweet mediaYoshinori Nishibayashi tweet media
日本語
0
0
1
42
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
AIエージェント時代の現場論 最近、開発のメインツールをClaude CodeからOpenAIのCodex 5.3に切り替えつつある。 もちろん、Claudeの深い思考力やコードレビューの的確さは素晴らしい。 しかし、実際のプロジェクトを完遂させる力という一点において、現時点で私はCodexに強い信頼を置いています。 これからAIを触り始める方や、ツール選びに迷っている方に、その理由をシェアします。 1. 「相談相手」か「実行部隊」か Claude Codeは、例えるなら超優秀なシニアエンジニア。 複雑な設計を相談したり、コードの行間を読み取って美しく修正したりするのが得意。 対してCodexは、自律して動く開発チームという感覚に近い。 複数のエージェントが並列でタスクをこなし、テストを回し、サンドボックスで実行結果まで確認してくる。この自律性が、プロジェクトを前に進める推進力に直結しています。 2. コストとスピードのバランス Claude 4.6は確かに賢い。100万トークンのコードを読み込み、設計の不備を指摘するシニアエンジニアとしての能力はピカイチです。 しかし、API価格は100万トークンあたり入力$5.00/出力$25.00。高精細な分、じっくり考えるためのコストがかかります。 対してCodex 5.3は、入力$1.75/出力$14.00と圧倒的に安価。そして最大の違いはエージェント型としての推進力。 複数のAIがチームを組み、並列で「バグ修正」「テスト作成」「デプロイ」をガシガシ進める。現場で手を動かし、完遂させる実行部隊として、Codexの遂行力は群を抜いているように感じる。 3. Vibe Coding 今は、非エンジニアでもAIを使ってプロダクトを作れるバイブコーディングの時代。 こんなことを言われると怒られると思いますが、大事なのはコードの完璧な美しさ以上に、まずは動くものが目の前にあることです。 Codexのとにかく形にする、デプロイまで持っていくという遂行力は、今の潮流にマッチしています。 😊これからAIを触る人へ(非エンジニア視点で) もしあなたがプログラミングを深く学びたい、美しい設計を知りたいなら、Claude Codeは最高の師匠になります。 一方で、頭の中にあるアイデアを、最短で形にして世に出したいなら、Codexという強力な実行部隊を味方につけることをお勧めします。 結局のところ、AIはツール。 自分のプロジェクトを誰が一番前に進めてくれるかで選ぶのも一つだと思います。
Yoshinori Nishibayashi tweet media
日本語
0
0
1
100
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
@kandmybike 税理士にお願いしている立場です。 コレってお互いメリットしかないですね。 こちらは税務わからないところが明確になるし、税理士はチクチク電話やメールで確認することも無くなる。 ウチはMF使ってますが、税理士には弥生会計を勧められててその辺も上手く繋げそう。
日本語
1
0
2
2.5K
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
【中小企業】AI使うなら活用するしかない! デジタル化・AI導入補助金2026 対象になり得るのは、ざっくりこのあたり ・ChatGPT Enterprise / ChatGPT Team(法人向けプラン) ・Claude for Business(Team / Enterprise) ・Microsoft Copilot for M365 ・Gemini for Google Workspace ・Perplexity Enterprise など、法人向け生成AIチャットツール 補助率最大 2/3、上限 450万円、サブスク費用は最長2年分まで補助対象 申請受付開始:2026年3月30日(月)10:00〜(予定) 1次締切:2026年5月12日(火)17:00 ITツール・IT導入支援事業者検索はまだだけど、チェックしてみんな活用しましょう! it-shien.smrj.go.jp
日本語
0
2
3
183
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
@Mar_3simai ありがとうございます! もっと使いやすく便利なツールになるよう、アップデートも行なっていきますので、よろしくお願いします!
日本語
0
0
1
13
まぁる@YouTube×AI自動化の設計士
@__yonis__ TubeAnalytics、とても便利そうですね!😳 YouTubeのネタ探しからデータ分析、AIでの企画作成までスムーズにできるのは、運営者にとってはかなり助かるツールだと思います✨
日本語
1
0
1
18
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
【TubeAnalytics】 YouTubeの動画ネタ探し、感覚に頼っていませんか? そんな人のためのツールです YouTubeのAPIを使って、特定のキーワードで実際に再生されている動画を分析できます。 たとえば、もうすぐ春なので「花見, 東京」で検索すると、再生数の多い動画を一覧でチェック可能。 ・どんなタイトルが強いのか ・サムネや構成はどうなっているのか ・どんな切り口が伸びているのか こうした伸びる動画の要素をデータから参考にできます。 さらに便利なのが、 PDF / CSV / Excelでデータをダウンロードできること。 そのままChatGPTなどのAIに渡して 「このデータから動画企画を作って」 みたいな使い方もできます。 YouTubeネタ探し → データ分析 → AIで企画作成 この流れがかなりスムーズになります。 7日間の無料トライアルもあるので、 YouTubeのネタ探しに悩んでいる人は、是非一度試してみてください。
Yoshinori Nishibayashi@__yonis__

YouTubeのネタ探し、ライバル・競合分析のための動画検索ツール yt-search.com 豊富なフィルター機能を使って、Youtube動画検索ができるウェブアプリです。 ▶️『伸びるネタ』をピンポイントで発見 ▶️ 競合チャンネルを徹底リサーチ ▶️ 分析に活かせる様々なファイル形式 【主な機能】 👍 高度なYouTube動画検索 キーワード、検索モード、ジャンル、動画タイプ、並び順、取得件数、期間、検索対象地域などの豊富なフィルター機能で欲しい結果に一直線! 👍 チャンネル動画の収集 チャンネルを指定して、動画タイプ、並び順、取得件数、期間などを分析したいフィルター適用して収集! 👍 エクスポート CSV、エクセル、PDFなど多用なファイルへの出力が可能。ChatGPTやGeminiでの分析に活用可能。 👍 検索履歴の保存/再検索 過去条件をワンクリックで再実行。分析時間を短縮。 【YouTubeサイトの検索との違い】 ✔️広告やおすすめ表示に左右されず、設定した条件で結果を集めます。 ✔️条件を固定して、何度でも同じ検索ができます(検索履歴から1クリック再検索)。 ✔️動画の長さで絞り込み可能(ショートだけ/通常動画だけ など)。 ✔️指定件数まで自動で集めて、広告表示やノイズ(邪魔)になる動画が表示されません。 ✔️結果をCSV / エクセル / PDFで保存して、共有やAI分析に活用できます。 7日間無料トライアルで、まずは試してみてください。 【注意事項】 ご自身のYoutube Data APIのAPIキーが必要です。 APIキー発行、設定方法はサービスサイトの「API設定ガイド」で分かりやすく解説しています。 ※Youtube Data APIは無料でご利用可能です。

日本語
1
1
3
193
Yoshinori Nishibayashi
Yoshinori Nishibayashi@__yonis__·
AIOやGEOで注目されている構造化データ Googleは親切にドキュメント用意してくれてます。 ・必須プロパティ ・ガイドライン ・リッチリザルトテスト など、例を挙げて解説してくれています。 【構造化データをページに追加する理由】 AIが情報を正しく理解し、引用しやすくするため。 AIは自然文を読み取りますが、構造化データがあれば、価格や場所などの事実を確定情報として正確に把握できます。 これにより、AI回答内での誤情報の防止や、回答の参照元として選ばれる確率が高まります。 いわば、AI専用の整理されたパンフレットを渡すようなもので、検索エンジンやAIからの信頼獲得に直結します。 参考にして対策を行いましょう! developers.google.com/search/docs/ap…
Yoshinori Nishibayashi tweet media
日本語
0
1
1
56