aki 🌸 Webコーダー (@DesignAkwkn) header
aki 🌸 Webコーダー (@DesignAkwkn) profile picture

#irocode 2.5期 ▷制作会社でパートタイムコーダー ▷家族との時間も大事にしたい ▷1人娘👧+義母との3人暮らし、夫は単身赴任中 ⚠️勧誘系お断り

福岡 ブログ👉
Joined August 2022
Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)Photo by aki 🌸 Webコーダー (@DesignAkwkn)
HTML:最近の HTML の新機能の紹介(2026 年版) zenn.dev/socialplus/articles…
19
147
9,539
aki 🌸 Webコーダー retweeted
EmDashの動画を公開しました。 WordPressを使ってWeb制作をしている人は多いと思いますが、概念は似ていてもEmDashは技術スタックがまるで異なります。 この動画では、実際にEmDashを使った開発方法の全体像を実際にソースコードを見ながら解説しています。 「EmDashでどうやってWeb制作ができるんだろう」の最初の一歩みたいな位置づけで見ていただけるのではと思います。 youtu.be/PRRsR--Jf4A?si=0H0z…
6
2
67
9,181
aki 🌸 Webコーダー retweeted
擬似要素いらなくなった
45
4
428
21,064
Webクリエイターボックス新着記事:霧も炎も水しぶきも!Canvas UIでWebページにエフェクトを加えよう webcreatorbox.com/blog/canva… 液体、霧、ガラスの割れる演出まで!Webページの上にリッチな動きを重ねられる無料のコンポーネント集「Canvas UI」の使い方を、実装時の注意点とあわせて紹介します。
10
1
69
5,342
🚨 今度はCodexとClaude Codeが乗っ取られる可能性のある攻撃手法が報告されました。 これ、AIエージェントを使っている人はマジで注意した方がいいです。 今回問題になったのは「プロンプトインジェクション」という攻撃。 簡単に言うと、悪意ある指示を仕込んだMarkdownファイルをAIに読み込ませ、不正な操作を実行させるというもの。 研究では、不正なnpmパッケージのインストールやOAuthトークンの窃取につながる攻撃が実証されています。 怖いのが、AIに直接命令しなくても、ファイルを読み込ませるだけで攻撃の入口になり得ること。 最近はClaude CodeやCodexに開発を丸投げしている人も多いですが、AIにどこまで権限を渡しているか把握していますか? ファイルへのアクセス、コマンド実行、外部通信、認証情報の取得。 これらを無制限に許可していたら、AIが攻撃者の指示に従ってしまう可能性があります。 だからこそ、AIエージェントには権限制御、承認フロー、監査ログ、実行環境の隔離が必要なんですよね。 AIを賢くすることばかり注目されていますが、それ以上に重要なのがAIを安全に制御する仕組み。 AIが優秀になればなるほど、暴走したときのリスクも大きくなる。 AIエージェントを業務で使うなら、セキュリティまで考えて運用するべきだと思います。
‼️ Hackers Can Hijack OpenAI Codex and Claude Using Malicious Files in the Downloads Folder Details: cybersecuritynews.com/codex-… A plain text file placed in the Downloads folder can trick AI coding agents into changing their settings, installing malware, or exposing login tokens. The incident began when Forever Security blocked an AI coding agent from installing a package named function-color. Investigators traced the order back to an AGENTS.md file stored in the customer’s ~/Downloads folder. An AGENTS.md file is similar to a README written for AI tools. OpenAI’s documentation says Codex reads these files before starting work and uses them to learn project rules, commands, and other instructions. Claude Code uses CLAUDE.md for a similar purpose and reads it at the start of a conversation. #CybersecurityNews
11
88
16
418
88,114
aki 🌸 Webコーダー retweeted
PHP脆弱性、正しいSEO対応は以下の画像の通り。 これ、焦るあまりSEO観点であまり正しい対応をされていない企業も多いかと思います。 動画で解説しましたのでぜひ自社の対応が正しかったかどうか、確認してみて下さい👇 youtu.be/yplK-SpyCrA
1
16
2
119
12,444
【緊急】今、確認しておきたいセキュリティ問題8選 PHP、Node.js、Java、Next.js、Apache Tomcatに加え、GitLabやOracle関連製品にも重大なセキュリティ更新が出ています。 公式発表だけを調べてまとめました。 ただし、全員が8件すべてに対応する必要はありません。自分や会社が使っている技術が対象かどうかを確認してください。 ① PHP【最優先で確認】 10月21日、PHP公式が重大な脆弱性2件の修正版を公開。 危険度はどちらも9.2。 条件によってはログインなしでサーバー上のプログラムを不正に実行される恐れがあります。 修正版: ・8.5.12 ・8.4.27 ・8.3.36 ・8.2.35 WordPressを利用している方も、サーバー側のPHPが対象か確認してください。 WordPress本体を更新するだけでは、この問題への対処は完了しません。 ② Node.js【開発者・サイト運営者向け】 10月21日、公式がセキュリティ修正版を公開。 合計10件の脆弱性を修正し、最高深刻度は「高」。 圧縮データの処理やネットワーク関連の問題などが含まれます。 修正版: ・22.23.4 ・24.22.1 ・26.12.1 AIツール、Webアプリ、自動化システムなどでNode.jsを使っている人は要確認。 一般のWebサイト閲覧者が、全員更新する必要があるわけではありません。 ③ Java【企業システムで要注意】 10月20日、Oracleがセキュリティ更新を公開。 日本のIPAも10月21日に注意喚起しています。 悪用された場合、アプリの異常終了や不正操作などにつながる恐れがあります。 Javaを使う業務システム、社内ツール、サーバーを管理している場合は、利用バージョンと更新状況を確認してください。 ④ Next.js【Webアプリ開発者は重要】 10月14日、Next.js公式が重大なセキュリティ更新を公開。 深刻度9.5の脆弱性が2件あります。 特定のキャッシュ処理や画像最適化処理を悪用され、条件次第でログインなしの不正コード実行につながる恐れがあります。 修正版: ・16.4.1 ・15.5.28 該当するNext.jsアプリを運営している場合は、依存パッケージも含めて更新してください。 ⑤ Apache Tomcat【Javaサーバー運営者向け】 10月20日、複数の脆弱性が公表されました。 主な問題は以下のとおり。 ・特定の認証設定でパスワード確認を回避される恐れ ・HTTP/2通信で別ユーザーの応答が混ざる恐れ ・AJP通信で情報が漏れる可能性 Tomcat 11系では11.0.27などで修正されています。 利用している系列と設定によって影響が異なるため、公式の対象バージョンを確認してください。 ⑥ GitLab【危険度10.0】 10月21日、GitLab公式が緊急セキュリティ更新を公開。 今回特に深刻なのがCVE-2026-110264。 危険度は最高評価の10.0。 特定条件下で、ログインしていない攻撃者がGitLabサーバー上で不正なプログラムを実行できる恐れがあります。 修正版: ・19.5.1 ・19.4.3 ・19.3.6 ・19.2.9 ・19.1.9 ・19.0.10 ・18.11.13 GitLab.comはすでに修正済み。 自社でGitLabを運用している管理者は、早急に確認してください。 ⑦ Oracle製品群【企業向けの大規模更新】 10月20日、Oracleが合計1,295件のセキュリティパッチを公開。 データベース、業務システム、クラウド関連製品など、幅広い製品が対象です。 一部にはログインなしで悪用される可能性がある深刻な脆弱性も含まれます。 ただし、すべてのOracle製品に同じ危険があるわけではありません。 企業のシステム管理者は、自社が利用する製品の更新情報を確認してください。 ⑧ MySQL【データベース管理者向け】 10月20日、MySQL 8.4.13が公開。 セキュリティ関連の修正も含まれています。 データベースへの認証処理や、入力データの検証などの不具合が修正されています。 MySQLを直接運用している場合は、利用バージョンと提供元の更新情報を確認してください。 【今すぐやること】 一般利用者 ・怪しい更新メールやリンクを開かない ・公式サイトや利用サービスの案内を確認 ・自分で管理していないサーバーを無理に操作しない サイト・アプリ運営者 ・使用している技術とバージョンを調べる ・公式の脆弱性情報と照合する ・バックアップを取る ・必要な修正プログラムを適用する ・更新後に動作確認とログ確認を行う 大切なのは、情報に振り回されることではなく、自分が使っている環境を把握すること。 脆弱性が公表されたことと、すでに全サイトが攻撃されていることは別です。 特にPHP、GitLab、Next.jsは重大なリスクが公式に確認されています。 自分でサイトを運営している方、会社のシステムを管理している方は、早めに確認してください。 2026年10月22日時点の公式発表に基づくまとめです。
3
298
35
786
89,278
aki 🌸 Webコーダー retweeted
【メンテナンス状況について④】 ■ お客様のご利用サーバーへの安全対策について PHP 7.4~8.1について、対象となるすべてのサーバーへの修正パッチの適用が完了いたしました。 PHP 7.3以前の旧バージョンについても、引き続き順次適用を進めております。 ■ 管理画面のアクセス状況について 現在も管理画面へのアクセスが集中しており、一部つながりにくい状況が続いております。 ご不便をおかけし申し訳ございませんが、つながらない場合は、しばらく時間をおいてから再度お試しくださいますようお願いいたします。
【重要なお知らせ】 現在、予防的な安全対策のため、当社アカウント管理画面等へのアクセスを一時停止しております。 本対応は不正アクセスの発生によるものではございません。 なお、お客様のご利用サーバーに影響はなく、Webサイトの表示やメールソフトでの送受信も引き続きご利用いただけます。 また、お客様のご利用サーバーについても、稼働を継続しながら、安全対策を進めております。 ■再開の見込み 10月22日(木)未明 ※対応状況により前後する場合がございます。 詳細は以下メンテナンスページをご確認ください。 ■メンテナンスページ xserver.ne.jp/ 急なご案内となり、ご不便をおかけし申し訳ございません。 何とぞご理解を賜りますようお願い申し上げます。
41
328
178
1,247
189,177
【緊急】PHPの重大な脆弱性2件、修正版が正式公開されました⚠️ 今回の問題は、認証なしで外部から任意のコードを実行される可能性がある「リモートコード実行(RCE)」の脆弱性です。 ■ 公開された修正版 ・PHP 8.5 → 8.5.12 ・PHP 8.4 → 8.4.27 ・PHP 8.3 → 8.3.36 ・PHP 8.2 → 8.2.35 PHP 8.1以前はPHP公式のサポート対象外です。 ■ WordPress運営者がやるべきこと ① 管理画面の「ツール → サイトヘルス → 情報 → サーバー」からPHPバージョンを確認 ② 修正版が適用されているかチェック ③ 未更新の場合は、レンタルサーバーの対応状況を確認 特に共用レンタルサーバーでは、PHP 8.4などの系列は選べても、8.4.26から8.4.27への細かな更新はサーバー会社側の対応が必要な場合があります。 なお、PHP公式は「アップデート以外に完全な対策方法はない」と明言しています。 WordPress本体やプラグインを最新にしていても、PHP自体が古ければ今回の脆弱性は残る可能性があります。 サイト運営者の方は、早めに確認しておきましょう。 PHP公式発表👇 php.net/archive/2026.php
【注意】WordPressサイトを運営している方は、PHPのセキュリティ情報を確認しておきましょう⚠️ PHP公式が10月20日、重大な脆弱性2件に対応する緊急セキュリティアップデートを予告しました。 ■ 今回の発表内容 ・脆弱性は2件 ・どちらもCVSS v4.0で「9.2/10」という極めて高い深刻度 ・修正版の公開予定は10月21日23時(日本時間) ・影響を受けるPHPバージョンや脆弱性の詳細は、修正版の公開時に発表予定 ・悪用が確認された場合などは公開が前倒しされる可能性も ■ WordPress運営者がやるべきこと ① WordPress管理画面の「ツール → サイトヘルス → 情報 → サーバー」で現在のPHPバージョンを確認 ② 修正版の公開後、自分のPHPが影響対象かチェック ③ レンタルサーバー(エックスサーバー・ConoHa・mixhostなど)の対応状況を確認 ④ 必要に応じてバックアップを取得し、PHPを更新。更新後はサイトの表示や機能を確認 なお、現時点では影響対象のバージョンが公表されていないため、焦ってPHP 8.5などに切り替える必要があるとは限りません。 PHPはWordPressの動作を支えるプログラミング言語です。WordPress本体やプラグインを最新にしていても、PHP側のセキュリティ対策は別途必要になります。 特に長年運営しているサイトは、一度確認しておくことをおすすめします。 PHP公式発表👇 php.net/archive/2026.php#202…
2
72
10
325
96,950
PHPのセキュリティチームが、重大な2件の脆弱性に関する注意喚起を行っています。公開しているウェブサイトでPHPを使用しているか確認し、10月21日午後11時(日本時間)に公開される修正パッチについて、可及的速やかに適用できるよう準備をお願いいたします。 php.net/archive/2026.php#202…
451
60,966
17,944
141,786
68,442,155
【注意】WordPressサイトを運営している方は、PHPのセキュリティ情報を確認しておきましょう⚠️ PHP公式が10月20日、重大な脆弱性2件に対応する緊急セキュリティアップデートを予告しました。 ■ 今回の発表内容 ・脆弱性は2件 ・どちらもCVSS v4.0で「9.2/10」という極めて高い深刻度 ・修正版の公開予定は10月21日23時(日本時間) ・影響を受けるPHPバージョンや脆弱性の詳細は、修正版の公開時に発表予定 ・悪用が確認された場合などは公開が前倒しされる可能性も ■ WordPress運営者がやるべきこと ① WordPress管理画面の「ツール → サイトヘルス → 情報 → サーバー」で現在のPHPバージョンを確認 ② 修正版の公開後、自分のPHPが影響対象かチェック ③ レンタルサーバー(エックスサーバー・ConoHa・mixhostなど)の対応状況を確認 ④ 必要に応じてバックアップを取得し、PHPを更新。更新後はサイトの表示や機能を確認 なお、現時点では影響対象のバージョンが公表されていないため、焦ってPHP 8.5などに切り替える必要があるとは限りません。 PHPはWordPressの動作を支えるプログラミング言語です。WordPress本体やプラグインを最新にしていても、PHP側のセキュリティ対策は別途必要になります。 特に長年運営しているサイトは、一度確認しておくことをおすすめします。 PHP公式発表👇 php.net/archive/2026.php#202…
2
60
11
208
133,207
aki 🌸 Webコーダー retweeted
日本語を美しく表示するためのCSS、まとめ #fec_kansai #fec_kansai_ookini
2
93
7
752
35,816
aki 🌸 Webコーダー retweeted
Chrome 155がリリース。 次世代画像形式のJPEG XLに対応しました! ・JPEGのアップグレード版 ・WebPよりも汎用性が高い JPEG XLはSafariもFirefoxも対応済み。
2
29
1
77
5,452
aki 🌸 Webコーダー retweeted
これは素晴らしい記事。 ウェブデザインの歴史を、皮肉混じりに適切に指摘していて、面白い! Web2.0、Bootstrap、スキューモフィズムから、現代のAI臭いデザインまで。 時代を貫通する「嫌われるデザイン」の本質…… zenn.dev/blackmose/articles/…
2
138
9
653
46,078
CSSのような書き方で、3Dシーンを作れるGSSを試しました。 形・質感・色・動きを変えながら、実際のヒーロー領域に配置して確認できる「GSS Scene Studio」です。 GSSはCSSのような記述で、シーンをGPU用のシェーダーに変換する言語です。 #GSS #Frontend
If you can write CSS, you can write GSS { ● } I've been dreaming of this for years: a language to build 3D scenes like you write CSS. Selectors, cascade, :hover, keyframes… compiled to one GPU shader. Meet GSS: GPU Style Sheets. gss-lang.dev #shader #glsl #gss
2
5
40
2,419