おそらく事案ではない方のJSに手を出す。
はい、おはようございます。僕です。本日もブログを更新しました。ブログを更新できたと言うことはまだ僕は社会に許されていると言うことです。いつまでこのような人生が続くのでしょうか、それは誰にもわかりません。
はい、ということで前回に引き続きこれやっていきます。
今回なんですけど、プロジェクトがないんですよ……。なので中の内容を適当にかいつまんで話していこうと思います。内容自体はDOMいじりです。
DOMについて知りたければ、この辺りとか読めばいいんじゃねとか個人的に思ってる。
ドキュメントオブジェクトモデル (DOM) - Web API | MDN
このブログでも過去にDOMについて話してたと思っていたんだけどBOMの方だったわｗ
隙あらばBOM語り - コミュ障だから明日が僕らをよんだって返事もろくにしなかった
まあ、そのうちくだらない茶番ネタ思いついたらDOMについてもちゃんと語ります。なのでDOM周りの話とかは飛ばしていきます。
JSに触った（not 事案）
DOM操作してこういった感じのやつが作れるようになります。ネコにひげつけるツールなどを……。
元の方のエディタではアロー関数使ったりすると怒られます。情報古いのよね……。
てな感じでDOMいじる話がメインです。ところどころクイズあったりしますが、まあそれだけです。
おわり
ということで語ることがなくなってしまった。
最後にJSライブラリとかの紹介あったんでそれの紹介して終わりたいと思います。はじめに、ベースが2012年ぐらいのデータなんでナウなヤングにバカ受けなトレンドとかは考慮していないので注意な。
ライブラリ
CSSフレームワーク
- Bootstrap · The most popular HTML, CSS, and JS library in the world.
- The most advanced responsive front-end framework in the world. | Foundation
- Pure
- Topcoat
- Skeleton: Responsive CSS Boilerplate
JSライブラリ
- jQuery
- Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
- MooTools
- GitHub - julienw/dollardom: A 5k Javascript library for selecting, styling, traversing and animating DOM elements. · GitHub
- GitHub - soyjavi/QuoJS: Micro #JavaScript Library for Mobile Devices · GitHub
JSフレームワーク
- React
- https://facebook.github.io/flux/
- Backbone.js
- AngularJS — Superheroic JavaScript MVW Framework
- Ember.js - A framework for ambitious web developers
ミニライブラリ
- GitHub - kbjr/Events.js: A JavaScript micro-framework for events · GitHub
- Google Code Archive - Long-term storage for Google Code Project Hosting.
- GitHub - ded/morpheus: A Brilliant Animator · GitHub
- GitHub - alpha123/Viper: The one animation engine to rule them all. · GitHub
- Spine JS
- Knockout : Home
- Handlebars
- {{ mustache }}
- GitHub - mtrpcic/pathjs: Simple, lightweight routing for web browsers · GitHub
- GitHub - ded/klass: a utility for creating expressive classes in JavaScript · GitHub
- http://processingjs.org/
- D3 by Observable | The JavaScript library for bespoke data visualization
- Three.js – JavaScript 3D Library
- Paper.js
- JavaScript charting library for web apps, dashboards, grids, React and more | Highcharts | Highcharts
- Moment.js | Home
こんなんがあるそうです。一部知らなかったのあるんで気が向いたら触るかもしれないってのと前々からいじろうかなとか思ってのが混在しているんで今後ブログネタにとりあげるかもしれないしとりあげないかもしれないです。
おわり
