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/3mvrqupdm7s22連休中の開発環境整理にどうぞ！ XcodeのDevice Hub（旧iOS Simulator）とSafariを使った最新のWeb・アプリデバッグ手順を解説しています。 実機を使わずに最新OSの挙動を確認したいWebエンジニア・デザイナーの方へ。 最新のiPhone 18 Proシリーズも、表示確認や検証が行えます。 ↓　↓　↓ XcodeのDevice Hub（旧iOS Simulator）とSafariでWebサイトやアプリをデバッグする方法 https://blanche-toile.com/tools/web-devtools-ios-simulator #Web制作 #Xcode #DeviceHub18 Sep 2026 08:30 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mvrqupdm7s22https://bsky.app/profile/akirao.bsky.social/post/3muzeer47f22e『Webエンジニアのブログ』のアクセス、ユーザー獲得: ユーザーの最初の参照元 でトップ５にGeminiが常時入ってくるようになってきた。 めでたい。めでたい。08 Sep 2026 15:42 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3muzeer47f22ehttps://bsky.app/profile/akirao.bsky.social/post/3muy23cdwlk23「この仕事はもう将来性がない」みたいな話を見かけると、少しに焦ってしまうことありますよね。 このメカニズムについて書きました。 実態を調べると、ただの偏ったサンプルが広まっているだけのことも多くあります。不安の正体は自分の生活環境ではなく、外から入ってきた不完全な情報の方にあります。 情報はどこまで行っても参考値であって、自分の現実とは別物だと線を引くための思考整理です。 ↓　↓　↓ 【不安の原因は「情報」にある。インターネットとSNSがもたらす情報過多と心理】 https://note.com/akira_ao/n/n1b9fb15aff62 #情報過多 #思考法08 Sep 2026 03:05 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3muy23cdwlk23https://bsky.app/profile/akirao.bsky.social/post/3muos3fekc227noteなどの外部プラットフォーム記事がAI検索の回答で参照されているのをあまり見かけない疑問があり、エンジニア目線でその理由をまとめてみました。 記事の質だけでなく、裏側のデータ構造やAIクローラーへの対応など、プラットフォーム特有の技術的な制約も大きく関係しています。 自サイトと外部プラットフォーム、それぞれの強みを活かした運用のヒントになれば嬉しいです。 ↓　↓　↓ 【AI検索時代も独自ドメインが強い。noteなどのプラットフォーム記事が生成AIの回答で参照元に選ばれにくい話】 https://blanche-toile.com/web/ai-search-custom-domain #生成AI #SEO04 Sep 2026 10:48 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3muos3fekc227https://bsky.app/profile/akirao.bsky.social/post/3muivumat2k23業務にAIを導入したのに、売り上げなどの結果につながらないという話をよく聞きます。 そもそも、多くの方が「普通の生成AIの使い方」しかしていないのが原因です。 重要なのはプロンプトではなく、事前に読み込ませる情報の質です。 しっかり結果を出すための「ディープリサーチ」の考え方から、AIO・GEOを見据えた構成設計まで、現場での実践手順を詳しくまとめました。 ↓　↓　↓ 【従来のやり方ではもう届かない。生成AIマーケティングが必須な理由とIR情報やディープリサーチがもたらす効果】 https://note.com/akira_ao/n/nfc4600a88891 #生成AIマーケティング #SEO #AIO #GEO02 Sep 2026 02:40 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3muivumat2k23https://bsky.app/profile/akirao.bsky.social/post/3mu2muuo6qs25皆さんは、生成AIと普段どのように接していますでしょうか？ AIの使い方を間違えていたり頼り切りになっていると、将来的に大きなリスクにつながります。 AI依存やデジタル認知症のリスクを防ぎつつ、自力で考える力を育てる「AIへの問いかけ方」について解説しています。 子どものAI利用に不安を感じている保護者の方はもちろん、資格勉強やリスキリングでAIを活用している大人の方にも役立つ内容になっています。 ↓　↓　↓ 生成AIは教育と学習をどう変えるか？思考力を伸ばす活用法と「依存」と「デジタル認知症」のリスク https://note.com/akira_ao/n/ndce83a460993 #生成AI #思考力 #教育27 Aug 2026 10:22 +0000at://did:plc:hrmf2nq2igstdhimw3lpbiod/app.bsky.feed.post/3mu2muuo6qs25https://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/3mq42vrf5722s