パソコンやAIが初めての人へ

「むずかしい」が、
「ワクワク」に変わる。

押す場所を画面の画像で示しながら、操作を1つずつ案内します。むずかしい言葉は、別の記事でやさしく説明しています。

  • 画面の画像つき
  • 手順は1つずつ
  • 言葉の解説つき

AIアシスタント

Claude20件

AIに、手元の作業を任せる。

この分類のページを開く

左右にドラッグするか、アイコンを押すと回ります。

Claude

まずClaude全体でできることを知り、製品や機能ごとの使い方へ進みます。会話や資料作成、ブラウザーの操作、開発まで、目的に合わせて選べる案内です。

はじめに

Claudeとは?できることと製品・機能の全体像

Claudeでできることと、各製品・機能の役割や使える環境を紹介します。Web・デスクトップ・モバイルなど、使う場所の違いも分かる案内です。

続きを読む

Claude(チャットとCoworkの統合版)

使いたい環境を選ぶと、その環境の記事だけが表示されます。概要を読んだら、導入やチャットの操作へ進みましょう。

使う環境を選ぶ

Claude

Claude(チャットとCoworkの統合版)とは?できることを紹介

チャットとCoworkを同じ会話で使えるClaudeについて、統合で変わったこと、会話から資料作成まで頼める仕事、使い始め方を紹介します。

2026年10月18日 所要3分

デスクトップアプリ

Claude

【Claude】デスクトップアプリをインストールする方法

ClaudeのデスクトップアプリをMacにインストールし、GoogleアカウントでサインインしてDockに追加するまでの手順を説明します。

2026年10月17日 所要6分
Claude

【Claude】デスクトップアプリの画面構成を見る

ClaudeのMacアプリの画面構成を、左側のメニュー、入力欄、展開した各メニューの画像で紹介します。

2026年10月18日 所要10分
Claude

【Claude】会話を学習に使わせない設定にする方法

Claudeとの会話をAIモデルの学習に使わせないよう、デスクトップアプリのプライバシー設定で「Help improve our AI models」をオフにする手順を説明します。

2026年10月31日 所要3分
Claude

【Claude】チャットを初めて使う方法

ClaudeのMacアプリで、チャットの開始、回答中の指示の修正、Web検索、過去の会話の再開までを画面つきで説明します。

2026年10月18日 所要8分
Claude

【Claude】ファイルをアップロードして読ませる方法

ClaudeのMacアプリにPDF、画像、CSV、Excelファイルを添付し、内容の要約や表の集計を頼む方法を画面つきで説明します。

2026年10月18日 所要10分
Claude

【Claude】リサーチで調べ物をレポートにする方法

Claudeのリサーチをオンにし、資料を添えて調査を頼み、出典付きレポートを読む方法を画面つきで説明します。

2026年10月18日 所要7分
作成予定
Claude

【Claude】Word・Excel・PowerPointファイルを作成・保存する方法

Word・Excel・PowerPointのファイルを作り、内容を確認してダウンロードする手順を紹介する予定です。

作成予定
Claude

【Claude】Artifactsで成果物を編集・共有する方法

Claude上で成果物を開き、直接編集や会話での修正、リンクでの共有をする手順を紹介する予定です。ファイルの書き出しとも使い分けます。

作成予定
Claude

【Claude】音声で会話する方法

音声で話しかけて回答を聞く方法と、会話を終える操作を紹介する予定です。

作成予定
Claude

【Claude】プロジェクトに資料・会話・指示をまとめる方法

プロジェクトの作成、資料の追加、会話の整理、共通の指示の保存・変更を1本で紹介する予定です。

作成予定
Claude

【Claude】メモリを確認・修正・削除する方法

覚えている情報の確認と管理を、ClaudeとClaude Codeの違いも含めて紹介する予定です。

Claude

【Claude】Googleドライブをコネクタでつなぐ方法

ClaudeのコネクタでGoogleドライブを接続し、チャットから資料を読んで質問する方法を説明します。

2026年10月18日 所要6分
Claude

【Claude】フォルダーを追加してパソコンのファイルを扱う方法

ClaudeのMacアプリへ作業用フォルダーを追加し、複数の資料を読ませて集計ファイルを保存する方法を説明します。

2026年10月18日 所要7分
作成予定
Claude

【Claude】MCP連携でGitHubのファイルを更新する方法

書き込みに対応するMCP連携を使い、GitHubのファイルを更新する手順を紹介する予定です。

Claude

【Claude】スキルに作業の手順を保存して使う方法

Claudeで一度作った週報の手順をスキルに保存し、翌週のCSVで使い、内容を直すまでを説明します。

2026年10月18日 所要10分
作成予定
Claude

【Claude】スケジュール済みタスクを登録・変更・停止する方法

定期実行する仕事の登録から結果の確認、変更・停止までを、Claude Codeで使う場合と合わせて紹介する予定です。

Claude

【Claude】デスクトップアプリからアカウントを削除する方法

Claudeのデスクトップアプリからアカウントを削除する手順を、Macの画面で説明します。

2026年10月17日 所要4分

Web

作成予定
Claude

【Claude】Web版の画面構成を見る

Web版での対応状況と操作を確認し、画面つきで紹介する予定です。

作成予定
Claude

【Claude】会話を学習に使わせない設定にする方法

Web版での対応状況と操作を確認し、画面つきで紹介する予定です。

作成予定
Claude

【Claude】チャットを初めて使う方法

Web版での対応状況と操作を確認し、画面つきで紹介する予定です。

作成予定
Claude

【Claude】ファイルをアップロードして読ませる方法

Web版での対応状況と操作を確認し、画面つきで紹介する予定です。

作成予定
Claude

【Claude】リサーチで調べ物をレポートにする方法

Web版での対応状況と操作を確認し、画面つきで紹介する予定です。

作成予定
Claude

【Claude】Word・Excel・PowerPointファイルを作成・保存する方法

Web版で確認する予定です。Word・Excel・PowerPointのファイルを作り、内容を確認してダウンロードする手順を紹介する予定です。

作成予定
Claude

【Claude】Artifactsで成果物を編集・共有する方法

Web版で確認する予定です。Claude上で成果物を開き、直接編集や会話での修正、リンクでの共有をする手順を紹介する予定です。ファイルの書き出しとも使い分けます。

作成予定
Claude

【Claude】音声で会話する方法

Web版で確認する予定です。音声で話しかけて回答を聞く方法と、会話を終える操作を紹介する予定です。

作成予定
Claude

【Claude】プロジェクトに資料・会話・指示をまとめる方法

Web版で確認する予定です。プロジェクトの作成、資料の追加、会話の整理、共通の指示の保存・変更を1本で紹介する予定です。

作成予定
Claude

【Claude】メモリを確認・修正・削除する方法

Web版で確認する予定です。覚えている情報の確認と管理を、ClaudeとClaude Codeの違いも含めて紹介する予定です。

作成予定
Claude

【Claude】Googleドライブをコネクタでつなぐ方法

Web版での対応状況と操作を確認し、画面つきで紹介する予定です。

作成予定
Claude

【Claude】フォルダーを追加してパソコンのファイルを扱う方法

Webからパソコンのフォルダーを使う際の、デスクトップアプリとの接続条件と操作を紹介する予定です。

作成予定
Claude

【Claude】MCP連携でGitHubのファイルを更新する方法

Web版で確認する予定です。書き込みに対応するMCP連携を使い、GitHubのファイルを更新する手順を紹介する予定です。

作成予定
Claude

【Claude】スキルに作業の手順を保存して使う方法

Web版での対応状況と操作を確認し、画面つきで紹介する予定です。

作成予定
Claude

【Claude】スケジュール済みタスクを登録・変更・停止する方法

Web版で確認する予定です。定期実行する仕事の登録から結果の確認、変更・停止までを、Claude Codeで使う場合と合わせて紹介する予定です。

作成予定
Claude

【Claude】Webからアカウントを削除する方法

Web版での対応状況と操作を確認し、画面つきで紹介する予定です。

モバイルアプリ

作成予定
Claude

【Claude】モバイルアプリをインストールして使い始める方法

モバイルアプリの導入からログイン、最初の会話までを紹介する予定です。

Claude Code

ファイルの編集やコマンドの実行を使う製品です。環境を選ぶと、その環境の使い方と活用例が表示されます。

使う環境を選ぶ

Claude

Claude Codeとは?ファイルとコマンドを使って作業するAI

Claude Codeは、ファイルを読み書きし、コマンドを実行しながら作業を進めるAIエージェントです。できること、Claudeとの違いと使い分け、設定ファイルの置き場所を紹介します。

2026年10月9日 所要12分

デスクトップアプリ

作成予定
Claude

【Claude Code】デスクトップアプリで使い始める方法

Codeの画面を開き、作業場所を選んで依頼するまでを紹介する予定です。

作成予定
Claude

【Claude Code】初めて作業を任せる方法

目的を伝え、作業の進み具合と変更されたファイルを確認する手順を紹介する予定です。

作成予定
Claude

【Claude Code】変更した内容をテストして確認する方法

テストを依頼し、結果を確認して必要な修正を進める方法を紹介する予定です。

作成予定
Claude

【Claude Code】Gitで変更を確認・コミットする方法

差分を確認し、保存する変更を選んでコミットする手順を紹介する予定です。

Claude

【Claude Code活用事例】脆弱性の公表を集め、関係する件だけ知らせる仕組み

Claude Codeのスケジュール済みタスクで、脆弱性の公表を1日2回集め、自分のサイトに関係する件だけを知らせるようにしました。仕事がどう変わったか、どんな仕組みで、どう作ったかを紹介します。

2026年10月31日 所要8分

ターミナル

作成予定
Claude

【Claude Code】ターミナルで使い始める方法

導入、認証、作業フォルダーでの起動までを紹介する予定です。

VS Code

作成予定
Claude

【Claude Code】VS Codeで使い始める方法

拡張機能の追加から、作業するプロジェクトを開いて利用するまでを紹介する予定です。

Web

作成予定
Claude

【Claude Code】Webで使い始める方法

クラウドの作業環境を準備し、作業を依頼して結果を確認する手順を紹介する予定です。

Claude Design

会話からデザインを作り、内容を確かめながら修正します。

Claude

Claude Designとは?Artifactsとの関係とできること

ArtifactsとClaude Designの関係を図で整理し、画面案や試作品でできることを紹介します。

2026年10月18日 所要4分
作成予定
Claude

【Claude Design】デザインを作成・修正・書き出す方法

最初のデザインを作り、修正して書き出すまでの手順を紹介する予定です。

ChatGPT

ChatGPTで相談や調査を進め、資料作成やCodexを使った開発へ広げるための解説です。

はじめに

ChatGPTとは?会話から調査や資料作成を進めるAI

ChatGPTでできることと、Chat・Work・Codexの使い分け、利用前に確認したい条件を紹介します。

続きを読む
ほか1件の記事読む順

Gemini

まずGemini全体と各製品の役割を知り、Geminiアプリでの相談や資料作成、Gemini Notebookで資料をもとに調べる方法へ進みます。

はじめに

Geminiとは?製品ごとの役割とAIモデルとの関係

Gemini全体と、Geminiアプリ・Gemini Notebookの役割を紹介します。AIモデルと製品の違いを知り、目的に合う製品を選ぶための案内です。

続きを読む
ほか2件の記事読む順

Grok Bot

クラウドの作業環境を使うAIに会話で依頼を渡す方法と、接続や権限の考え方を扱います。

はじめに

Grok Botとは?クラウドのパソコンで仕事を進めるAI

Grok Botの作業環境と、会話で仕事を依頼する仕組み、接続や承認で確認したい条件を紹介します。

続きを読む

LiteLLM

複数のAIのAPIを共通の方法で利用するLiteLLMの使い方です。導入と接続の設定から、キーや利用費の管理までを扱います。

はじめに

LiteLLMとは?複数のAIのAPIをまとめて使うツール

LiteLLMで複数のAIを呼び出す仕組みと、利用する方法、使い始める前に確かめたい条件を紹介します。

続きを読む

cmux

AIエージェントを使う作業にも役立つターミナル、cmuxの使い方です。Macへの導入から、作業画面の整理と通知の確認までを案内します。

はじめに

cmuxとは?AIエージェントの作業画面と通知をまとめるターミナル

cmuxで作業画面を整理する方法と通知の仕組み、使い始める前に確かめたい条件を紹介します。

続きを読む

Cursor

コードを編集する画面とAIへの依頼を組み合わせ、開発や変更の確認を進める方法を扱います。

はじめに

Cursorとは?コードの編集と確認をAIに頼める開発ツール

Cursorのコード編集とエージェントの役割、利用方法、プロジェクトを渡す前の確認事項を紹介します。

続きを読む

OpenCode

AIモデルへの接続と、OpenCodeを使った開発作業の進め方を扱います。

はじめに

OpenCodeとは?利用するAIを選べる開発エージェント

OpenCodeの役割とモデルへの接続、利用できる画面、導入前の確認事項を紹介します。

続きを読む

Ghostty

コマンドを使う作業画面の準備と、タブや画面分割、ほかのプログラムとの関係を扱います。

はじめに

Ghosttyとは?コマンドで作業するためのターミナルアプリ

Ghosttyの役割と、タブや画面分割、AIエージェントと組み合わせるときの関係を紹介します。

続きを読む

LM Studio

自分のパソコンへAIモデルを用意し、会話や資料の分析、アプリからの接続に使う方法を扱います。

はじめに

LM Studioとは?自分のパソコンでAIモデルを動かすアプリ

LM Studioのローカル実行と資料を使った会話、接続の仕組み、必要な環境を紹介します。

続きを読む

Aqua Voice

声で文章を入力する準備と、辞書や書き方の設定、アプリへの入力を扱います。

はじめに

Aqua Voiceとは?話した内容をアプリへ入力する音声入力ツール

Aqua Voiceの音声入力と辞書、文章を整える機能、利用前に確認したい権限を紹介します。

続きを読む

Google Workspace

組織のメール、予定、ファイルと文書を、Googleのサービスで管理する方法を扱います。

はじめに

Google Workspaceとは?メールと資料を共同で扱う業務サービス

Google Workspaceに含まれるアプリと、個人用Googleアカウントとの違い、導入時の確認事項を紹介します。

続きを読む

Circleback

会議を記録し、文字起こしやメモ、対応するタスクを整理して共有する方法を扱います。

はじめに

Circlebackとは?会議の記録からメモとタスクを作るAI

Circlebackの会議メモ、タスクの整理、外部サービスとの連携、録音前の確認事項を紹介します。

続きを読む

Linear

タスクの登録と担当・進行の管理、プロジェクトや開発ツールとの連携を扱います。

はじめに

Linearとは?タスクとプロジェクトの進行を整理するツール

LinearのIssueとプロジェクト、チームやAIとの連携、導入前の確認事項を紹介します。

続きを読む

Slack

仕事の会話をチャンネルで整理し、ファイルや外部アプリの情報を共有する方法を扱います。

はじめに

Slackとは?仕事の会話と情報をチャンネルでまとめるツール

Slackのチャンネルとスレッド、通話や外部サービスとの連携、参加時の確認事項を紹介します。

続きを読む

Discord

サーバーとチャンネルを使った交流、音声や映像での会話、参加時の設定を扱います。

はじめに

Discordとは?文字と音声で集まれるコミュニケーションツール

Discordのサーバーとチャンネル、音声通話、参加前に確認したい共有範囲を紹介します。

続きを読む

LINE

トークとグループ、音声やビデオでの通話、端末ごとの利用方法を扱います。

はじめに

LINEとは?メッセージと通話で連絡できるアプリ

LINEのトークとグループ、通話、スマートフォンとパソコンで使う前の確認事項を紹介します。

続きを読む

Parsec

離れたパソコンの画面へ接続し、手元のキーボードやマウスで操作する方法を扱います。

はじめに

Parsecとは?離れたパソコンの画面を見て操作するツール

Parsecのリモート操作とホスト・クライアントの関係、接続前に確認したい条件を紹介します。

続きを読む

Tailscale

離れた端末をネットワークでつなぐ準備と、接続の権限、ファイルを送る方法を扱います。

はじめに

Tailscaleとは?離れた端末を専用ネットワークでつなぐサービス

Tailscaleの端末間接続とTaildrop、リモート操作との違い、利用前の確認事項を紹介します。

続きを読む

AivisSpeech

Macへの導入から音声モデルの追加、短い文章の読み上げと音声ファイルの書き出しまでを案内します。

calibre

無料の電子書籍管理ソフトcalibreをMacに入れ、EPUBのファイルをPDFに変換するまでを案内します。

Google Chrome

用途ごとにプロファイルを分けて、毎日のブラウジングを迷わず進められる環境にします。

はじめに

Google Chromeとは?Webサイトを見るためのブラウザー

Google Chromeは、Webサイトを開いて調べものやオンラインサービスを使うためのブラウザーです。基本の機能と、プロファイルやGoogleアカウントの役割を紹介します。

続きを読む
ほか3件の記事読む順

プロファイルとアカウントを用意する

仕事用、個人用など、用途ごとにChromeのプロファイルを分けます。ブックマークやログインの状態を別々に保てるので、操作の間違いを防げる仕組みです。

Google Chrome

【Google Chrome】プロファイルを新規作成する方法

本記事では、Google Chromeでプロファイルを新しく作る方法を解説します。

2026年9月20日 所要5分
Google Chrome

【Google Chrome】新規アカウントを作成する方法

新しいGoogleアカウントを作成し、Chromeへのログインと2段階認証の設定を済ませるまでを解説します。

2026年9月20日 所要14分

脆弱性に備える

Chromeで公表された脆弱性の仕組みと影響を整理します。更新と再起動を終え、修正版が動いていることを確かめましょう。

Google Chrome

Chromeの脆弱性とは?2026年10月末の修正と利用者がやること

2026年10月末に修正されたChromeの重大な脆弱性について、メモリの不具合とサンドボックスの関係、5件のCriticalの影響、利用者が行う更新と再起動を解説します。

2026年11月1日 所要12分

Gmail

最初に知っておきたい設定から、毎日のメールを無理なく整理する方法までを案内します。

はじめに

Gmailとは?Googleのメールサービスでできること

Gmailでできることと、使い始めるときに一度だけ決めておきたい設定を紹介します。

続きを読む
ほか1件の記事読む順

1Password

強いパスワードやパスキーを安全に保存し、必要なときにすぐ使えるようにします。

はじめに

1Passwordとは?パスワードを作って保存するツール

1Passwordは、サービスごとのパスワードやパスキーを保管し、ログイン時に呼び出せるツールです。主な使い方と、このサイトの操作記事を紹介します。

続きを読む
ほか2件の記事読む順

拡張機能を追加する

Google Chromeに1Passwordの拡張機能を追加して、ブラウザーから保管庫を呼び出せるようにします。ログインの画面で候補が出るので、パスワードをコピーして貼り付ける手間がなくなるのが利点です。

1Password

【1Password】Google Chromeに拡張機能を追加する方法

本記事では、Google Chromeに1Passwordの拡張機能を追加し、ツールバーから呼び出せるようにするまでを解説します。

2026年9月22日 所要11分

ログイン情報を保存する

新しく作ったアカウントのログイン情報を、1Passwordに保存します。次からは、パスワードを覚えていなくても困りません。

1Password

【1Password】新しいログイン情報を保存する方法

本記事では、Webサービスの登録画面で1Passwordにパスワードを作ってもらい、ユーザー名やWebサイトと一緒に新しいログイン情報として保存する方法を解説します。GitHubの登録画面を例にしますが、ほかのWebサービスでも流れは同じです。

2026年9月22日 所要5分

GitHub

アカウントやリポジトリの準備から、安全に使うための設定まで。制作物を蓄積し、公開する場所を育てます。

はじめに

GitHubとは?制作物を保存して公開できる開発の場所

GitHubでできることと、Gitとの違い、このサイトで扱う使い方の順番を紹介します。

続きを読む
ほか7件の記事読む順

アカウントを作る

制作物を保存して公開するための、GitHubのアカウントを作ります。ユーザー名はURLにも使われるので、長く使える名前を選んでください。

GitHub

【GitHub】新規アカウントを作成する方法

本記事では、GitHubの個人アカウントを無料で作り、メールアドレスの確認を終えてダッシュボードを開くまでを解説します。

2026年9月22日 所要6分

プロフィールを整える

GitHubのプロフィールは、誰でも見られる公開の場所です。表示名とメールアドレスを整えて、出したくない情報が見えないようにします。

GitHub

【GitHub】プロフィールの表示名を設定する方法

本記事では、GitHubのプロフィールに表示する名前を設定します。アカウントのユーザー名は変えずに、プロフィールやコメントなどに表示される名前だけを追加する手順です。

2026年9月23日 所要4分
GitHub

【GitHub】メールアドレスを非公開にする方法

本記事では、GitHubへ登録したメールアドレスをプロフィールやコミットから公開しないための設定を解説します。

2026年9月23日 所要4分

ログインを守る

パスワードだけに頼らず、パスキーと2段階認証でアカウントを守ります。どちらも1Passwordに保存すれば、ログインの手間はほとんど増えません。

GitHub

【GitHub】パスキーを1Passwordに保存する方法

本記事では、GitHubへサインインするためのパスキーを作り、1Passwordの既存のログイン項目へ保存します。

2026年9月23日 所要6分
GitHub

【GitHub】2段階認証を1Passwordに登録する方法

GitHubの2段階認証を1Passwordへ登録し、リカバリーコードと別の認証方法を用意するまでを解説します。

2026年9月23日 所要8分

リポジトリを扱う

作品やサイトのファイルをまとめる、リポジトリの作り方と消し方です。削除は元に戻せないため、手順の確認を省かないでください。

GitHub

【GitHub】新しいリポジトリを作成する方法

GitHubで空のリポジトリを作成し、手元のGitリポジトリを送る準備をします。

2026年9月23日 所要5分
GitHub

【GitHub】リポジトリを削除する方法

GitHubのリポジトリを削除する手順と、削除前に確認する項目を説明します。

2026年9月23日 所要6分

Cloudflare

ドメインの取得からサイトの公開、安全を守る設定まで。Webサイトを届け続けるための基盤を整えます。

はじめに

Cloudflareとは?サイトを速く安全に届けるサービス

Cloudflareでできることと、無料プランで使える機能、このサイトで扱う使い方の順番を紹介します。

続きを読む
ほか9件の記事読む順

アカウントを用意する

Cloudflareを使い始めるために、アカウントを作ります。ドメインやサイトを預ける場所なので、作ったらすぐに2段階認証でログインを守っておきましょう。

Cloudflare

【Cloudflare】新規アカウントを作成する方法

Cloudflareのアカウントを作成し、登録したメールアドレスを確認するまでを解説します。

2026年9月23日 所要7分
Cloudflare

【Cloudflare】2段階認証を1Passwordに登録する方法

Cloudflareの2段階認証で使うワンタイムパスワードを、iPhone版1Passwordへ登録する手順を説明します。

2026年9月23日 所要7分

サイトを公開する

GitHubに置いたサイトをCloudflareから公開し、自分のドメインで見られるようにします。リポジトリの接続、ドメインの取得、ドメインの割り当ての順に進めてください。

Cloudflare

【Cloudflare】GitHubのリポジトリとつないでサイトを公開する方法

本記事では、GitHubのリポジトリをCloudflare Workersとつなぎ、Astroで作ったサイトを公開するまでを解説します。

2026年9月23日 所要8分
Cloudflare

【Cloudflare】ドメインを取得する方法

本記事では、Cloudflare Registrarでドメインを検索し、登録者情報と支払い方法を入力して取得するまでを解説します。

2026年9月23日 所要6分
Cloudflare

【Cloudflare Workers】カスタムドメインを設定する方法

本記事では、Cloudflare Workersで公開したサイトに、取得済みのカスタムドメインを設定する手順を解説します。

2026年9月23日 所要4分

DNSレコードを設定する

ドメインに、ほかのサービスが確かめるための情報を書き込みます。Google Search Consoleの所有権の確認など、外のサービスとつなぐときに必要になる作業です。

Cloudflare

【Cloudflare】DNSにTXTレコードを追加する方法

本記事では、Cloudflareで管理しているドメインのDNSに、TXTレコードを追加する手順を解説します。Google Search Consoleの所有権の確認などで使う設定です。

2026年10月4日 所要5分

ドメインを守る

公開したドメインを、読者とあなた自身のために守る設定です。通信の暗号化、DNSの改ざん対策、なりすましメール対策の3つを済ませておくと安心できます。

Cloudflare

【Cloudflare】HTTPからHTTPSへ自動転送する方法

Cloudflareの「常に HTTPS を使用」を有効にして、HTTPへのアクセスをHTTPSへ自動転送します。

2026年9月23日 所要3分
Cloudflare

【Cloudflare】DNSSECを有効にする方法

Cloudflare Registrarで管理しているドメインのDNSSECを有効にし、DSレコードの追加状況を確認します。

2026年9月23日 所要4分
Cloudflare

【Cloudflare】メールを送らないドメインのなりすまし対策を設定する方法

メールを送信しないドメインへSPFとDMARCのTXTレコードを追加し、なりすましメールを拒否する方針を示します。

2026年9月23日 所要5分

YouTube

動画の視聴を中心に、YouTubeの使い方を紹介します。チャンネルの作成や動画の投稿・共有も扱うカテゴリーです。

はじめに

YouTubeとは?動画の視聴・投稿・共有ができるサービス

動画の視聴やチャンネル登録など、YouTubeの基本を紹介します。動画の投稿・共有に使う機能も扱う紹介ページです。

続きを読む
ほか6件の記事読む順

チャンネルを作る

Googleアカウントでログインし、名前とハンドルを決めてチャンネルを作ります。

YouTube

【YouTube】チャンネルを作成する方法

Googleアカウントでログインし、名前とハンドルを決めてYouTubeチャンネルを作る手順です。

2026年10月24日 所要4分
YouTube

【YouTube】チャンネルのプロフィール画像を変更する方法

YouTubeチャンネルの丸いプロフィール画像を、自分で用意した画像に変更する手順です。

2026年10月24日 所要4分

動画を投稿する

完成した動画をアップロードし、公開範囲とサムネイルを設定します。

YouTube

【YouTube】動画をアップロードして公開する方法

YouTube Studioで動画をアップロードし、タイトルや説明、視聴者、公開範囲を設定する手順です。

2026年10月24日 所要11分
YouTube

【YouTube】カスタムサムネイルを設定する方法

YouTubeに投稿した動画に、自分で用意したサムネイル画像を登録して保存する手順です。

2026年10月24日 所要3分

追加機能を使う

上級者向け機能が必要な場合に、動画による本人確認を申し込みます。

YouTube

【YouTube】電話番号を確認して中級者向け機能を有効にする方法

YouTube Studioから電話番号を確認し、カスタムサムネイルなどの中級者向け機能を有効にする手順です。

2026年10月25日 所要5分
YouTube

【YouTube】動画認証で上級者向け機能を申し込む方法

YouTubeの上級者向け機能を、スマートフォンで顔の動画を撮影して申し込み、審査状況を確認する手順です。

2026年10月24日 所要12分

HTML共有くん

AIエージェントが作ったHTMLを保存し、スマホで読んだり共有したりするツールです。自分のAWS環境への導入から、ページの登録と共有URLの発行までを扱います。

はじめに

HTML共有くんとは?AIが作ったHTMLを保存して共有するツール

HTML共有くんでページを保存・閲覧・共有する仕組みと、使い始める前に必要な準備を紹介します。

続きを読む

PHP

WordPressなど多くのWebサイトを動かすプログラミング言語PHPについて、脆弱性への備えと、サイトを安全に運用する方法を扱います。

はじめに

PHPとは?Webサイトを動かすプログラミング言語

PHPでできることと、使い続けるうえで知っておきたいバージョンとサポート期間の考え方を紹介します。

続きを読む
ほか1件の記事読む順

Node.js

JavaScriptをブラウザーの外で動かすNode.jsについて、脆弱性への備えと、安全に使い続ける方法を扱います。

はじめに

Node.jsとは?JavaScriptでサーバーを動かす実行環境

Node.jsでできることと、使い続けるうえで知っておきたいバージョンとサポート期間の考え方を紹介します。

続きを読む
ほか1件の記事読む順

Linux

サーバーやスマートフォンの基礎にも使われているOSのLinuxについて、脆弱性への備えと、サーバーを安全に運用する方法を扱います。

はじめに

Linuxとは?サーバーやスマートフォンを支えるOS

Linuxの成り立ちと、カーネルとディストリビューションの関係、使い続けるうえで知っておきたいバージョンとサポート期間の考え方を紹介します。

続きを読む
ほか1件の記事読む順

Google Search Console

サイトをGoogleに登録し、検索結果にどう表示されているかを確かめます。公開したあとに一度済ませておく設定です。

はじめに

Google Search Consoleとは?Google検索での見え方を確かめる無料ツール

Google Search Consoleでできることと、サイトを公開したあとに一度だけ済ませておきたい登録を紹介します。

続きを読む
ほか1件の記事読む順

Google Analytics

サイトで読まれているページをGoogle Analytics 4で調べるための設定です。アカウントからウェブデータストリームまで順に用意します。

はじめに

Google Analyticsとは?サイトの訪問を計測するツール

Google Analyticsでできることと、いまのGoogleアナリティクス4(GA4)の考え方を紹介します。

続きを読む
ほか1件の記事読む順

あなたをAIモデルに例えると?

Xの公開ポストをもとに、似ているAIモデルを表示する診断サイトの使い方です。結果の読み方と、Xへの共有画面を案内します。

個人情報先出しシステム

ニックネームから架空の個人情報を作るジョークツールです。使い方と、作られた背景、架空の情報を作る仕組みを扱います。

はじめに

個人情報先出しシステムとは?架空の個人情報を作るジョークツール

個人情報先出しシステムは、ニックネームから架空の個人情報を作るジョークツールです。作られた背景と、本物に見える情報をどう作っているかを、ページのソースを読んで確かめました。

続きを読む
ほか1件の記事読む順

AI

生成AI11件

文章を作るAIの、得意と苦手を知る。

この分類のページを開く

左右にドラッグするか、アイコンを押すと回ります。

生成AI

ChatGPTやClaude、Geminiの中で文章を作っているLLMの仕組みと、上手な頼み方、まちがいや入力した内容の扱いです。AIの答えとどう付き合うかを、公式の資料や研究をもとに解説します。

はじめに

生成AIの全体像と、記事を読む順

生成AIのカテゴリーで扱う記事を、仕組み、使い方の基本、限界と付き合い方の3つに分けて紹介します。

続きを読む
ほか10件の記事読む順

しくみ

生成AIが、どのように文章を作り、何をどこまで読めるのかを扱います。

生成AI

LLM(大規模言語モデル)とは?文章を作るAIの仕組み

ChatGPTやClaude、Geminiなどの中で文章を作っているLLM(大規模言語モデル)について、次に来る言葉を予測する仕組み、トークン、まちがいを含む理由を解説します。

2026年10月6日 所要8分
生成AI

コンテキストウィンドウとは?AIが一度に読める量の上限

AIが答えを作るときに一度に読める量、コンテキストウィンドウについて、何が数えられるのか、会話が長くなると何が起きるのか、量が多いほど良いとは限らない理由を解説します。

2026年10月7日 所要8分
生成AI

ナレッジカットオフとは?AIが最近のことを知らない理由

AIが学習したデータの締め切り、ナレッジカットオフについて、締め切りのあとのことを聞くと何が起きるのか、2種類の締め切りの違い、検索で新しい情報を補う仕組みを解説します。

2026年10月7日 所要7分
生成AI

マルチモーダルとは?AIが画像や音声を読み取る仕組み

文章のほかに、画像、音声、PDFなどを読み取れるAI、マルチモーダルについて、画像や音声をトークンとして数える仕組み、得意なことと苦手なこと、使うときのコツを解説します。

2026年10月7日 所要8分
生成AI

推論モデルとは?AIが答える前に考える仕組み

答える前に考える段階を挟むAI、推論モデルについて、普通のモデルとの違い、考える量の調整、考えた分が料金と上限に含まれること、向いている作業を解説します。

2026年10月7日 所要7分

使い方の基本

AIに頼みごとを伝える指示(プロンプト)の書き方です。

生成AI

プロンプトとは?AIへの指示を伝わるように書くコツ

AIに渡す指示、プロンプトについて、中に含めるもの、アプリの開発者が書くシステムプロンプトとの関係、伝わりやすくする書き方を、AIの開発元の公式ガイドをもとに解説します。

2026年10月7日 所要8分
生成AI

プロンプトエンジニアリングとは?例・タグ・出力形式で指示を整える

ゼロショットとフューショットの違いから、タグによる区切り、出力形式の指定、テンプレートの作り方まで、同じ依頼を使って説明します。

2026年10月18日 所要10分

限界と付き合い方

生成AIの答えに含まれる誤りへの対策と、入力した内容がどう扱われるかです。

生成AI

ハルシネーションとは?AIがもっともらしい誤りを答える理由

生成AIが、事実と違う内容を自信ありげに答えてしまうハルシネーションについて、起きる仕組み、なくならない理由、利用者ができる付き合い方を解説します。

2026年10月6日 所要9分
生成AI

RAGとは?資料を検索してからAIに答えさせる仕組み

手元の資料から関係する部分を検索し、AIに渡してから答えさせるRAG(検索拡張生成)について、生まれた背景、資料を小分けにして意味で探す仕組み、使うときの注意を解説します。

2026年10月7日 所要8分
生成AI

AIに入力した内容はどう扱われる?学習への利用と保存の仕組み

チャットのAIに入力した内容が、どこに送られ、どのくらい保存され、どんなときに人に読まれ、学習に使われるのかを、個人向けと仕事向けの違い、各社の設定とあわせて、各社の公式の説明をもとに解説します。

2026年10月7日 所要12分

AIエージェント

生成AIにツールを使わせ、作業を任せるAIエージェントの仕組みです。ツールやほかのエージェントとのつなぎ方、安全に任せるための考え方を、公式の仕様をもとに解説します。

はじめに

AIエージェントの全体像と、記事を読む順

AIエージェントのカテゴリーで扱う記事を、基本、設定、つなぐ仕組み、安全に任せる方法の4つに分けて紹介します。

続きを読む
ほか24件の記事読む順

エージェントの基本

AIエージェントがツールを使い、必要な情報を受け取り、作業を進める仕組みです。

AIエージェント

AIエージェントとは?ツールを使って作業を進めるAIの仕組み

質問に答えるだけでなく、ツールを使いながら作業を進めるAIエージェントについて、ワークフローとの違い、ツールを呼び出す流れ、任せるときの注意を解説します。

2026年10月6日 所要9分
AIエージェント

ツールユースとは?AIが外部の機能を呼び出す仕組み

LLMが天気の取得やファイルの書き込みといった外部の機能を使う仕組み、ツールユース(関数呼び出し)について、ツールの説明書、呼び出しの流れ、ツールが動く場所、使うときの注意を解説します。

2026年10月7日 所要9分
AIエージェント

コンピューターユースとは?AIが画面を見てパソコンを操作する仕組み

AIが画面の画像を見て、マウスとキーボードでパソコンを操作するコンピューターユースについて、ツールユースとの違い、操作が進む流れ、できる操作、安全に使うための備えを解説します。

2026年10月7日 所要9分
AIエージェント

コンテキストとは?AIエージェントが次の判断に使う情報

コンテキストは、AIエージェントが次の答えや操作を決めるときに参照する情報です。指示、会話、資料、ツールの結果がいつ渡るのかを説明します。

2026年10月18日 所要7分
AIエージェント

コンテキストエンジニアリングとは?AIエージェントに渡す情報の選び方

AIエージェントが作業するたびに、指示、資料、ツールの結果、会話履歴から何をモデルへ渡すかを選ぶ考え方を、架空の資料更新を例に説明します。

2026年10月18日 所要8分
AIエージェント

ハーネスとは?AIエージェントを動かす「外側」の仕組み

AIエージェントで、LLMを呼び出し、ツールの実行や記憶の整理を受け持つ外側の仕組み、ハーネスについて、LLMとの役割の違い、担う仕事、長い作業を続けるための工夫を解説します。

2026年10月6日 所要9分
AIエージェント

ハーネスエンジニアリングとは?AIエージェントが作業できる環境の設計

AIエージェントが情報を読み、ツールを使い、結果を確かめられるように周囲の環境を設計する仕事を、架空のWebサイト修正を例に説明します。

2026年10月18日 所要8分
AIエージェント

ループエンジニアリングとは?AIエージェントの反復と終了条件を設計する

AIエージェントが結果を見て作業を続ける流れと、成功・行き詰まり・上限到達で止まる条件を、架空のリンク修正を例に説明します。

2026年10月18日 所要8分
AIエージェント

AIエージェントの評価(Evals)とは?成果と行動を確かめる方法

AIエージェントの成果と途中の行動を、複数の評価課題で確かめる方法を、架空のリンク修正を例に説明します。

2026年10月18日 所要9分
AIエージェント

セッションとは?AIエージェントとの会話を保存して続ける仕組み

AIエージェントとの1本の会話を指すセッションについて、記録が保存される仕組み、再開と分岐の違い、セッションをまたいで決まりを引き継ぐ方法、記録の扱いの注意を解説します。

2026年10月7日 所要9分
AIエージェント

サブエージェントとは?セッションとの違いと、作業を分けて任せる仕組み

AIエージェントが作業の一部を別のエージェントに任せるサブエージェントについて、利用者との会話であるセッションとの違い、コンテキストを分ける理由、任せるときの注意を解説します。

2026年10月7日 所要9分
AIエージェント

ディープリサーチとは?検索を重ねて出典付きの報告を作る仕組み

ディープリサーチは、AIが複数の情報源を調べ、残った疑問に合わせて検索を重ね、出典付きの報告にまとめる機能です。普通の検索との違いと、報告を読むときの確認方法を説明します。

2026年10月18日 所要7分
AIエージェント

Software Factoryとは?AIエージェントが開発の工程をつなぐ仕組み

Software Factory(ソフトウェア工場)について、開発元の発表をもとに、AIエージェントが開発の工程をつなぐ流れ、人が読まないコードを確かめる仕組み、人の役目の変わり方を解説します。

2026年11月8日 所要10分
AIエージェント

スーパーエージェントとは?複数のAIエージェントを束ねて仕事を進める仕組み

スーパーエージェントについて、開発元の発表をもとに、目標を分ける型と依頼を振り分ける型の2つの使われ方、サブエージェントとの違い、人の判断を求める場面を解説します。

2026年11月8日 所要10分
AIエージェント

パーソナルエージェントとは?自分の代わりに作業を進めるAIエージェント

パーソナルエージェントについて、開発元の発表をもとに、AIアシスタントや予約実行との違い、クラウドで動く理由、本人のデータを守る作りと、使う前に確かめることを解説します。

2026年11月8日 所要10分

エージェントの設定

AIエージェントに毎回守らせる決まり、作業の手順、決まった時点で実行する処理を、ファイルに書いて渡す仕組みです。

AIエージェント

AGENTS.mdとは?AIエージェントに毎回読ませる指示ファイルの形式

AIエージェントにプロジェクトの決まりを毎回読ませる指示ファイルの共通形式、AGENTS.mdについて、生まれた背景、読み込まれる順番、書き方の注意、スキル・フック・権限との違いを解説します。

2026年10月7日 所要8分
AIエージェント

メモリーとは?AIエージェントがセッションをまたいで覚えておく仕組み

AIエージェントが前の会話で知ったことを次のセッションへ引き継ぐメモリーについて、人が書くものとAIが書くものの違い、索引だけを先に読む仕組み、使うときの注意を解説します。

2026年10月7日 所要8分
AIエージェント

スキルとは?AIエージェントに作業の手順を必要なときだけ教える仕組み

AIエージェントに、特定の作業の手順や資料をまとめて渡すスキルについて、共通の規格であるAgent Skills、必要なときだけ読み込む仕組み、入れるときの注意を解説します。

2026年10月7日 所要8分
AIエージェント

フックとは?AIエージェントの決まった時点で、必ず処理を実行する仕組み

AIエージェントがツールを使う前後などの決まった時点で、利用者が用意した処理を必ず実行するフックについて、指示ファイルとの違い、操作を止める流れ、使うときの注意を解説します。

2026年10月7日 所要8分

つなぐ仕組み

AIエージェントを、ツールやデータ、ほかのエージェントとつなぐ取り決めです。AIのアプリにサーバーやコネクタを足すとき、裏で使われています。

AIエージェント

MCPとは?AIと外部のツールをつなぐ仕組み

MCP(Model Context Protocol)は、AIを使うアプリと、外部のデータやツールをつなぐための公開の取り決めです。本記事では、公式の仕様をもとに、登場する3つの役割とやりとりの流れ、安全に使うための考え方を解説します。

2026年10月6日 所要14分
AIエージェント

A2Aとは?AIエージェントどうしが仕事を頼み合う仕組み

別々の会社が作ったAIエージェントどうしが、互いを見つけて仕事を頼み合うための取り決めA2A(Agent2Agent Protocol)について、MCPとの違い、エージェントカード、タスクの流れを解説します。

2026年10月6日 所要10分

安全に任せる

AIに作業を任せるときの攻撃と、被害を囲いの中にとどめる仕組みを扱います。

AIエージェント

権限とは?AIエージェントにどの操作を許すかを決める仕組み

AIエージェントがファイルの書き換えやコマンドの実行をしてよいかを決める権限について、許可・確認・拒否のルール、判定の順番、モードの考え方、サンドボックスとの違いを解説します。

2026年10月7日 所要9分
AIエージェント

サンドボックスとは?AIエージェントに安全に作業を任せる囲い

プログラムが触れられるファイルや通信先を限った作業場所、サンドボックスについて、AIエージェントで使われる理由、ファイルと通信の2つの囲い、限界を解説します。

2026年10月6日 所要9分
AIエージェント

プロンプトインジェクションとは?AIをだます指示の仕組みと対策

AIに読ませた文章の中の指示で、AIの動きを変えてしまうプロンプトインジェクションについて、直接と間接の違い、起こりうる被害、利用者ができる対策を解説します。

2026年10月6日 所要9分

ログインと認証

パスワード、2段階認証、パスキーなど、アカウントを守る仕組みです。パスワードマネージャーやWebサービスで設定する前に、何を確かめ、何を守っているのかを解説します。

はじめに

ログインと認証の全体像と、記事を読む順

ログインと認証のカテゴリーの記事を、パスワードを守る、本人を確かめる要素、ログインの方式、暗号の基本の4つに分け、身近なパスワードから順に読める道筋を紹介します。

続きを読む
ほか12件の記事読む順

パスワードを守る

いちばん身近なパスワードから始める節です。パスワードの役割と弱点、偽サイトでパスワードを盗む手口、パスワードを覚えずに安全に使う仕組みの順に読めます。

ログインと認証

パスワードとは?知識情報で本人を確かめる仕組みと弱点

知識情報の代表であるパスワードについて、IDとの役割の違い、サービスが確かめる仕組み、使い回しの危険、長くしても防げない攻撃を解説します。

2026年11月7日 所要9分
ログインと認証

フィッシングとは?偽サイトでパスワードを盗む手口と防ぎ方

本物そっくりのメールや偽サイトで、パスワードやカード番号をだまし取るフィッシングについて、手口、見分けるのが難しい理由、仕組みで防ぐ方法を解説します。

2026年10月6日 所要8分
ログインと認証

パスワードマネージャーとは?パスワードを覚えずに安全に使う仕組み

サービスごとに違う強いパスワードを作って保存し、自動で入力するパスワードマネージャーについて、できること、偽サイトに強い理由、使うときの注意を解説します。

2026年10月6日 所要8分

本人を確かめる要素

パスワードだけでは守りきれない理由と、知識・所持・生体の3つの要素を組み合わせる多要素認証を扱います。要素ごとの記事に続けて、2段階認証と2要素認証の違いも整理しました。

ログインと認証

多要素認証(2要素認証)とは?知識・所持・生体の3つの要素

本人であることを確かめる3つの要素(知識情報、所持情報、生体情報)と、種類の違う要素を組み合わせる多要素認証を解説します。2要素認証との関係や、パスキーが1回の操作で2つの要素を確かめる仕組みも取り上げました。

2026年11月7日 所要9分
ログインと認証

所持情報とは?スマートフォンで本人を確かめるとき、何を確かめているのか

本人を確かめる3つの要素のうち、所持情報について、家の鍵に例えて解説します。サービスがスマートフォンを持っていることをどう確かめるのか、SMS、認証アプリ、パスキーの違い、端末をなくしたときの備えを取り上げました。

2026年11月7日 所要10分
ログインと認証

生体認証とは?指紋や顔で本人を確かめる仕組みと、パスキーでの役目

指紋や顔で本人を確かめる生体認証について、データがどこに保存されるか、生体認証だけに頼らない理由、パスキーで生体認証を使う理由を解説します。長いパスワードと比べたときの考え方も取り上げました。

2026年11月7日 所要11分
ログインと認証

2段階認証とは?2要素認証との違いと、ログインを守る仕組み

パスワードのほかにもう1つの確認を求める2段階認証について、2要素認証との違い、確認の手段ごとの強さ、パスワードマネージャーにコードを保存するときの考え方を解説します。

2026年10月6日 所要12分

ログインの方式

6桁の数字を作る認証アプリと、その数字の仕組みであるワンタイムパスワード、パスワードを使わないパスキーです。どれもサービスの設定画面でよく求められますが、フィッシングへの強さに違いがあります。

ログインと認証

認証アプリとは?30秒ごとに変わる6桁の数字を作るアプリの役割

2段階認証の設定で「認証アプリで読み取ってください」と言われたときの認証アプリについて、何をするアプリなのか、設定のQRコードの中身、似ている別の仕組みとの違い、パスワードマネージャーを認証アプリに使うときの考え方を解説します。

2026年11月7日 所要9分
ログインと認証

ワンタイムパスワード(TOTP)とは?30秒ごとに変わる数字の仕組み

認証アプリやパスワードマネージャーに表示される、30秒ごとに変わる6桁の数字の仕組みを解説します。設定のときに読み取るQRコードの中身や、フィッシングに弱い理由も取り上げました。

2026年10月6日 所要11分
ログインと認証

パスキーとは?パスワードを使わないログインの仕組み

パスキーが、パスワードとワンタイムパスワードのどの弱点を克服したのかを解説します。指紋や顔で確かめる理由、同期パスキーと端末固定パスキーの違いも取り上げました。

2026年10月6日 所要14分

暗号の基本

パスキーやワンタイムパスワードの中で使われている、公開鍵暗号とハッシュ関数の考え方です。計算式を使わずに解説します。

ログインと認証

公開鍵暗号とは?2つの鍵で、署名と暗号化をする仕組み

パスキーやHTTPSの基礎にある公開鍵暗号について、公開鍵と秘密鍵の関係を、実印と南京錠に例えて解説します。電子署名と暗号化の2つの使い方、秘密鍵を守る理由も取り上げました。

2026年10月6日 所要8分
ログインと認証

ハッシュ関数とHMACとは?データの指紋を作る仕組み

どんな長さのデータからも決まった長さの値を作るハッシュ関数と、秘密の鍵と組み合わせたHMACについて、性質、パスワードの保存、ワンタイムパスワードでの使われ方を解説します。

2026年10月6日 所要8分

Webのしくみ

クライアントとサーバー、API、JSON、ドメイン名など、Webサービスやアプリがつながるときに出てくる言葉です。ほかの技術解説を読むときの手がかりになります。

はじめに

Webのしくみの全体像と、記事を読む順

Webのしくみのカテゴリーで扱う記事を、頼む側と応える側、データのやりとり、名前とアドレス、サーバーを狙う攻撃の4つに分けて紹介します。

続きを読む
ほか7件の記事読む順

頼む側と応える側

ブラウザーやアプリがサーバーに頼み、サーバーが結果を返す、Webの基本の形です。

Webのしくみ

クライアントサーバーシステムとは?ブラウザーとサーバーが役割を分けて動く仕組み

Webサイトやアプリの裏側にあるクライアントサーバーシステムについて、頼む側と応える側の役割、リクエストとレスポンスのやりとり、サーバーの中でプログラムが動く仕組み、安全面で気をつけることを解説します。

2026年10月22日 所要9分
Webのしくみ

クライアントサイド言語とは?ブラウザーの中で動くプログラム

利用者の手元のブラウザーで動くプログラムの言語、クライアントサイド言語について、コードが届いて動くまでの流れ、得意な仕事、ブラウザーの中で守られている範囲を解説します。

2026年10月22日 所要6分
Webのしくみ

サーバーサイド言語とは?サーバーの中で動くプログラム

サーバーの機械の中で動くプログラムの言語、サーバーサイド言語について、ブラウザーに結果だけが届く仕組み、得意な仕事、クライアントサイド言語との違いを解説します。

2026年10月22日 所要9分

データのやりとり

ソフトウェアどうしが機能を使い合う窓口と、そのときのデータの書き方です。

Webのしくみ

APIとは?ソフトウェアどうしが機能を使い合う窓口

アプリやWebサービスが、ほかのソフトウェアの機能を使うための窓口であるAPIについて、身近な例、Web APIの流れ、APIキーの扱いを解説します。

2026年10月6日 所要7分
Webのしくみ

JSONとJSON-RPCとは?データの書き方と、機能を呼び出す決まり

Webでよく使われるデータの書き方JSONと、JSONで相手の機能を呼び出す決まりJSON-RPCについて、書き方の例と、MCPでの使われ方を解説します。

2026年10月6日 所要8分

名前とアドレス

Webサイトの住所であるドメイン名と、それを数字のアドレスに変える仕組みです。

Webのしくみ

ドメイン名とは?Webサイトの住所と、似せた偽物の見分け方

example.comのようなWebサイトの住所であるドメイン名について、右から読む階層の構造、DNSでIPアドレスに変わる仕組み、似せたドメイン名に気をつける理由を解説します。

2026年10月6日 所要8分

サーバーを狙う攻撃

サーバーで動くプログラムの弱点を突いて、攻撃者の命令を動かす攻撃と、その備えです。

Webのしくみ

遠隔コード実行(RCE)とは?他人のサーバーでプログラムを動かされる脆弱性

遠隔コード実行(RCE)について、何が起きる脆弱性なのか、なぜ最も重く扱われるのか、どんな弱点から起こるのか、被害を小さくするには何をすればよいのかを解説します。

2026年10月24日 所要12分

UIパターン

読み込み、結果の通知、補助画面、入力候補、指での操作。アプリでよく使うUIパターンを、1つずつ図と公式の実例で紹介します。最初の6記事では、表示する条件と操作後の変化が分かる構成です。

はじめに

UIパターンの全体像と、記事を読む順

UIパターンのカテゴリーで扱う記事の案内です。読み込みや結果の通知などの操作と、サイトを見分けるアイコンを紹介します。

続きを読む
ほか7件の記事読む順

読み込みと更新

データを待つ間の表示と、利用者が最新の内容を取り直す操作です。

UIパターン

Pull to Refreshとは?一覧を引いて更新するUIパターン

Pull to Refreshは一覧の先頭を下へ引いて最新のデータを取得する操作です。更新中と失敗時の表示、画面上の更新手段まで説明します。

2026年10月19日 所要6分
UIパターン

Skeleton Screenとは?読み込み中に画面の形を見せる方法

Skeleton Screenは内容を待つ間に見出しやカードの配置を示す表示です。実際の内容への切り替えと失敗時の扱いを、画面例で説明します。

2026年10月19日 所要6分

結果を伝える

操作が終わったことを短く知らせる表示です。

UIパターン

Toastとは?操作の結果を短く知らせるUIパターン

Toastは保存などの結果を短時間知らせる表示です。消える条件、取り消し操作、読み上げと画面内の状態を整理します。

2026年10月19日 所要6分

補助画面と入力

主画面の上に開く領域と、入力中に示す候補です。

UIパターン

Bottom Sheetとは?画面の下から補助操作を開く方法

Bottom Sheetは元の画面と関係する情報や操作を下端から開く領域です。開閉、内容の長さ、閉じた後の状態を画面例で考えます。

2026年10月19日 所要6分
UIパターン

Autocompleteとは?入力中に候補を示すUIパターン

Autocompleteは入力した文字に合わせて候補を示す仕組みです。候補からの選択と自由入力、キーボード操作を画面例で説明します。

2026年10月19日 所要6分

項目を操作する

一覧の一件を指で動かして使う操作です。

UIパターン

Swipe Actionとは?一覧の一件を横へ動かして操作する方法

Swipe Actionは一覧の一件を横へ動かして、その項目への操作を見せる形です。方向、削除の確認、代替操作を説明します。

2026年10月19日 所要6分

サイトを見分ける

タブなどに表示する小さなアイコンで、サイトを見分けるための工夫です。

UIパターン

Favicon(ファビコン)とは?サイトを見分ける小さなアイコン

ファビコンは、ブラウザーのタブなどでサイトを見分ける小さなアイコンです。画面例と公式の実例から、小さな表示での役割やロゴとの関係を解説します。

2026年10月29日 所要5分

Gitのしくみ

リポジトリ、コミット、プッシュ、ブランチなど、Gitでファイルの変更を記録し、ほかの人と共有するときに出てくる言葉です。GitHubを使う前や、AIにコミットを任せる前に読むと、何が起きているかが分かります。

はじめに

Gitのしくみの全体像と、記事を読む順

Gitのしくみのカテゴリーで扱う記事を、変更を記録する、変更を共有するの2つに分けて紹介します。

続きを読む
ほか4件の記事読む順

変更を記録する

ファイルの変更の履歴をためる保管場所と、その1回分の記録です。

Gitのしくみ

リポジトリとは?ローカルとリモートで変更の履歴を持つ仕組み

Gitで変更の履歴をためる保管場所であるリポジトリについて、手元のローカルリポジトリと共有のリモートリポジトリの違い、クローンで何が写されるかを解説します。

2026年10月7日 所要7分
Gitのしくみ

コミットとは?ファイルの変更を履歴に記録する仕組み

Gitでファイルの変更を履歴に記録するコミットについて、作業フォルダー・ステージ・リポジトリの3つの場所、コミットが持つ情報、よいコミットの単位を解説します。

2026年10月7日 所要7分

変更を共有する

手元の記録をほかの人と受け渡す方法と、作業を枝分かれさせて合わせる方法です。

Gitのしくみ

プッシュとプルとは?ローカルとリモートのリポジトリをそろえる仕組み

Gitで手元のコミットをリモートへ送るプッシュと、リモートの変更を受け取るプル・フェッチについて、それぞれの違い、プッシュが断られる理由、強制的なプッシュの危険を解説します。

2026年10月7日 所要8分
Gitのしくみ

ブランチとは?作業を枝分かれさせて、あとで合わせる仕組み

Gitで作業を枝分かれさせるブランチについて、コミットを指す目印という正体、マージの2つの形、コンフリクト、プルリクエストとの関係を解説します。

2026年10月7日 所要8分