Sign in

NUOVA SFIDA

@nuovasfida.com
9 followers 7 following 169 posts

Web制作を中心に、マーケティング、SEO対策、LLMO対策、サイトの運用・保守、サーバやドメイン管理まで幅広くお受けいたしております。ITの分野で様々な業界のビジネスをサポート。デジタルがあなたのビジネスを加速させます。 【Webサイト】 nuovasfida.com 【代表ブログ】 blanche-toile.com 【note】 note.com/akira_ao 【Bluesky 個人アカウント】 @akirao.bsky.social

PostsRepliesMedia
NUOVA SFIDA @nuovasfida.com · 09/10/2026
【JPCERT/CC】不正アクセス・情報漏洩ラッシュについて、不審なアクセス元と推奨対策を公開 enterprisezine.jp/news/detail/...
enterprisezine.jp
【JPCERT/CC】不正アクセス・情報漏洩ラッシュについて、不審なアクセス元と推奨対策を公開
2026年9月~10月の期間で相次いでいる不正アクセス・個人情報などの漏洩について、JPCERT/CCより具体的な注意喚起が出ている。 なお、同注意喚起は、普段から断続的、散発的に発生しているランサ...
000
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 07/10/2026
企業の情報漏洩ニュースが相次いでるので、個人側でできる現実的な防衛策(データ最小化、パスキー、フィッシング対策など)について共有しておきます。 個人でできる自衛やリテラシーチェックの参考にでも。 ↓ ↓ ↓ 【企業の情報漏洩から身を守る。個人が知っておくべきセキュリティ対策と情報リテラシー】 blanche-toile.com/web/personal... #個人情報 #情報リテラシー #情報漏洩 #セキュリティ
blanche-toile.com
企業の情報漏洩から身を守る。個人が知っておくべきセキュリティ対策と情報リテラシー | Webエンジニアのブログ
企業の個人情報漏洩に対して、個人が取るべき現実的な防衛策をまとめました。パスワード管理や多要素認証(パスキー・TOTP)などの技術的対策から、フィッシング詐欺を見抜く情報リテラシー、漏洩通知が届いた際の具体的な対処手順まで、分かりやすく解説します。
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 06/10/2026
Googleの「AI Contribution Pilot」について、その仕組みや参照と成果報酬の考え方、これからのサイト運営で備えておくべきことをまとめました。 検索トラフィックだけに頼らない、今後のコンテンツのあり方を考えるきっかけになれば嬉しいです。 AI検索に評価される条件や、個人サイト・メディア運営者が今から取り組める現実的な準備について整理しています。 ↓ ↓ ↓ 【Googleの「AI Contribution Pilot」の仕組みとは?AI検索の参照・成果報酬とWebサイトの備え】 note.com/akira_ao/n/n... #AIOverviews #GEO
note.com
Googleの「AI Contribution Pilot」の仕組みとは?AI検索の参照・成果報酬とWebサイトの備え|AKIRA | Webエンジニア / 講師
Googleは2026年9月末に「AI Contribution Pilot(AI貢献度パイロットプログラム)」という新しい取り組みを発表しました。 現在、検索結果の画面上でAIが質問の回答を完結させるAI Overviewsの導入以降、検索ユーザーが元のWebサイトをクリックせずにそのまま検索を終えてしまうケースが増加していますが、頑張って記事を作成しても、AIにテキストを読み込まれて要約が表...
042
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 30/09/2026
ChatGPTやGeminiなどのAIチャットを使うと、回答をそのまま信じるのはリスクがありますが、Perplexityで一次情報(元ソース)を確認する癖をつけると、自然と情報リテラシーが鍛えられます。 世の中うまくいっている人・情報を理解して正しく活用できている人は、それぞれの特徴を理解して利用しています。 仕事から日常の調べものまで使える具体的な使い分けについて書きました。 ↓ ↓ ↓ 【なぜ情報リテラシーを高めるPerplexityより、ハルシネーションを起こしやすいChatGPTやGeminiが使われるのか?】 note.com/akira_ao/n/n... #生成AI
note.com
なぜ情報リテラシーを高めるPerplexityより、ハルシネーションを起こしやすいChatGPTやGeminiが使われるのか?|AKIRA | Webエンジニア / 講師
日常の調べものや仕事の現場でAIを活用するのは、すっかり一般的なことになりました。 AIと聞いてよく知られているのはChatGPTやGeminiかと思います。対話の自然さや文章を作る能力に長けているので、すでに多くの人が日々の業務や作業で活用しています。 ただ、情報学を教えている立場からすると、今のAIの使われ方は正直もったいないと感じますし、これからの情報社会を考えると少しリスクがあるようにも...
132
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 22/09/2026
Webサイトの更新や新しいページを、AI検索に早く反映させていますか? SEOだけでなく、ChatGPTやClaude、Perplexityなどの回答に最新情報をすぐ読み込ませるための「IndexNow」のやり方をまとめました。 これまでの送信方法との違いから手動での設定手順まで、現場でそのまま使える内容になっています。 ↓ ↓ ↓ 【IndexNowとは?即時インデックスの仕組みと生成AIへの効果、Bing Webmaster Toolsでの設定・運用手順】 blanche-toile.com/tools/indexn... #SEO #GEO #IndexNow #Web運用
blanche-toile.com
IndexNowとは?即時インデックスの仕組みと生成AIへの効果、Bing Webmaster Toolsでの設定・運用手順
IndexNowの仕組みとBing Webmaster Toolsでの具体的な設定・手動運用手順を解説。通常のURL送信との違いや、ChatGPT・Claude等の生成AI回答へ即座に反映させる効果も解説します。プラグインに頼らず手動で手軽に運用する方法も紹介します。
042
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 21/09/2026
AIの「正しい使い方」という誤解と、自称・専門家が生まれる構造について書きました。 SNSの自称・専門家による発信も、それをそのまま学習したChatGPTの回答も、本質的には同じです。 ここを理解しておかないと、いくらノウハウを学んでも無駄な試行錯誤を繰り返すことになります。 日々進化し続けるAIに対して、そもそも固定化された正解なんてありません。 変化し続けるテクノロジーと、どう冷静に向き合うかです。 思考の整理としてどうぞ。 ↓ ↓ ↓ 【AIの正しい使い方という誤解と自称・専門家の違和感】 note.com/akira_ao/n/n... #生成AI #AIリテラシー
note.com
AIの正しい使い方という誤解と自称・専門家の違和感|AKIRA | Webエンジニア / 講師
生成AIの普及に伴って、SNSなどの多くのメディアでAIの使い方に関する情報が見られるようになりました。 SNSや個人ブログなどを目にしていると、自分はAIに詳しいと自負する人たちが「必須のプロンプト10選」や「AIの正しい使いこなし方」といったノウハウを誇らしげに語っていたり、それを見た多くの人が焦りから情報を追いかけている光景が見えます。 ただ、教育機関で情報学を教える私の立場からこの状況...
022
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 18/09/2026
連休中の開発環境整理にどうぞ! XcodeのDevice Hub(旧iOS Simulator)とSafariを使った最新のWeb・アプリデバッグ手順を解説しています。 実機を使わずに最新OSの挙動を確認したいWebエンジニア・デザイナーの方へ。 最新のiPhone 18 Proシリーズも、表示確認や検証が行えます。 ↓ ↓ ↓ XcodeのDevice Hub(旧iOS Simulator)とSafariでWebサイトやアプリをデバッグする方法 blanche-toile.com/tools/web-de... #Web制作 #Xcode #DeviceHub
blanche-toile.com
XcodeのDevice Hub(旧iOS Simulator)とSafariでWebサイトやアプリをデバッグする方法
Web開発しているとデバッグは欠かせませんが、iPhoneやiPadなどを実機以外で正確に確認するにはiOS Simulator(Device Hub)がおすすめです。最新機種はもちろん、2026年9月現在は「iOS 27」「iPadOS 27」「watchOS 27」「macOS 27」などのOSが確認可能です。
032
Reposted by NUOVA SFIDA
Webエンジニア掲示板 - Free Style @web-engineer-blog.bsky.social · 12/09/2026
SEOやAI検索(AIO、GEO)を意識した記事作りの一環として、WordPressの標準機能でsectionタグとid属性を設定する方法です。 初心者の方でも標準機能だけで手軽に設定できます。 ↓ ↓ ↓ 【SEO・AI検索(AIO、GEO)に強い記事を作る。WordPressブロックエディタでsectionとidを実装する方法】 blanche-toile.com/web/wordpres... #WordPress #SEO #AIO #GEO
blanche-toile.com
SEO・AI検索(AIO、GEO)に強い記事を作る。WordPressブロックエディタでsectionとidを実装する方法 | Webエンジニアのブログ
WordPressのブロックエディタ(Gutenberg)で、sectionタグとid属性を実装する手順を解説。標準機能だけでHTML構造を整え、アクセシビリティ向上や従来のSEO対策に加え、AIO・GEO(生成AI検索)で参照元として選ばれるための具体的なマークアップ方法を紹介します。
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 08/09/2026
「この仕事はもう将来性がない」みたいな話を見かけると、少しに焦ってしまうことありますよね。 このメカニズムについて書きました。 実態を調べると、ただの偏ったサンプルが広まっているだけのことも多くあります。不安の正体は自分の生活環境ではなく、外から入ってきた不完全な情報の方にあります。 情報はどこまで行っても参考値であって、自分の現実とは別物だと線を引くための思考整理です。 ↓ ↓ ↓ 【不安の原因は「情報」にある。インターネットとSNSがもたらす情報過多と心理】 note.com/akira_ao/n/n... #情報過多 #思考法
note.com
不安の原因は『情報』にある。インターネットとSNSがもたらす情報過多と心理|AKIRA | Webエンジニア / 講師
昨今、情報過多や生成AIの普及、時代の変化など、さまざまな変化がすごいスピードで進んでいて、自分の今後に不安を感じている方も多いのではないでしょうか。
032
Reposted by NUOVA SFIDA
Webエンジニア掲示板 - Free Style @web-engineer-blog.bsky.social · 07/09/2026
AI検索時代も独自ドメインが強い。noteなどのプラットフォーム記事が生成AIの回答で参照元に選ばれにくい話 blanche-toile.com/web/ai-searc... #AI検索 #SEO #AIO #GEO
blanche-toile.com
AI検索時代も独自ドメインが強い。noteなどのプラットフォーム記事が生成AIの回答で参照元に選ばれにくい話
AI検索で自サイトを参照元として提示してもらうには、発信者の一次情報性が重要になります。noteなどの外部プラットフォームにおける技術的な制約や、独自ドメインでのAIO・GEOの取り組みと使い分けについて解説します。
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 04/09/2026
noteなどの外部プラットフォーム記事がAI検索の回答で参照されているのをあまり見かけない疑問があり、エンジニア目線でその理由をまとめてみました。 記事の質だけでなく、裏側のデータ構造やAIクローラーへの対応など、プラットフォーム特有の技術的な制約も大きく関係しています。 自サイトと外部プラットフォーム、それぞれの強みを活かした運用のヒントになれば嬉しいです。 ↓ ↓ ↓ 【AI検索時代も独自ドメインが強い。noteなどのプラットフォーム記事が生成AIの回答で参照元に選ばれにくい話】 blanche-toile.com/web/ai-searc... #生成AI #SEO
blanche-toile.com
AI検索時代も独自ドメインが強い。noteなどのプラットフォーム記事が生成AIの回答で参照元に選ばれにくい話
AI検索で自サイトを参照元として提示してもらうには、発信者の一次情報性が重要になります。noteなどの外部プラットフォームにおける技術的な制約や、独自ドメインでのAIO・GEOの取り組みと使い分けについて解説します。
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 02/09/2026
業務にAIを導入したのに、売り上げなどの結果につながらないという話をよく聞きます。 そもそも、多くの方が「普通の生成AIの使い方」しかしていないのが原因です。 重要なのはプロンプトではなく、事前に読み込ませる情報の質です。 しっかり結果を出すための「ディープリサーチ」の考え方から、AIO・GEOを見据えた構成設計まで、現場での実践手順を詳しくまとめました。 ↓ ↓ ↓ 【従来のやり方ではもう届かない。生成AIマーケティングが必須な理由とIR情報やディープリサーチがもたらす効果】 note.com/akira_ao/n/n... #生成AIマーケティング #SEO #AIO #GEO
note.com
従来のやり方ではもう届かない。生成AIマーケティングが必須な理由とIR情報やディープリサーチがもたらす効果|AKIRA | Webエンジニア / 講師
今やビジネスシーンでの生成AI活用は、特別なことではなく日常的な業務の一部になっています。 しかし、業務効率化を目指してAIを導入したものの、どこかで見たような無難な文章しかできあがらず、結局成果につながらない。こうした行き詰まりを感じているマーケティング担当者や事業者は多いことでしょう。 記事制作や広告文の作成スピードがどれだけ上がっても、成果が出ないのには理由があります。 インターネット上に...
022
NUOVA SFIDA @nuovasfida.com · 30/08/2026
皆さんは、生成AIと普段どのように接していますでしょうか? AIの使い方を間違えていたり頼り切りになっていると、将来的に大きなリスクにつながります。 AI依存やデジタル認知症のリスクを防ぎつつ、自力で考える力を育てる「AIへの問いかけ方」について解説します。 ↓ ↓ ↓ 生成AIは教育と学習をどう変えるか?思考力を伸ばす活用法と「依存」と「デジタル認知症」のリスク note.com/akira_ao/n/n... #生成AI #思考力 #教育 #AI活用
140
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 27/08/2026
皆さんは、生成AIと普段どのように接していますでしょうか? AIの使い方を間違えていたり頼り切りになっていると、将来的に大きなリスクにつながります。 AI依存やデジタル認知症のリスクを防ぎつつ、自力で考える力を育てる「AIへの問いかけ方」について解説しています。 子どものAI利用に不安を感じている保護者の方はもちろん、資格勉強やリスキリングでAIを活用している大人の方にも役立つ内容になっています。 ↓ ↓ ↓ 生成AIは教育と学習をどう変えるか?思考力を伸ばす活用法と「依存」と「デジタル認知症」のリスク note.com/akira_ao/n/n... #生成AI #思考力 #教育
note.com
生成AIは教育と学習をどう変えるか?思考力を伸ばす活用法と「依存」と「デジタル認知症」のリスク|AKIRA | Webエンジニア / 講師
皆さんは、生成AIと普段どのように接していますでしょうか? 学校や家庭での教育はもちろん、大人の資格勉強やリスキリングの場でも、生成AIを学習にどう活かすべきかという悩みが広がっています。 文部科学省のガイドライン策定など社会的な動きは進んでいますが、教える側も学ぶ側も、「具体的にどう使えばいいのか」「手軽さに頼りすぎて、自分の考える力が落ちるのではないか」という不安を抱えたままなのが現状です...
042
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 22/08/2026
Speculation Rules APIでWebサイトを高速化!新しい事前読み込みの仕組みと注意点 blanche-toile.com/web/speculat... #JSON #SpeculationRulesAPI
blanche-toile.com
Speculation Rules APIでWebサイトを高速化!新しい事前読み込みの仕組みと注意点 | Webエンジニアのブログ
Speculation Rules APIを使ってWebサイトのページ遷移を高速化する方法をご紹介します。4つの発動タイミングや基本の書き方はもちろん、広告計測トラブルを防ぐ設定やWordPressへの安全な組み込み方まで実践的に解説します。
022
Reposted by NUOVA SFIDA
Webエンジニア掲示板 - Free Style @web-engineer-blog.bsky.social · 18/08/2026
YouTube動画をWebサイトに埋め込む際に再生回数に影響するパラメータの指定 blanche-toile.com/web/youtube-... #YouTube #再生回数 #Webサイト #ホームページ #ブログ
blanche-toile.com
YouTube動画をWebサイトに埋め込む際に再生回数に影響するパラメータの指定 | Webエンジニアのブログ
YouTube動画の評価は、再生回数と視聴時間、総再生時間などが基準となりますが、普通にYouTube動画をWebページに埋め込むだけだと、動画の再生回数(視聴回数)と視聴時間はカウントされないままとなってしまいます。YouTube動画のリンクURLにパラメータを設定することで再生回数がカウントできるようになります。
022
NUOVA SFIDA @nuovasfida.com · 16/08/2026
Webサイトは24時間365日働く営業マンですが、AI検索の登場でユーザーの動きが大きく変わり、成果の捉え方も一変しています。 
今回のGSC×GA4のクロス分析は、AI時代に自身のWebサイトを正しく評価するための新しい分析方法です。 これから主流になる分析手法だと思いますので、Webサイトの分析に一足早く役立ててみてください!
020
NUOVA SFIDA @nuovasfida.com · 16/08/2026
Webマーケティングの最新トレンドであるAI検索の成果、正しく把握できていますか? GoogleサーチコンソールとGoogleアナリティクスを組み合わせて、AIからの集客成果を可視化する「クロス分析テクニック」をまとめました! 表示はされているのにアクセスが増えない「ゼロクリック検索」の課題と、具体的な改善策まで紹介しています。 ↓ ↓ ↓ 【Googleサーチコンソールの生成AIレポートを活用して集客成果を割り出す|GSC×GA4のクロス分析テクニック】 note.com/akira_ao/n/n... #生成AI #AI検索 #ゼロクリック対策 #Web集客 #Webサイト改善
132
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 15/08/2026
Webマーケティングの最新トレンドであるAI検索の成果、正しく把握できていますか? GoogleサーチコンソールとGoogleアナリティクスを組み合わせて、AIからの集客成果を可視化する「クロス分析テクニック」をまとめました! 表示はされているのにアクセスが増えない「ゼロクリック検索」の課題と、具体的な改善策まで紹介しています。 GSCとGA4の操作では、実際の操作画面つきで手順を解説しているので、ぜひWebサイトの分析に役立ててみてください。 ↓ ↓ ↓ note.com/akira_ao/n/n... #マーケティング #SEO #AIO #GEO #AI検索 #ゼロクリック
note.com
Googleサーチコンソールの生成AIレポートを活用して集客成果を割り出す|GSC×GA4のクロス分析テクニック|AKIRA | Webエンジニア / 講師
Webサイトを運用する中で、アクセス状況や集客成果を把握するためにGoogleアナリティクス(GA4)やGoogle Search Console(GSC)を活用している方は多いと思いますが、最近になり、GSCの検索パフォーマンスに「生成AI機能」レポートが追加され、AIに関連した露出データが確認できるようになりました。 AI Overviews(AIによる概要)などでWebサイトがどれくらい引...
132
NUOVA SFIDA @nuovasfida.com · 12/08/2026
公開前のチェックにぜひ活用してみてください! 【PDFのタイトルやキーワード(プロパティ)を設定する方法とSEO・AIO・GEOにおける重要性】 blanche-toile.com/web/pdf-meta... #Webマーケティング #PDFプロパティ設定
blanche-toile.com
PDFのタイトルやキーワード(プロパティ)を設定する方法とSEO・AIO・GEOにおける重要性 | Webエンジニアのブログ
PDFのプロパティ(タイトルやキーワード)を設定する方法を解説します。PowerPointやWordでの具体的な手順からGoogleツールの注意点まで紹介。メタデータを正しく入力し、検索エンジン(SEO)や生成AI(AIO/GEO)に評価されるPDF作成に活用できます。
022
NUOVA SFIDA @nuovasfida.com · 12/08/2026
Web上で公開するPDF資料、プロパティ(メタデータ)の設定はできていますか? たかがメタデータと軽視されがちですが、タイトルやキーワードを正しく設定しておかないと、検索結果やAI検索で以下のようなデメリットが生じてしまいます。 ・PDFのファイル名がそのまま検索結果のタイトルになってしまう ・生成AIが文書のテーマを正しく把握しづらくなる ・発信者の信頼性(E-E-A-T)を証明しづらい PowerPointやWordでの正しい書き出し手順や入力ルールから、Googleツールの注意点といったポイントまで詳しくご紹介します。 #SEO #AIO #GEO ↓ ↓ ↓
122
NUOVA SFIDA @nuovasfida.com · 11/08/2026
GoogleサーチコンソールでSNSアカウント(Instagram / TikTok / X / YouTube)が分析可能になりました。 Google検索からSNSの自分の投稿がどのように露出・流入しているかが、数値で追えるようになります。 SNS運用している方は参考にしてみてください。 ↓ ↓ ↓ 【GoogleサーチコンソールでSNSアカウントが分析可能に!メリットとできること】 blanche-toile.com/tools/google... #Googleサーチコンソール #SNS連携
022
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 09/08/2026
GoogleサーチコンソールでSNSアカウント(YouTube, Instagram, TikTok, X)のプロパティ追加が可能になりました。 検索パフォーマンス(クエリや表示回数)の確認に特化した機能で、検索からのアクセス状況を数値で把握できます。 連携のメリットや設定手順をまとめました。 SNS運用している方は参考にしてみてください。 ↓ ↓ ↓ 【GoogleサーチコンソールでSNSアカウントが分析可能に!メリットとできること】 blanche-toile.com/tools/google... #Googleサーチコンソール #SNS連携 #検索パフォーマンス
blanche-toile.com
GoogleサーチコンソールでSNSアカウントが分析可能に!メリットとできること | Webエンジニアのブログ
GoogleサーチコンソールでSNSアカウント(Instagram・TikTok・X・YouTube)の連携が可能に。検索経由の表示回数や流入キーワードの分析など、SNS連携でできることやメリット、具体的な追加・設定手順まで分かりやすく解説します。
022
NUOVA SFIDA @nuovasfida.com · 07/08/2026
Webサイトのバナーを「画像」から「HTML+CSS」に変える企業が増えています。 AI検索(SEO/AIO/GEO)に効果的なHTML+CSSバナーの実装は、表示速度と検索評価を両立するメリットがあります。 📄 詳細の資料(PDF)はこちら nuovasfida.com/pdf/html-css... #Web制作 #ホームページ改善 #SEO #AIO #GEO #Webデザイン
AI検索(SEO/AIO/GEO)に効果的なHTML+CSSバナーの実装。HTML+CSSバナー制作サービス案内| NUOVA SFIDA
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 05/08/2026
AIを活用すれば作業効率が上がると思われがちですが、正直、プロンプト調整だけで解決しようとするのはもう限界がきています。 結局、使えば使うほど人間の手作業が増えてる感じがしませんか。 生成結果のチェックは人がやるしかない。だからこそ人は「チェックと判断」だけに集中して、修正や再実行はAI(ループ)にやらせるべきです。 これが今、現場で求められている「ループエンジニアリング」の考え方です。 この運用設計の具体的な組み方をまとめました。 ↓ ↓  ↓ プロンプトを書くだけのAI活用はもう限界。ループエンジニアリングで変わる業務自動化の現場 note.com/akira_ao/n/n...
note.com
プロンプトを書くだけのAI活用はもう限界。ループエンジニアリングで変わる業務自動化の現場|AKIRA | Webエンジニア / 講師
生成AIを活用した業務自動化において、出力の確認や修正にかかる負担は多くの企業・事業者が悩む共通の課題になっています。 そんな中で、システム側で試行錯誤を完結させる「ループエンジニアリング」という考え方が注目を集めています。 昨今のビジネスの現場では生成AIの活用が急速に進んでいますが、その使い方は「チャット画面に指示を出して直接回答を得る」という形から、AIに処理と検証を自動で繰り返させるルー...
052
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 02/08/2026
目標を立てたとき、つい周囲に話したくなりますが、実は宣言するほど続きにくくなる理由があります。 目標を立てること自体は重要ですし、セミナーなどの座学でもよく推奨されている方法ですが、よく聞く「有言実行」で今まで結果がついてこなかった経験をされた方は、この原因を知らないからです。 講師として多くの人を見てきた経験から、なぜ宣言するとうまくいかないのか、どう進めればいいのかをお話しします。 ↓ ↓ ↓ 有言実行ではなく不言実行でいい。有言実行の見えない重大なリスクとは? note.com/akira_ao/n/n... #行動力 #習慣化
note.com
有言実行ではなく不言実行でいい。有言実行の見えない重大なリスクとは?|AKIRA | Webエンジニア / 講師
皆さんは何かの節目に目標を立てて、その目標に向かって行動しようと思うことはないでしょうか? そして結局うまく結果がでなかったということはないでしょうか? 年末年始や大型連休の前、あるいは年度の節目になると、なぜか妙にやる気が湧いてきて大きな目標を立てたくなります。 実際、多くの人が以下のような目標を立てています。 「この連休で、業務に役立つ資格の勉強を終わらせる」 「今年こそは、ジムに通って...
032
Reposted by NUOVA SFIDA
Webエンジニア掲示板 - Free Style @web-engineer-blog.bsky.social · 31/07/2026
Processing 4から導入された配布用のファイル形式「.pdez」のメリットと注意点 blanche-toile.com/web/processi... #Processing #pdez #zip
blanche-toile.com
Processing 4から導入された配布用のファイル形式「.pdez」のメリットと注意点 | Webエンジニアのブログ
Processing 4から導入された配布用ファイル形式「.pdez」の仕組みやメリット、注意点を解説。素材の添付漏れや解凍時のエラーを防ぐ仕組みをはじめ、外部ライブラリに関する注意点やファイルが開かない場合の対処法をまとめています。Processing 4.3以降の.zip出力に関する仕様変更にも対応。
022
NUOVA SFIDA @nuovasfida.com · 29/07/2026
SEOだけでなく、AIOやGEO(生成AI最適化)の対策として注目される「HTMLバナー」。 ブラウザの強制ダークモードによって、意図せず色が反転しデザインが崩れる問題の対策をまとめました。 メディアクエリを使わず、親要素にCSSを2行追加するだけでライトモード表示を維持できます。 ↓ ↓ ↓ 【HTML+CSSバナーのダークモード問題!ブラウザの強制反転を無効化してデザインを保つ方法】 blanche-toile.com/web/html-css... #CSS #Web制作 #Webデザイン #CSS #Web制作 #Webデザイン
131
NUOVA SFIDA @nuovasfida.com · 13/07/2026
これからのWeb制作は、SEOだけでなくAI対策(AIO・GEO)を意識したマークアップが重要になってきています。バナー1つとってもそうです。 今回は、画像バナーとHTMLバナーのハイブリッド活用など、Webマーケの成果に直結する具体的な構造についてまとめました。 ぜひ参考にしてください。 ↓ ↓ ↓ 【HTML+CSSバナーがSEO・AIO・GEOに与える成果と具体的な実装方法】 note.com/akira_ao/n/n... #Web制作 #SEO #AIO #GEO #Webマーケティング
note.com
HTML+CSSバナーがSEO・AIO・GEOに与える成果と具体的な実装方法|AKIRA | Webエンジニア / 講師
Web制作において、バナーをどう作るかはサイトの評価や成果を分ける重要なポイントになります。 これまでは「バナー=1枚の画像(JPG、PNG、WebPなど)」で作るのが普通でしたが、検索エンジンの進化、AI検索(AIO)の登場、生成AI検索への最適化(GEO)の普及にともない、制作方法は見直す必要があります。 バナーを1枚の画像とするのではなく、「背景画像 + HTMLテキスト + CSSボタン...
041
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 12/07/2026
画像バナーとHTMLバナーそれぞれの特徴を整理してまとめました。 今後の検索やAI(AIO・GEO)への最適化を考慮しつつ、スマホ表示にも柔軟に対応できるHTML構造の組み方を解説しています。 ただの制作作業というわけではなく、今後のWebマーケティングの成果にも深く関わってくる部分です。 実務での活用を想定した、汎用的なHTML・CSSの実装テンプレートコードもご用意しました。 ↓ ↓ ↓ 【HTML+CSSバナーがSEO・AIO・GEOに与える成果と具体的な実装方法】 note.com/akira_ao/n/n... #Web制作 #SEO #AIO #GEO
note.com
HTML+CSSバナーがSEO・AIO・GEOに与える成果と具体的な実装方法|AKIRA | Webエンジニア / 講師
Web制作において、バナーをどう作るかはサイトの評価や成果を分ける重要なポイントになります。 これまでは「バナー=1枚の画像(JPG、PNG、WebPなど)」で作るのが普通でしたが、検索エンジンの進化、AI検索(AIO)の登場、生成AI検索への最適化(GEO)の普及にともない、制作方法は見直す必要があります。 バナーを1枚の画像とするのではなく、「背景画像 + HTMLテキスト + CSSボタン...
042
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 08/07/2026
もうレスポンシブの文字サイズ調整で、JSやclampを使う必要はない? Chrome 150から本格導入されたtext-fitプロパティだけで手軽に行えます。 text-fit: grow consistent; で、改行後もデザインを崩さずぴったり調整。 最新のレスポンシブWebデザインに便利に活用していきましょう。 詳しいコード解説は、以下の記事で公開しています。 ↓ ↓ ↓ 【CSS】JSもclamp()も不要に。文字サイズをコンテナ幅にフィットさせるtext-fitプロパティの使い方 blanche-toile.com/web/css-text... #CSS #デザイン
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 30/06/2026
Chrome 150から本格導入されるtext-fitプロパティの使い方のご紹介。 CSSだけでコンテナ幅に文字サイズを自動フィットさせるHTMLバナー実装をサンプルに、clamp()の細かな計算やJSの監視が不要になる実装方法を解説します。 ↓ ↓ ↓ 【CSS】JSもclamp()も不要に。文字サイズをコンテナ幅にフィットさせるtext-fitプロパティの使い方 blanche-toile.com/web/css-text... #CSS #WebDesign #Webデザイン
blanche-toile.com
【CSS】JSもclamp()も不要に。文字サイズをコンテナ幅にフィットさせるtext-fitプロパティの使い方
JSやclamp()の計算は不要。コンテナ幅に合わせて文字サイズを自動拡縮する、CSSのtext-fitプロパティの使い方を解説します。PC・スマホ対応はもちろん、日本語環境で発生しやすい変な位置での改行(表示崩れ)を防ぎ、文節ごとに綺麗に折り返させるための具体的な実装方法を紹介。
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 19/06/2026
通常の検索でもAI要約が優先される今、参照元に選ばれないサイトは、これまで制作にかかった時間と費用、さらに月額のサーバー代とドメイン代をドブに捨てているのと同じです。 dlタグやSchema.orgだけでは足りない、AI検索時代に必要なマークアップの重要なポイントについてまとめました。 ↓ ↓ ↓ 【Webサイトが生成AIに引用されるための構造化。検索エンジンに情報源として認識される重要なHTMLタグ】 note.com/akira_ao/n/n... #Web制作 #SEO #AIO #GEO
note.com
Webサイトが生成AIに引用されるための構造化。検索エンジンに情報源として認識される重要なHTMLタグ|AKIRA | Webエンジニア / 講師
現在、Web制作の現場では、多くのユーザーに自サイトを閲覧してもらえるよう、コンテンツ作りからページの構築まで、さまざまな取り組みを行っているかと思います。 そうした中、近年のAI(人工知能)技術の発展に伴い、検索エンジンがコンテンツを評価する仕組みは大きく変わりました。 これまでのWebコンテンツでは、特定のキーワードをページ内に過不足なく含め、適切な比率で配置するという「文字列の出現頻度」が...
022
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 08/06/2026
【WordPress 7.0以降】JS(React)不要!PHPのみでカスタムブロックを作成する方法 blanche-toile.com/web/wordpres... #WordPress #CustomBlock #PHP
blanche-toile.com
【WordPress 7.0以降】JS(React)不要!PHPのみでカスタムブロックを作成する方法
WordPress 7.0から導入された新機能「PHPのみのブロック登録(PHP-only block registration)」を解説!JavaScriptやReactのビルド環境(npm)を一切構築することなく、functions.phpとCSSだけでエディターと連動するカスタムブロックを作る方法を紹介します。
022
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 03/06/2026
note質問箱を開設しました。 note.com/qa/akira_ao #note
note.com
AKIRA | Webエンジニア / 講師さんへの質問|note質問箱
実務(Web制作/ICTコンサル)と教育(大学講師/企業研修)のプロ。本や研修では学べない、現場で本当に役立つITスキルと知識をお届けします。Web開発の最新トレンドから、DX推進の勘所まで。あなたの「知りたい」に応えます。有益な情報を見…
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 01/06/2026
「分かったつもり」になっているかも。 AIに答えを急がせる多くの現代人は、脳の思考体力は確実に衰えています。 私自身、普段から学生たちに強くおすすめしている、科学的根拠に基づいた『あえて脳に負荷をかける学習法』をまとめました。 ↓ ↓ ↓ その「分かったつもり」が危ない。AI時代の長期記憶をつくる『望ましい困難』の実践法 note.com/akira_ao/n/n... #生成AI #学習法 #AI活用
note.com
その「分かったつもり」が危ない。AI時代の長期記憶をつくる『望ましい困難』の実践法|AKIRA | Webエンジニア / 講師
今や生成AIを学習に使うのは当たり前になりつつあります。 生成AIを活用する場面がが増える中、AIがすぐに答えをくれるおかげで、学習スピードが上がったと感じている人も多いのではないでしょうか。 でもその一方で、実際には「分かったつもり」で止まっていることがよくあります。 それは、内容が身についていないのに、なんとなく理解した感覚だけがある。といった「記憶に残らない理解」です。 AIの回答や解説...
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 22/05/2026
JavaScriptなし!CSSだけでランダム処理が可能に!? 最新のCSS random() 関数を使えば、カードデザインや、clip-path を使ったランダム変形シェイプと、ランダム処理がCSSだけで実装することができます。 実装のサンプルコードや解説は、以下の記事でご紹介しています。 ↓ ↓ ↓ CSSのみでランダム処理が可能に!CSSのrandom()関数の使い方 blanche-toile.com/web/css-rand... #CSS #Design #WebDesign #Webデザイン
052
Reposted by NUOVA SFIDA
Webエンジニア掲示板 - Free Style @web-engineer-blog.bsky.social · 19/05/2026
CSSのみでランダム処理が可能に!CSSのrandom()関数の使い方 blanche-toile.com/web/css-rand... #CSS #random #Design #WebDesign
blanche-toile.com
CSSのみでランダム処理が可能に!CSSのrandom()関数の使い方 | Webエンジニアのブログ
JavaScriptを使わずにCSSだけで要素をランダムに配置・装飾できるrandom()関数の使い方。基本的な書き方から、複数のプロパティを同期させてサイズや色をきれいに連動させる仕組みなど、実際のWebデザインで使える実用的なコード例と一緒に紹介します。
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 12/05/2026
CSSの新機能 at-rule() 関数。アットルールの対応状況を @supports で判定できるようになります。 最新機能を安全に使い分けるための方法として、覚えておくとよさそうです。 ↓ ↓ ↓ 【CSSのat-rule()関数の使い方|アットルールのサポート状況を判定して最新構文を使い分ける】 blanche-toile.com/web/css-at-r... #CSS #WebDesign
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 10/05/2026
AIエージェントの普及で、Webサイトが「人」だけでなく「AIエージェント」にも選ばれる時代に。 新しい設計標準『Agentic UX』についてまとめました。 ここで問題になるのは、生成AIに頼りきった制作体制になることです。AIに丸投げするような制作は、SEOだけでなくAIOやGEOの視点でも大損をすることになります。 制作者もクライアントも他人事ではない、これからのWeb制作の実務についてお話しします。 ↓ ↓ ↓ 【AI時代のWeb制作標準「Agentic UX」 ―― AIエージェント向けの設計と人間味の演出】 note.com/akira_ao/n/n...
note.com
AI時代のWeb制作標準「Agentic UX」 ―― AIエージェント向けの設計と人間味の演出|AKIRA | Webエンジニア / 講師
ここ最近のAIの進化によって、Webデザインやサイト制作の現場で求められることは一気に変化したと感じる方も多いでしょう。せっかく丁寧に作ったものが、なぜか思うように数字や結果に結びつかなかったり。 Webサイトの情報の受け手は、もはや人間だけではありません。 ユーザーの指示を受けて、情報の照会から決済などの手続きまでをシステム上で完結させる「AIエージェント」の普及により、サイトの実装には、機械...
042
NUOVA SFIDA @nuovasfida.com · 08/05/2026
ライブラリを使わずに、純粋なJavaScriptだけで滑らかに動くMouse Follower(マウスフォロワー)が実装できます。 ただ動かすだけじゃなく、GPUレンダリングでの負荷軽減や、リロードしても座標が飛ばない処理など、現場でそのまま使えるレベルまで最適化。 自分のサイトを少しだけリッチにしたい時にぜひ。 実装コードと解説は、以下の記事でご紹介しています。 ↓ ↓ ↓ 滑らかに動くカスタムカーソルの作り方。JavaScriptで柔らかいマウス追従を実装する blanche-toile.com/web/custom-c... #JavaScript #MouseFollower
0140
Reposted by NUOVA SFIDA
Webエンジニア掲示板 - Free Style @web-engineer-blog.bsky.social · 08/05/2026
滑らかに動くカスタムカーソル(Mouse Follower)の作り方。JavaScriptで柔らかいマウス追従を実装する blanche-toile.com/web/custom-c... #Webdev #JavaScript #MouseFollower #Design #WebDesign
blanche-toile.com
滑らかに動くカスタムカーソル(Mouse Follower)の作り方。JavaScriptで柔らかいマウス追従を実装する
JavaScriptで、マウスの動きに「柔らかい」質感で追従するカスタムカーソルの作り方を解説。GPU(translate3d)を使用した負荷の低い実装方法や、リロード時の座標のズレを防ぐ対策、イージングによる滑らかな挙動の作り方まで具体的に紹介します。
041
Reposted by NUOVA SFIDA
Webエンジニア掲示板 - Free Style @web-engineer-blog.bsky.social · 06/05/2026
Processing 4以降で描画を鮮明にする「pixelDensity」の適切な設定方法 blanche-toile.com/web/processi... #Processing #pixelDensity #displayDensity
blanche-toile.com
Processing 4以降で描画を鮮明にする「pixelDensity」の適切な設定方法 | Webエンジニアのブログ
Processing 4系以降、Retinaや4Kモニターで描画がぼやけて見える原因と対策を解説します。最新版での仕様変更や警告メッセージへの対応から、displayDensity() による自動判別、p5.jsとの考え方の違いまで詳しくまとめました。
022
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 01/05/2026
教育機関で多くの学習者を見てきて実感したのは、「覚えようとするのをやめる」ことが、結局は一番の近道になるということです。 せっかくの貴重な学習時間を、ただの「暗記の繰り返し」で終わらせてしまうのはもったいない。 根性で詰め込むのをやめて、自分なりに「納得」して記憶のルートを作る。脳の仕組みに逆らわない、学びを楽にするコツをまとめました。 ↓ ↓ ↓ 暗記ではなく「理解」で記憶を定着させる。脳の性質に逆らわない、学びがもっと楽になる方法。 note.com/akira_ao/n/n... #教育 #学習法
note.com
暗記ではなく「理解」で記憶を定着させる。脳の性質に逆らわない、学びがもっと楽になる方法。|AKIRA | Webエンジニア / 講師
—— 暗記に頼るほど、脳は忘れていく 科学が教えてくれる、本当に頭に残る学び方 試験前の詰め込みや、教科書の内容をそのまま書き写して覚える作業など、いつの間にか「学ぶこと=情報を頭に詰め込むこと」だと捉えてしまってはいないでしょうか。 私自身、教育機関で学習に不安を抱える幅広い世代の方々と向き合う中で、この学び方の壁にぶつかっている姿を数多く見てきました。 特に大人になってからの学び直しでは...
122
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 24/04/2026
Pythonの仮想環境パスが.venvに統一される? PEP 832が提案される atmarkit.itmedia.co.jp/ait/articles... #Python
atmarkit.itmedia.co.jp
Pythonの仮想環境パスが.venvに統一される? PEP 832が提案される
Pythonで仮想環境を作るときってどこに作っていますか? ディレクトリ名をどうするか悩んでいませんか? これを解決してくれるかもしれないPEPが提出されました。どんなものか、ちょっと見てみましょう。
022
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 24/04/2026
Pythonのデータ分割をスマートに。itertools.batchedを使いこなそう blanche-toile.com/web/python-i... #Python #itertools #batched
blanche-toile.com
Pythonのデータ分割をスマートに。itertools.batchedを使いこなそう | Webエンジニアのブログ
Pythonで大量のデータを一定数ずつ処理する際、スライスよりも効率的な「itertools.batched」の使い方を解説します。スライス方式とのコード比較やメモリ効率の差、実務での具体的な活用シーン、リスト管理における使い分けまで詳しく紹介します。
022
NUOVA SFIDA @nuovasfida.com · 15/04/2026
2025年9月の懸念が、いよいよ現実味を帯びてきました。 AIエージェントの導入が進む海外では、「指示待ち」の人の居場所が急速に失われています。思考を止めた人から取り残されていく。そんな厳しい時代が来ています。 ↓ ↓ ↓ 生成AIの次に来るAIエージェント時代。思考を捨てた人たちが払う「空白」の代償 note.com/akira_ao/n/n... #AI #AIエージェント #働き方 #キャリア
note.com
生成AIの次に来るAIエージェント時代。思考を捨てた人たちが払う「空白」の代償|AKIRA | Webエンジニア / 講師
最近、SNSやYouTubeで流れてくる「プロンプト一発で稼げる」とか「AIに丸投げで勉強はいらない」といった言葉。このような甘い話を真に受けて頭を動かすのをやめてしまった人たちは、自分がどれだけまずい状況にいるか気づいていません。 昨今、AIが自ら考えて動く「AIエージェント」へと進化したことで、ようやく現実が見えてきました。 これまで「AIを使いこなしている」と得意げだった人たちほど、今、追...
032
Reposted by NUOVA SFIDA
AKIRA | Webエンジニア / NUOVA SFIDA代表 @akirao.bsky.social · 14/04/2026
2025年9月に危惧していた予測が、的中してしまいました。 海外ではAIエージェントの導入により、すでに「AI待ち」の人から居場所を失っています。 思考を止めた人から役割を失っていく、厳しい現実をまとめました。 ↓ ↓ ↓ 【生成AIの次に来るAIエージェント時代。思考を捨てた人たちが払う「空白」の代償】 note.com/akira_ao/n/n... #AI #働き方 #キャリア
note.com
生成AIの次に来るAIエージェント時代。思考を捨てた人たちが払う「空白」の代償|AKIRA | Webエンジニア / 講師
最近、SNSやYouTubeで流れてくる「プロンプト一発で稼げる」とか「AIに丸投げで勉強はいらない」といった言葉。このような甘い話を真に受けて頭を動かすのをやめてしまった人たちは、自分がどれだけまずい状況にいるか気づいていません。 昨今、AIが自ら考えて動く「AIエージェント」へと進化したことで、ようやく現実が見えてきました。 これまで「AIを使いこなしている」と得意げだった人たちほど、今、追...
141
Reposted by NUOVA SFIDA
Webエンジニア掲示板 - Free Style @web-engineer-blog.bsky.social · 13/04/2026
Pythonのデータ分割をスマートに。itertools.batchedを使いこなそう blanche-toile.com/web/python-i... #Python #itertools #batched
blanche-toile.com
Pythonのデータ分割をスマートに。itertools.batchedを使いこなそう | Webエンジニアのブログ
Pythonで大量のデータを一定数ずつ処理する際、スライスよりも効率的な「itertools.batched」の使い方を解説します。スライス方式とのコード比較やメモリ効率の差、実務での具体的な活用シーン、リスト管理における使い分けまで詳しく紹介します。
042