遊戯苑 -Yugien-

This is a site created by an amateur programmer as a memo.

Web Programming

Webプログラミングとは?
ウェブサイトやウェブアプリケーションを構築するためのコードを記述し、ユーザーとインターネット上でインタラクティブに情報をやり取りできる仕組みを作ることを指す。

文書構造/マークアップ

HTML
MathML (数学表記のマークアップ)
Markdown, XML, 他のマークアップ言語

ポイント : Webページの「骨組み」を作る工程。MathML を使うことで数式を正しく表現し、STEM 分野のコンテンツに適した表記が可能になる。

プレゼンテーション/スタイリング

CSS

ポイント : Webページのデザインとレイアウトを担う。「見た目」を統一し、ユーザビリティやブランドイメージを高める。

フロントエンド・ロジック/動的処理

JavaScript (TypeScript などの AltJS 含む)
フレームワーク/ライブラリ (React, Vue, Angular など)
ブラウザAPI

ポイント : フロントエンド側(ブラウザ内)で「動きをつける」「ユーザーが入力したデータを扱う」など、実行時の変化を担当する。

グラフィックス/可視化

SVG (ベクター画像)
Canvas (ピクセルベース)
WebGL (3D描画)
D3.js などの可視化ライブラリ

ポイント : 静止画や動的なアニメーション、インタラクティブなグラフなど、視覚表現を強化する領域。

ビルド/ツールチェーン

Webpack, Babel, Vite など

ポイント : 開発を効率化し、最終的に本番公開しやすい形へまとめる裏方的ツール。

サーバーサイド/バックエンド

Node.js, PHP, Python, Ruby など
サーバーサイドフレームワーク (例: Express, Django, Rails, Laravel など)
データベース連携 (SQL, NoSQL など)

ポイント : データの保存やビジネスロジックなど、裏側でアプリの根幹を支える機能。

API

API (Application Programming Interface) とは?
ソフトウェア同士が特定の機能やデータをやり取りする際に用いられる、あらかじめ定義された通信手段と規則のことです。
サーバーサイドAPI
外部サービスAPI

ポイント : Webサービス同士を連携させる「橋渡し」。バックエンドが提供するAPIや外部サービスのAPIなど、フロントエンドから利用するケースも多い。

バージョン管理/ソースコード管理

Git
その他のバージョン管理ツール (Subversion, Mercurial など)

ポイント : 変更履歴を管理しながら、チームでの衝突やミスを防止し、生産性を高めるための仕組み。


Text Editor Survey
What text editor are you using?
お使いのテキストエディタを教えてください。
Tools
Useful websites and apps
便利なサイトやアプリなど
W3C Markup Validation Service link icon
This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.

Excel
VBA
VBAは Excelの操作を自動化するマクロ機能で使われているプログラミング言語で「Visual Basic for Applications」の略になります。