[B! 使い方] sayanakaのブックマーク

DevToolsのTimelineパネルを見ながら、レンダリングの仕組みを理解する - Qiita

CYBIRDエンジニア Advent Calendar 2015 23日目を担当する@cy-mitsukiです。昨日は@cy-yuto-kurosawaさんのサーベルが振りたかったでした。私も先週から寝込んでいたのでLightsaber Escapeを知らなかったんですけど、なにこれすごい！ Webの技術はどんどん進化していってますねー。@cy-yuto-kurosawaさんの続報に期待します！はじめにブラウザのレンダリングの仕組みについてはHTML5 Rocksで詳細な解説がされています。とても丁寧に書かれているのですが、ちゃんと理解できている自信がないです。。そこで、DevToolsのTimelineパネルを見ながら、実際にどのような処理が行われているのか確認していきます。この確認手法を知っておくと、Webパフォーマンスの改善にも役立てることができますよ！なお本記事では

sayanaka 2017/07/04

リンク

Angular2の使い方 - Qiita

記事の内容をrc.4に対応しました動作サンプルについてはまだBeta版のままなのでご了承ください (2016/08/04) Angular2(rc.4)の使い方について簡潔にまとめてみました細かい部分は省くので、公式サイトやQiita内に素晴らしい記事があるのでそちらを参考にしてくださいインストール npm install @angular/common@2.0.0-rc.4 @angular/compiler@2.0.0-rc.4 @angular/core@2.0.0-rc.4 @angular/platform-browser@2.0.0-rc.4 @angular/platform-browser-dynamic@2.0.0-rc.4

sayanaka 2017/02/14

リンク

Bootstrapのグリッドシステムの使い方を初心者に向けておさらいする

実は、bootstrapの知識だけでは足りません（涙）本気でweb制作を仕事にしたいなら、現場で通用する実践的なスキルを「短期集中」で身につけましょう。【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。続きはこちら Bootstrap、使ってますか？便利ですよね。その便利さを物語るように、本当にいろいろなサイトで利用されてます。ネットで配布されてるWordPressのテーマやHTMLテンプレートのベースに使われていることも多いです。気づいてないうちに使ってしまっているひとも、たくさんいることでしょう。今回は、便利なのだけど、使いこなすには少し理解が難しい「bootstrapのグリッドシステム」について解説します。bootstrapでレスポンシブデザインを作るとき、欠かせないテクニックです。グリッドシステムは、頭で理解しようとせず、目で見て

sayanaka 2016/12/02

リンク

今すぐ使えるRactive.js入門 - Qiita

Ractive.jsとは http://www.ractivejs.org/ データバインドに特化したjsライブラリです。状態監視にVirtualDomの概念を用いているため、挙動が軽く高速です。実装をテンプレートと、それを監視するRactiveモデルに分離することで、デザインとロジックの分離を実現できます。モデル設定の記述が直感的かつシンプルで、初見の開発者でも何となく実装を理解できることが強みです。またテンプレートに必要最低限のロジックを備えているため、複雑なオブジェクトの展開も難なく行うことが出来ます。 Vue.jsほど対応ブラウザに偏りがなく、Angular.jsほど巨大ではない、データバインドを手軽に取り入れたい際に非常に便利なライブラリです。 Knockout.jsとは立ち位置が似ているので、記法が好みな方を選べばいいのではないかと個人的には思っています。対応ブラウ

sayanaka 2016/02/09

リンク

毎日1つコードを書くだけ！プログラミング学習の支援ツール「Code Half」が気になる | Techable(テッカブル)

今年こそ、プログラミングをモノにしたい！ITトレンドに敏感な読者の中には、そんな決意を秘めた人も多くいるだろう。そうは言っても、多忙な皆さんのこと。勉強時間を確保するのは、なかなか難しいのではないだろうか。今回ご紹介するのは、忙しい人でもストレスなくコードを記録できるお手軽サイト。プログラミング学習者のための支援ツール、「Code Half」だ。・単語帳感覚でコードを記入内容は、実にシンプル。1日ごとに憶えておきたいコードを、指定の日付欄に記入していくだけ。ここでコーディングを教えてくれるとか、問題が出るとかそういうことではない。その役割はあくまで、毎日の学習習慣を維持するところにある。使い方も簡単。Eメール、Twitter、GitHubのいずれかで登録すれば、すぐに利用できる。ログインすると即、カレンダーが表示されるので、今日の日付に記憶したいコードを書き込んでいけばいい。努