#author("2023-11-14T15:21:04+09:00;2021-12-02T12:48:53+09:00","default:inoue.ko","inoue.ko") #author("2024-11-19T13:37:52+09:00;2023-11-14T15:21:04+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 -[[NavigationDesign]] &small(ナビゲーションUIサンプル); -[[ResponsiveDesign]] -[[SinglePage]] -[[SVG]] &small(Scalable Vector Graphics); -[[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(ファイルのアップロード); ~ ***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/Asynchronous]] &small(非同期処理について); -[[JavaScript/Sample]] &small(簡単な事例体験); -[[JavaScript/Sample2]] &small(インタラクティブな事例体験); -[[JavaScript/Calendar]] &small(万年カレンダーサンプル); -[[JavaScript/ImageSwitcher]] &small(画像の切り替えサンプル); -[[JavaScript/Audio]] &small(Audioの制御); -[[JavaScript/Video]] &small(Videoの制御、転送等); -[[JavaScript/Timer]] &small(簡易ストップウォッチ); -[[JavaScript/Tips]] &small(よくある質問への回答); -[[JavaScript/Framework]] --[[React.js]] --[[Vue.js]] // &small(Single-page Application); -[[JavaScript/Links]] &small(各種ライブラリなどの情報); ~ ***JavaScript API -[[WebAudio]] -[[Canvas]] -[[FileAPI]] -[[WebGL]] -[[WebRTC]] -[[WebVR]] -[[Geolocation]] &small(位置情報の取得); //-[[GoogleMapsAPI]] &small(Google Map の活用); -[[XMLHttpRequest]] ~ ***JavaScript Library -[[jQuery]] &small(← 入門記事); -[[jQuery/Selector]] -[[jQuery/Method]] -[[jQuery/Sample]] --[[jQuery/ImageSwitcher]] &small(jQueryを用いた画像の切り替えサンプル); --[[jQuery/DressUp]] --[[jQuery/FlipBook]] --[[jQuery/Masonry]] --[[jQuery/ModalWindow]] --[[jQuery/OKZoom]] --[[jQuery/Parallax]] --[[jQuery/Slider]] --[[jQuery/SmoothScroll]] --[[jQuery/Tubular]] --[[jQuery/UI_Draggable]] --[[jQuery/WebGL_Ripples]] -[[p5.js]] &small(アーティスト/クリエイターのための言語 ProcessingのJavaScript版); --[[p5.js/Sample]] -[[ml5.js]] &small(アーティスト/クリエイターのための機械学習ライブラリ); -[[TensorFlow.js]] &small(MLのモデル構築、学習済みモデルの実行); -[[MathJax]] -[[Leaflet]] &small(オープンソースの地図描画ライブラリ); ~ ***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/RentalServer]] --[[WordPress/LocalServer]] --[[WordPress/Basics]] &size(12){基本操作について}; --[[WordPress/Customize]] --[[WordPress/ChildTheme]] --[[WordPress/Plugins]] --[[WordPress/Backup]] --[[WordPress/Memo]] --[[WordPress/Account]] &size(12){WordPress.com でのアカウント取得手順}; -[[Grav]] &size(12){[[OpenSource]]の Flat-File CMS / その概要とインストール}; -[[PukiWiki]] &size(12){[[OpenSource]]の Flat-File Wiki / その概要とインストール}; --[[PukiWiki/Customize]] --[[PukiWiki/Plugins]] --[[PukiWiki/RegularExpression]] --[[PukiWiki/Memo]] -[[MediaWiki]] &size(12){[[OpenSource]]のWiki / その概要とインストール}; --[[MediaWiki/Customize]] --[[MediaWiki/Backup]] --[[MediaWiki/EditGuide]] --[[MediaWiki/Management]] -[[Moodle]] &size(12){[[OpenSource]]のLMS / その概要とインストール}; -[[Wiki]] -[[Wikipedia]] -[[Markdown]] ~ ***Network -[[Network]] -[[HTTP]] -[[FTP]] -[[NTP]] ~ ***Server -[[RentalServer]] &small(レンタルサーバーについて); --[[RentalServer/Account]] &size(12){X-Free Server の事例}; --[[RentalServer/Account2]] &size(12){StarFreeServer の事例}; --[[RentalServer/StarServerFree]] &size(12){StarFreeServer の事例}; //--[[RentalServer/X-Free]] &size(12){X-Free Server }; -[[LocalServer]] &small(自分のPCにサーバー環境を作る); -[[Server]] &small(サーバー構築メモ); -[[FilePermission]] -[[BasicAuthentication]] ~ ***Database -[[Database]] --[[Database/MySQL]] ~ ***Command -[[Terminal]] -[[SSH]] ~ ***Etc. -[[301Redirect]] -[[AutoDemo]] &small(Webサイト展示 自動デモ用 JavaScript); -[[CDN]] &small(Content Delivery Network); -[[Cryptography]] -[[JSON]] &small(JavaScript Object Notation); -[[MaterialDesign]] -[[PatchFile]] -[[Sass(SCSS)]] -[[SEO]] &small(Search Engine Optimization); -[[SinglePageApplication]] -[[SNS]] --[[SocialButton]] -[[WebAccessibility]] -[[WebApplication]] -[[WebAssembly]] -[[WebScraping]] &small(Webサイトから情報を抽出する技術：Python); ~ ~