遊戯苑 -Yugien-

A memorandum written by an amateur programmer.

Web Programming

HTML

タグ一覧
最低限必要なHTML: エラーとならないために最低限必要な HTMLタグです。
SVG: SVGは Scalable Vector Graphics の略で、二次元グラフィックスを XMLで記述するための言語（テキストファイル）であり、ベクター形式の画像フォーマットでもあります。
MathML: HTMLタグを使用して数式をマークアップする手段を提供します。

CSS

Font Awesome

JavaScript

Three.js [Official site]

API

Canvas API
Console API: ブラウザの Console（コンソール）画面に情報を表示させる。
Geolocation API
Web Storage

PHP

DraftCode: Using DraftCode you can develop and run PHP (as well as HTML, CSS and JavaScript) on your iPad or iPhone without requiring an internet connection.

Visual Studio Code

Windows、Linux、macOS用のソースコードエディタです。

IT terminology - IT用語

Text editor

creation

Survey [アンケート]

Text Editor Survey: What text editor are you using?
お使いのテキストエディタを教えてください。

Tools

W3C Markup Validation Service: This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.
Validator.nu (X)HTML5 Validator: This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change
CSS Validation Service
PageSpeed Insights
HTML 5 Outliner
Google Search Console
The AMP Validator: AMPページの検証用のバリデーターサイトです。
Can I use: "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.; 「Can I use」は、HTML、CSSのブラウザ対応状況を確認できる便利なサービスです。
Prism: Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.; Prismは軽量で拡張性の高いシンタックス・ハイライターです。
MingCute Icon: MingCute is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile.; MingCuteは、シンプルで絶妙なオープンソースのアイコンライブラリのセットです。デザイナーでも開発者でも、ウェブやモバイルで使うのに最適です。
ScreenToGif: Screen, webcam and sketchboard recorder with an integrated editor.; 「ScreenToGif」は、パソコンの画面を撮影してアニメーションGIFとして保存できる無料のツールです。
Vectr: Vectr is a free online vector graphics editor that provides a simple and intuitive UI, supports SVG format, and offers real-time collaboration.; Vectrは無料のオンラインベクターグラフィックスエディタで、シンプルで直感的なUI、SVG形式のサポート、リアルタイム共同作業を提供します。

Excel

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

ググるのはデベロッパーにとって最も重要なスキルの1つ、知っておくと便利なGoogle検索のテクニック

完全一致: "what is javascript"
AND 検索: html AND css
OR 検索: (javascript OR python) free course; (javascript | python) free course
除外検索: javascript -css
曖昧（ワイルドカード）検索: "how to start * in 6 months"
単一サイト内検索: site:wot.exp.jp フォント
単一ドメイン内検索: site:co.jp フォント
ファイルタイプ検索: filetype:pdf learn css; ext:pdf learn css
数字範囲内検索: ecmascript 2016..2018

Shortcut

便利なショートカット

Win + Shift + S: 画面領域切り取り（Windows10〜）
Win + +: 拡大鏡を起動する。; 拡大鏡を使うとマウスポインタをキャプチャできる。（Win7）

主なショートカット

Ctrl + F (cmd + F): 検索。（Find、見つける、検索をコントロールすると覚える）
Ctrl + N (cmd + N): 新規作成。（New、新しく、をコントロールすると覚える）
Ctrl + S (cmd + S): 上書き保存。（Save、保存をコントロールすると覚える）
Ctrl + P (cmd + P): 印刷ウィンドウを開く。（Print、印刷をコントロールすると覚える）

遊戯苑 -Yugien-

Shortcut

便利なショートカット

主なショートカット

Links