Java
Java | 基礎文法：文字列リテラル
Web
CSS CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － :first-child と :last-child
:first-child と :last-child を“構造から理解する”:first-child と :last-child は、CSS の中でも 「並びの中で一番最初／最後の要素だけにスタイルを...
CSS CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － 疑似クラス :active
疑似クラス :active を“気持ちよく理解する”:active は、ユーザーが 「クリックして押している瞬間」 を表す疑似クラスです。ボタンやリンクを押したときに、少し沈んだり色が変わったりする“...
CSS CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － 疑似クラス :focus
疑似クラス :focus を“直感的に理解する”:focus は、フォーム入力やボタン操作など ユーザーが「今まさに触っている要素」 を示す疑似クラスです。特にアクセシビリティ（キーボード操作のしやす...
CSS CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － 疑似クラス :hover
疑似クラス :hover を“気持ちよく使いこなす”ための基礎と実践:hover は CSS の中でも特に「動き」を感じられる楽しいセレクタです。マウスカーソルを乗せたときにスタイルを変えるための疑似...
CSS CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － 属性セレクタ活用
属性セレクタを“使いこなす”ための基礎と実践属性セレクタは、HTMLタグが持つ属性（class・id 以外も含む）を条件にしてスタイルを当てる方法です。初心者が理解すると CSS の表現力が一気に広が...
CSS CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － 子孫セレクタと直下セレクタ
子孫セレクタと直下セレクタを“本質から”理解するCSSの中でも、初心者がつまずきやすいのが 子孫セレクタ（スペース） と 直下セレクタ（>） の違いです。この2つを正しく理解すると、HTML構造を意識...
CSS CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － クラスとIDの適切な設計
クラスとIDの適切な設計を“本質から”理解するクラス（.）とID（#）は、CSSの中でも特に「設計の質」が出る部分です。初心者のうちにここをしっかり押さえておくと、後々のCSSが劇的に書きやすくなりま...
CSS CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － 要素セレクタの使い分け
CSSの基本文法をざっくりつかむCSSは「どの要素に」「どんな見た目を」適用するかを書く言語です。セレクタ { プロパティ: 値; プロパティ: 値;}セレクタ { プロパティ: 値; プロパティ: ...
JavaScript decimal.js を使った「誤差ゼロ金額電卓」
機能概要単価・数量・税率を入力「計算する」ボタンで合計金額を表示decimal.js を使うため誤差ゼロ（0.1 + 0.2 問題なし）ダークモード切り替えボタン付きスマホ対応レスポンシブデザイン S...
JavaScript 配列メソッド 実践アプリ（HTML + JS）
配列メソッド実践アプリ（sort / splice / flat / find など） を ブラウザ上で自動採点できる練習ページ（HTML + JS） として作成します。配列メソッド 実践アプリ（HT...
JavaScript 無料で使えるAPI（2025年版）
無料で使える汎用API 一覧（2025年版）分野API名無料プラン概要主な用途登録要否備考🌦️ 天気OpenWeatherMap API月1,000回リクエスト無料現在・予報・過去の天気データ要登録（...
Web 脱Adobe | フォトショ・イラレ・プレミアの無料「最強代替ツール」4選
結論：Photoshop・Illustrator・Premiere Proの無料「最強代替ツール」は以下の4つです👇GIMP（画像編集：Photoshop代替）Inkscape（ベクター編集：Illu...
Web WordPress Tips | セキュリティ：外部APIキーの置き場所を wp-config に移動
そもそも「外部APIキー」とは何かまず前提をそろえましょう。外部APIキーというのは、Google MapsreCAPTCHA外部メールサービス（SendGrid など）決済サービス各種外部APIとい...
Web WordPress Tips | セキュリティ：投稿者権限の最小化
「投稿者権限の最小化」とは何をすることかまず言葉をほぐします。「投稿者権限の最小化」とは、“記事を書く人に、本当に必要な権限だけを与えて、それ以上は持たせないようにすること”です。WordPress ...
Web WordPress Tips | セキュリティ：管理者権限を乱用しない
「管理者権限を乱用しない」とはどういうことかWordPress でいう「管理者権限（Administrator）」は、サイトのほぼすべてを操作できる、いわば「神モード」です。テーマやプラグインのインス...
Web WordPress Tips | セキュリティ：プラグイン脆弱性の監視
なぜ「プラグイン脆弱性の監視」が超重要なのかまず一番大事なことから。WordPress サイトが乗っ取られる原因のかなり大きな割合は、「プラグインの脆弱性」です。理由はシンプルで、プラグインは機能が豊...
Web WordPress Tips | セキュリティ：ログイン通知を受信
「ログイン通知を受信する」とは何をしているのかまずイメージからいきましょう。「ログイン通知」とは、誰かがあなたの WordPress アカウントにログインしたときに、メールなどで知らせてもらう仕組みで...
Web WordPress Tips | セキュリティ：使用中テーマの脆弱性情報を定期チェック
なぜ「テーマの脆弱性情報」を定期チェックする必要があるのかまず一番大事な前提から。WordPress のセキュリティ事故のかなりの割合は、「WordPress 本体」ではなく「テーマやプラグイン」の脆...
Web WordPress Tips | セキュリティ：ブラウザキャッシュのセキュリティ対応
ブラウザキャッシュの「セキュリティ対応」とは何をすることかまず前提から整理します。ブラウザキャッシュ自体は「表示を速くするための仕組み」です。しかし、扱うページの内容によっては“セキュリティリスク”に...
Web WordPress Tips | セキュリティ：Content-Security-Policy 設定
Content-Security-Policy（CSP）は「サイトに読み込んでよいものを“ホワイトリスト化”する最強の防御壁」まず、CSP を一言でまとめると、「このページでは、どのスクリプト・画像・...
Web WordPress Tips | セキュリティ：X-XSS-Protection 設定
X-XSS-Protection は「ブラウザ側の簡易XSSフィルターのスイッチ」まず、X-XSS-Protection をざっくり一言でいうと、「ブラウザに備わっている“簡易的なXSSフィルター”を...
Web WordPress Tips | セキュリティ：X-Frame-Options 設定
X-Frame-Options は「フレームに入れていいかどうか」を決めるスイッチまず、X-Frame-Options を一言でいうと、「このページを、他のサイトの <iframe> や <frame...
Web WordPress Tips | セキュリティ：Mixed Content の修正
Mixed Content ってそもそも何？SSL を有効化してサイトを https:// で表示できるようにしても、ブラウザのアドレスバーに「保護されていません」「一部のみ安全」みたいな警告が出るこ...
Web WordPress Tips | セキュリティ：SSLを有効化
「SSLを有効化する」とは何をしているのかまず言葉をほぐします。「SSLを有効化する」というのは、ざっくり言うと、サイトのURLをhttp:// ではなく https:// で動かすようにするそのため...
Web WordPress Tips | セキュリティ：reCAPTCHA の利用
reCAPTCHA は「人間かボットかを見分けるフィルター」まず、reCAPTCHA を一言でいうと、「この操作をしているのは、本物の人間か？ それともボットか？」をチェックするためのフィルターです。...
Web WordPress Tips | セキュリティ：セキュリティプラグイン導入
セキュリティプラグインって、ざっくり何をしてくれるのかまずイメージからいきましょう。「セキュリティプラグイン」は、WordPress にとっての・見張り役（監視）・門番（ブロック）・健康診断（スキャン...
Web WordPress Tips | セキュリティ：ファイル変更監視を設定
「ファイル変更監視」って何をする仕組み？まずイメージからいきましょう。ファイル変更監視とは、ざっくり言うと、「サーバー上のファイルが、いつ・どこで・どう変わったかを記録し、怪しい変更があれば気づけるよ...
Web WordPress Tips | セキュリティ：ウイルススキャンを定期実施
なぜ WordPress に「ウイルススキャン」が必要なのかまず前提として、ここでいう「ウイルススキャン」は、PC に入れるウイルス対策ソフトと同じ発想を、サーバー上の WordPress ファイルや...
Web WordPress Tips | セキュリティ：不正ログインログを定期確認
なぜ「不正ログインログの定期確認」がセキュリティ対策になるのかまず大事な前提から。セキュリティは「設定して終わり」ではなく、「ちゃんと見続ける」ことで強くなります。強力なパスワード2段階認証ログイン試...
Web WordPress Tips | セキュリティ：REST API の匿名アクセス制限
REST APIって何をしているのかをイメージしようWordPress の REST API は、「ブラウザ以外のもの（アプリ・ツール・スクリプト）が、WordPress と会話するための窓口」です。...