コーディング・CMS関連

プログラムの内容を人が読める形で書いたものです。

HTML、CSS、JavaScript、PHPなどで構成されます。

アプリやWebサイトの動作元になります。

Webページに動きや処理を加えるプログラミング言語です。

フォーム制御、表示切替、API連携などで使われます。

ブラウザ上で動作する代表的な言語です。

データをテキストで表す形式です。

APIのリクエストやレスポンスでよく使われます。

キーと値の組み合わせで情報を表します。

Comma-Separated Valuesの略で、値をカンマ区切りで並べるファイル形式です。

表データの取り込み、書き出し、移行でよく使われます。

Excel、スプレッドシート、業務システム間のデータ受け渡しに使います。

Webページの構造を書くための言語です。

見出し、段落、リンク、画像などを定義します。

ブラウザがページを表示する基礎になります。

HTMLで要素の種類や意味を表す記述です。

見出し、段落、リンク、画像、meta情報などを指定します。

検索エンジンやブラウザがページ構造を理解する手がかりになります。

Webページの見た目を指定する言語です。

色、余白、文字サイズ、レイアウトなどを設定します。

HTMLと組み合わせて使います。

Webサーバー側で動くプログラミング言語です。

WordPressでも使われています。

動的なページ生成やフォーム処理で利用されます。

ファイルの変更履歴を管理する仕組みです。

誰がいつ何を変更したかを記録できます。

開発やWebサイト制作のバージョン管理で使います。

Integrated Development Environmentの略です。

コード編集、補完、実行、デバッグなどをまとめて行う開発環境です。

Visual Studio Codeなどが代表例です。

Gitで管理するファイル一式の保管場所です。

ソースコードや履歴をまとめて扱います。

GitHubなどに置いて共有できます。

コンピュータ内でファイルの場所を示す文字列です。

フォルダ階層をたどって目的のファイルを指定します。

相対パスと絶対パスがあります。

current working directoryの略です。

コマンドや開発ツールが現在作業しているフォルダを指します。

相対パスの基準になるため、作業場所の確認で重要です。

Markdown形式で書かれたテキストファイルです。

拡張子は .md がよく使われます。

README、記事下書き、仕様メモ、ドキュメントで使われます。

テキストから図やフローチャートを生成できる記法・ツールです。

Markdown内に書いて、工程図、構成図、シーケンス図などを表現できます。

設計や説明資料をコードのように管理しやすくなります。

ファイル名の末尾に付く種類を示す文字列です。

.html、.css、.jpgなどが例です。

ファイル形式の判別に使われます。

文字をコンピュータで扱うための対応ルールです。

UTF-8やShift_JISなどがあります。

文字化けの原因にも関係します。

ソフトウェア同士をつなぐための窓口です。

決められた形式で要求と応答をやり取りします。

外部サービス連携で使われます。

APIを使って複数のサービスやシステムを接続することです。

データ取得、登録、通知などを自動化できます。

システム間連携の基本的な方法です。

JSON形式で構造化データを記述する方法です。

検索エンジンにページの意味や関係を伝えるために使います。

パンくずリスト、記事情報、組織情報などを表現できます。

パンくずリストを構造化データで表すSchema.orgの型です。

ページ階層や現在地を検索エンジンに伝えるために使います。

JSON-LD形式でHTML内に記述されることが多いです。

ページの言語や地域違いを検索エンジンに伝えるHTML属性です。

日本語版と英語版など、対応する多言語ページを示します。

多言語サイトのSEO設定で使われます。

Content Management Systemの略です。

専門知識が少なくてもWebサイトの内容を管理できる仕組みです。

記事作成、画像管理、ページ更新などに使われます。

代表的なCMSの一つです。

記事投稿やテーマ、プラグインでサイトを構築できます。

運用には更新、保守、セキュリティ管理が伴います。

ソースコードが公開されているソフトウェアです。

利用、改良、再配布ができるものがあります。

ライセンス条件に従って使います。

管理画面と表示部分を分離したCMSです。

コンテンツをAPIで配信します。

Webサイト、アプリ、複数媒体への展開に使われます。

日本語で使いやすいヘッドレスCMSの一つです。

API経由でコンテンツを取得して表示します。

静的サイトやJamstack構成で使われます。

ソフトウェアに機能を追加する拡張部品です。

CMSやブラウザ、制作ツールで使われます。

追加機能と保守管理をセットで考える対象です。

製品やサービスの開発元ではない第三者の事業者です。

外部製プラグインや連携サービスを指すことがあります。

互換性やサポート範囲の確認が必要になります。

HTMLの過去の仕様の一つです。

現在のWeb制作ではHTML5系が主に使われます。

古いサイトや資料で見かけることがあります。

現在のWeb標準の基礎となるHTML仕様です。

動画、音声、意味付けタグなどが扱いやすくなりました。

現代的なWebページ制作で使われます。

過去のデータやファイルを保存してまとめたものです。

記事一覧、圧縮ファイル、履歴保管の意味で使われます。

後から参照するための保管領域です。

ファイルや記事の変更履歴の一つです。

過去の状態に戻したり差分を確認したりできます。

CMSやバージョン管理で使われます。

世界中の文字を扱える文字コードです。

現代のWebサイトで広く使われています。

日本語の文字化け対策でも基本になります。

日本語環境で使われてきた文字コードです。

古いシステムやCSVで見かけることがあります。

UTF-8との変換時に文字化けが起きる場合があります。

世界中の文字を統一的に扱うための文字集合です。

UTF-8はUnicodeを表現する方式の一つです。

多言語対応で使われる基本概念です。

別の環境や製品でも同じように使える性質です。

ブラウザ、OS、CMS、プラグインなどで確認されます。

更新や移行時の問題に関係します。

情報を整理して記録した文書です。

仕様書、手順書、議事録、設計メモ、READMEなどが含まれます。

実務では後から判断や作業を再現するための材料になります。

Portable Document Formatの略です。

表示環境が変わってもレイアウトを保ちやすい文書形式です。

契約書、資料、申請書、配布資料などでよく使われます。

複数のファイルをまとめて圧縮するファイル形式です。

送付、保管、ダウンロード配布で使われます。

解凍後の中身やウイルスチェックにも注意が必要です。