Web制作を中心にITの分野で様々な業界のビジネスをサポートしています。 大学や専門学校の非常勤講師としても活動中。Web制作からWebアプリケーション開発、情報処理に関するコンピュータスキル、情報科学の講義を担当。ほか、企業のICT活用のご相談や教育機関でのFD・SD研修の講師も行っています。 Webエンジニアのブログ https://blanche-toile.com/ note https://note.com/akira_ao Bluesky ビジネスアカウント @nuovasfida.comhttps://bsky.app/profile/akirao.bsky.socialhttps://bsky.app/profile/akirao.bsky.social/post/3mtnacxdqik2gSpeculation Rules APIでWebサイトを高速化！新しい事前読み込みの仕組みと注意点 https://blanche-toile.com/web/speculation-rules-api #JSON #SpeculationRulesAPI22 Aug 2026 02:32 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mtnacxdqik2ghttps://bsky.app/profile/akirao.bsky.social/post/3mt4bopsb7224Webマーケティングの最新トレンドであるAI検索の成果、正しく把握できていますか？ GoogleサーチコンソールとGoogleアナリティクスを組み合わせて、AIからの集客成果を可視化する「クロス分析テクニック」をまとめました！ 表示はされているのにアクセスが増えない「ゼロクリック検索」の課題と、具体的な改善策まで紹介しています。 GSCとGA4の操作では、実際の操作画面つきで手順を解説しているので、ぜひWebサイトの分析に役立ててみてください。 ↓　↓　↓ https://note.com/akira_ao/n/n85623ddf5c7e #マーケティング #SEO #AIO #GEO #AI検索 #ゼロクリック15 Aug 2026 08:42 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mt4bopsb7224https://bsky.app/profile/akirao.bsky.social/post/3mt2ino4juc2uボリュームのある記事を書いてるけど、途中でタイピングが面倒くさくなって、喋って文字起こしに切り替えた。 ほんで今、誤字脱字の確認。14 Aug 2026 15:41 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mt2ino4juc2uhttps://bsky.app/profile/akirao.bsky.social/post/3mswziz63x22h8月22日（土）に開幕する２０２６／２７Ｕ－２１Ｊリーグ。DAZNで観れるのでこちらも楽しみ。 玉田 圭司コーチ U-21 名古屋グランパス 監督就任のお知らせ https://nagoya-grampus.jp/news/pressrelease/2026/0813-u-21-21.php13 Aug 2026 06:32 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mswziz63x22hhttps://bsky.app/profile/akirao.bsky.social/post/3msnj4yya522tGoogleサーチコンソールでSNSアカウント（YouTube, Instagram, TikTok, X）のプロパティ追加が可能になりました。 検索パフォーマンス（クエリや表示回数）の確認に特化した機能で、検索からのアクセス状況を数値で把握できます。 連携のメリットや設定手順をまとめました。 SNS運用している方は参考にしてみてください。 ↓　↓　↓ 【GoogleサーチコンソールでSNSアカウントが分析可能に！メリットとできること】 https://blanche-toile.com/tools/google-search-console-sns-integration #Googleサーチコンソール #SNS連携 #検索パフォーマンス09 Aug 2026 11:45 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3msnj4yya522thttps://bsky.app/profile/akirao.bsky.social/post/3msddk6vuis2oAIを活用すれば作業効率が上がると思われがちですが、正直、プロンプト調整だけで解決しようとするのはもう限界がきています。 結局、使えば使うほど人間の手作業が増えてる感じがしませんか。 生成結果のチェックは人がやるしかない。だからこそ人は「チェックと判断」だけに集中して、修正や再実行はAI（ループ）にやらせるべきです。 これが今、現場で求められている「ループエンジニアリング」の考え方です。 この運用設計の具体的な組み方をまとめました。 ↓　↓ 　↓ プロンプトを書くだけのAI活用はもう限界。ループエンジニアリングで変わる業務自動化の現場 https://note.com/akira_ao/n/n687553b93c7205 Aug 2026 10:38 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3msddk6vuis2ohttps://bsky.app/profile/akirao.bsky.social/post/3ms3tkvpc2s2b目標を立てたとき、つい周囲に話したくなりますが、実は宣言するほど続きにくくなる理由があります。 目標を立てること自体は重要ですし、セミナーなどの座学でもよく推奨されている方法ですが、よく聞く「有言実行」で今まで結果がついてこなかった経験をされた方は、この原因を知らないからです。 講師として多くの人を見てきた経験から、なぜ宣言するとうまくいかないのか、どう進めればいいのかをお話しします。 ↓　↓　↓ 有言実行ではなく不言実行でいい。有言実行の見えない重大なリスクとは？ https://note.com/akira_ao/n/nfeca15030c95 #行動力 #習慣化02 Aug 2026 11:04 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3ms3tkvpc2s2bhttps://bsky.app/profile/akirao.bsky.social/post/3mrwjhytqcc2nAI時代のWeb制作では、Webエンジニアとして、デザイン、コーディング、プログラミング、バックエンドの知識とそれを意識したスキルは必須でしょう。 他にも、構造化データとセマンティック設計やRAG（検索拡張生成）に最適化された情報構造（HTML/テキストパース設計）、レンダリング手法の最適化（SSR/SSG）、一次情報・権威性（E-E-A-T）のシステム的補強なども。 これがすべてできれば『PERFECT HUMAN』31 Jul 2026 08:20 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mrwjhytqcc2nhttps://bsky.app/profile/akirao.bsky.social/post/3mrr5a2qevs2bMetaが「Threads」のDMで「Meta AI」と1対1の対話ができる新機能を提供開始 | Web担当者Forum https://webtan.impress.co.jp/n/2026/07/29/53053 #SNS #Threads #AI29 Jul 2026 04:57 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mrr5a2qevs2bhttps://bsky.app/profile/akirao.bsky.social/post/3mr5gpyqkx226SEOだけでなくAIO・GEO（生成AI最適化）の観点からも注目されるHTML/CSSバナーですが、ブラウザの強制ダークモードで意図せず色反転してしまう問題があります。 今回はメディアクエリを使わず、CSSを2行追加するだけで元のライトモードデザインを維持する実装方法をご紹介します。 ↓　↓　↓ 【HTML+CSSバナーのダークモード問題！ブラウザの強制反転を無効化してデザインを保つ方法】 https://blanche-toile.com/web/html-css-banner-darkmode #デザイン #Webデザイン #CSS #SEO #AIO #GEO21 Jul 2026 08:54 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mr5gpyqkx226https://bsky.app/profile/akirao.bsky.social/post/3mr57d2qq2k2l休憩。 連休明け、各地で気温40度越えが多発するのかな。 コーヒーだけでなく、冷たいアイスも食べたい。 ということで、合体！ 抹茶コーヒーフロートを作る。21 Jul 2026 06:42 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mr57d2qq2k2lhttps://bsky.app/profile/akirao.bsky.social/post/3mqqfl5zixs2dそういえば、プログラミング関連の講義で、開発環境について準備からその仕組みなどみっちり教えたことがないな。 結局、準備された環境で学ぶので、トラブルの対処はできないよね。 大学の講義だと1コマ使いそう。16 Jul 2026 04:29 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mqqfl5zixs2dhttps://bsky.app/profile/akirao.bsky.social/post/3mqixymtt6s27AIが発達しても、関連する技術に必要な知識やスキルはしっかり学んで理解しておかないといけない。 これは毎回、学生に伝えている。 皆、知らないことによるリスクを誰からも教わっていない。13 Jul 2026 05:37 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mqixymtt6s27https://bsky.app/profile/akirao.bsky.social/post/3mqgt7oevdk2z画像バナーとHTMLバナーそれぞれの特徴を整理してまとめました。 今後の検索やAI（AIO・GEO）への最適化を考慮しつつ、スマホ表示にも柔軟に対応できるHTML構造の組み方を解説しています。 ただの制作作業というわけではなく、今後のWebマーケティングの成果にも深く関わってくる部分です。 実務での活用を想定した、汎用的なHTML・CSSの実装テンプレートコードもご用意しました。 ↓　↓　↓ 【HTML+CSSバナーがSEO・AIO・GEOに与える成果と具体的な実装方法】 https://note.com/akira_ao/n/nd63cca5b60d3 #Web制作 #SEO #AIO #GEO12 Jul 2026 09:06 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mqgt7oevdk2zhttps://bsky.app/profile/akirao.bsky.social/post/3mq42vrf5722sもうレスポンシブの文字サイズ調整で、JSやclampを使う必要はない？ Chrome 150から本格導入されたtext-fitプロパティだけで手軽に行えます。 text-fit: grow consistent; で、改行後もデザインを崩さずぴったり調整。 最新のレスポンシブWebデザインに便利に活用していきましょう。 詳しいコード解説は、以下の記事で公開しています。 ↓　↓　↓ 【CSS】JSもclamp()も不要に。文字サイズをコンテナ幅にフィットさせるtext-fitプロパティの使い方 https://blanche-toile.com/web/css-text-fit-property #CSS #デザイン08 Jul 2026 02:25 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mq42vrf5722shttps://bsky.app/profile/akirao.bsky.social/post/3mpvzjn4xyc2a日付またいで連続7コマ、3つのプログラミング言語と2つのアプリケーションを教えていた頃に比べれば楽なはずだが。 体力の衰えとは認めたくない05 Jul 2026 16:44 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mpvzjn4xyc2ahttps://bsky.app/profile/akirao.bsky.social/post/3mpvyy2fnmc23土曜日も講義があったので、疲れが取れないまま週明け。 水にポッカレモン入れてレモン水を作って飲む。 頼むよクエン酸。05 Jul 2026 16:34 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mpvyy2fnmc23https://bsky.app/profile/akirao.bsky.social/post/3mpiq57rerc2lChrome 150から本格導入されるtext-fitプロパティの使い方のご紹介。 CSSだけでコンテナ幅に文字サイズを自動フィットさせるHTMLバナー実装をサンプルに、clamp()の細かな計算やJSの監視が不要になる実装方法を解説します。 ↓　↓　↓ 【CSS】JSもclamp()も不要に。文字サイズをコンテナ幅にフィットさせるtext-fitプロパティの使い方 https://blanche-toile.com/web/css-text-fit-property #CSS #WebDesign #Webデザイン30 Jun 2026 09:51 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mpiq57rerc2lhttps://bsky.app/profile/akirao.bsky.social/post/3mpfu3a5rvs2uグランパスのユニフォームカッコいい。 仕事頑張ろ！29 Jun 2026 06:24 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mpfu3a5rvs2uhttps://bsky.app/profile/akirao.bsky.social/post/3mowylumv422bグランパスの若手はミシャの指導のもと成長するのもありだが、出場機会や試合感、レンタル先での指導を期待して送り出しているのか。 でもちょっぴり寂しいところはある。23 Jun 2026 08:35 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mowylumv422bhttps://bsky.app/profile/akirao.bsky.social/post/3momvxpuvs22d通常の検索でもAI要約が優先される今、参照元に選ばれないサイトは、これまで制作にかかった時間と費用、さらに月額のサーバー代とドメイン代をドブに捨てているのと同じです。 dlタグやSchema.orgだけでは足りない、AI検索時代に必要なマークアップの重要なポイントについてまとめました。 ↓　↓　↓ 【Webサイトが生成AIに引用されるための構造化。検索エンジンに情報源として認識される重要なHTMLタグ】 https://note.com/akira_ao/n/n32084bb90ef6 #Web制作 #SEO #AIO #GEO19 Jun 2026 08:21 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3momvxpuvs22dhttps://bsky.app/profile/akirao.bsky.social/post/3mofgizblc227趣味の一つとして、 読書（論文） という、ちょっとカッコつけた趣味を付け加える！16 Jun 2026 08:56 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mofgizblc227https://bsky.app/profile/akirao.bsky.social/post/3mnr4m4zgkc2r【WordPress 7.0以降】JS（React）不要！PHPのみでカスタムブロックを作成する方法 https://blanche-toile.com/web/wordpress-php-custom-block #WordPress #CustomBlock #PHP08 Jun 2026 07:05 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mnr4m4zgkc2r