LogoMark.png

WebDesign の変更点


#author("2020-03-07T23:42:00+09:00","default:inoue.ko","inoue.ko")
*WEB DESIGN
~


***BASICS
-[[WebDesign/Introduction]]
-[[WebDesign/History]]

-[[WebDesign/Basics]]
--[[WebDesign/BasicOperations]]
--[[WebDesign/BasicFAQ]]
-[[WebDesign/Color]]
-[[WebDesign/Images]]

-[[WebDesign/Workflow]]
-[[WebDesign/ProblemFinding]]

-[[WebDesign/Links]]
~

***Topics
-[[WebAccessibility]]
-[[ResponsiveDesign]]
-[[NavigationDesign]] &small(ナビゲーションUIサンプル);
-[[SinglePage]]
-[[WebFonts]]
~

***Developer Tools
-[[Browser]]
//--[[Google:Chrome Developer Tools]]
//--[[Google:Firefox developer tools]]
//--[[Google:Safari developer tools]]

-[[TextEditor]] &small(シンプルなツールだけど、こだわった方がいい・・・);
--[[Atom]] &small(オープンソースの高機能テキストエディタ);
--[[Vim]] &small(CUIベースの定番テキストエディタ);
-[[IDE]] &small(Integrated Development Environment:統合開発環境);

-[[Git]] &small(バージョン管理 / 共同開発);
--[[Git/Memo]]
-[[GitHubPages]]

-[[FTP Client>FTP]] &small(ファイルのアップロード);

-[[LocalServer>WebServer]] &small(自前でサーバー環境を作る);
~

***HTML
-[[HTML]]
-[[HTML/Tags]]
-[[HTML/Sample]]
-[[HTML/Tips]] ← &small(HTMLよくある質問);
~

***CSS
-[[CSS]] ← 入門記事
-[[CSS/Selector]] ← 重要
-[[CSS/MediaQueries]]
-[[CSS/CodingRule]]
-[[CSS/Sample]]
-[[CSS/Tips]] ← &small(CSSよくある質問);

-[[CSS/BoxModel]]
-[[CSS/Float]] 
-[[CSS/Flexbox]] ← 重要
-[[CSS/GridLayout]]
-[[CSS/Position]] ← 重要

-[[CSS/Animation]] &small(Transition, Animation の基礎);
--[[CSS/SlideMenu]] &small(CSS Animationで メニューのトグル表示);

-[[CSS/Framework]]

-[[CSS/Links]]
~

***JavaScript
-[[JavaScript]] &small(← 入門記事);
-[[JavaScript/BOM]] &small(Browser Object Modelについて);
-[[JavaScript/DOM]] &small(Document Object Modelについて);
-[[JavaScript/Event]] &small(DOMイベントについて);
-[[JavaScript/Syntax]] &small(文法の概説:ある程度体験してから読むことをお勧めします。);
-[[JavaScript/Function]] &small(小さな関数のコレクション 書きかけ);

-[[JavaScript/Sample]] &small(簡単な事例体験);
--[[JavaScript/Canvas]] &small(canvasへの描画とアニメーション);
--[[JavaScript/CanvasPaint]] &small(canvasへのインタラクティブな描画);
--[[JavaScript/Audio]] &small(Audioの制御);
--[[JavaScript/Video]] &small(Videoの制御、転送等);
--[[JavaScript/Timer]] &small(簡易ストップウォッチ);
-[[JavaScript/Tips]] &small(質問への回答);

-[[JavaScript/Framework]]

-[[Vue.js]] &small(Single-page Application);

-[[JavaScript/Links]] &small(各種ライブラリなどの情報);

~

***JavaScript Library
-[[jQuery]] &small(← 入門記事);
-[[jQuery/Selector]]
-[[jQuery/Method]]

-[[jQuery/Sample]]
--[[jQuery/SmoothScroll]]
--[[jQuery/ModalWindow]]
--[[jQuery/Slider]]
--[[jQuery/Parallax]]
--[[jQuery/Masonry]]
--[[jQuery/OKZoom]]
--[[jQuery/Tubular]]
--[[jQuery/UI_Draggable]]
--[[jQuery/WebGL_Ripples]]

-[[TensorFlow.js]] &small(MLのモデル構築、学習済みモデルの実行);

-[[p5.js]] &small(デザイン/アートのための言語 ProcessingのJavaScript版);

~

***JavaScript API
-[[WebAudio]]
-[[WebGL]]
-[[WebRTC]]
-[[WebVR]]
-[[MobileApp]]
-[[Geolocation]] &small(位置情報の取得);
//-[[GoogleMapsAPI]] &small(Google Map の活用);
~

***PHP
-[[PHP]]
-[[PHP/Sample01]]
-[[PHP/Sample02]]
~

***Node.js
-[[Node.js]] &small(JS開発環境);
-[[Node.js/Sample]]
-[[Node.js/npm]] &small(Node Package Manager);
-[[Node.js/TemplateEngine]]
-[[Node.js/Framework]]
~

***CMS
-[[CMS]]
-[[WordPress]] &size(12){[[OpenSource]]のブログ / その概要とインストール};
--[[WordPress/Basics]] &size(12){基本操作について};
--[[WordPress/Customize]]
--[[WordPress/ChildTheme]]
--[[WordPress/Plugins]]
--[[WordPress/Backup]]
--[[WordPress/Memo]]
--[[WordPress/Account]] &size(12){WordPress.com でのアカウント取得手順};
-[[PukiWiki]] &size(12){[[OpenSource]]のWiki / その概要とインストール};
--[[PukiWiki/Customize]]
--[[PukiWiki/Plugins]]
--[[PukiWiki/RegularExpression]]
--[[PukiWiki/Memo]]
-[[MediaWiki]] &size(12){[[OpenSource]]のWiki / その概要とインストール};
--[[MediaWiki/Customize]]
--[[MediaWiki/Backup]]
--[[MediaWiki/EditGuide]]
--[[MediaWiki/Management]]

-[[Wiki]]
-[[Wikipedia]]
~

***Network
-[[Network]]
-[[HTTP]]
-[[FTP]]
-[[NTP]]
~

***Server
-[[WebServer]]
-[[RentalServer]]
-[[Server]] &small(サーバー構築メモ);

-[[FilePermission]]
-[[BasicAuthentication]]
~

***Database
-[[Database]]
~

***Command
-[[Terminal]]
-[[SSH]]
~


***Etc.

-[[301Redirect]]

-[[CDN]] &small(Content Delivery Network);

-[[Cryptography]]

-[[AutoDemo]] &small(Webサイト展示 自動デモ用 JavaScript);

-[[JSON]] &small(JavaScript Object Notation);

-[[MaterialDesign]]

-[[PatchFile]]

-[[Sass(SCSS)]]

-[[SEO]] &small(Search Engine Optimization);

-[[SinglePageApplication]]

-[[SNS]]
--[[SocialButton]]

-[[SVG]] &small(Scalable Vector Graphics);

-[[WebApplication]]

-[[WebAssembly]]

-[[WebScraping]] &small(Webサイトから情報を抽出する技術:Python);

~
~