[B! slideshare][frontend] donnie28064212のブックマーク

donnie28064212 id:donnie28064212

slideshareとfrontendに関するdonnie28064212のブックマーク (8)

イマドキのコーダー環境構築2016
CSS Nite LP47 Coder's High 2016 http://cssnite.jp/lp/lp47 「イマドキのコーダー環境構築」で発表したスライドです。 ※スライド上のURLリンクは効かないので、下部文字起こしから飛んでください。Read less
donnie28064212 2016/11/01
slideshare

coding

frontend
リンク
20160930 フロントエンド高速化業務編 (社内勉強会)
業務内容が書いてあったのを省いたのでわかりにくくなっているとは思いますがアップロードしておきました。Read less
donnie28064212 2016/10/06
frontend

slideshare
リンク
JavaScript/CSS 2015 Autumn
まるでドッグ・イヤーのごとく変化するフロントエンド開発に疲れていませんか？本セッションでは、BabelやPostCSSの導入の仕方や使い方を解説することによって、次世代の標準仕様であるEcmaScript 6やCSS 3を先取りし、長く使える技術を身につけます。流れの速さに惑わされないようにしましょう。 Koji Ishimoto @IWATE HTML5 COMMUNITY #3 on October 14 https://www.facebook.com/events/674956182641567/Read less
donnie28064212 2015/10/15
javascript

css

slideshare

frontend

babel

es6

postcss
リンク
初心者のためのWeb標準技術
16. function Human(name) { if (name === undefined) { name = 'Taro'; } this.name = name; } Human.prototype.hello = function() { console.log('My name is ' + this.name); }; class Human { constructor(name = 'Taro') { this.name = name; } hello() { console.log(`My name is ${this.name}`); } } ES5 ES6
donnie28064212 2015/08/28
frontend

slideshare

webstandards

html5
リンク
レンダリングを意識したパフォーマンスチューニング
TalkNote Vol.8「TalkNote × Frontrend」 -（2013年6月8日開催）で使用したスライドです。 Webページを遅くしているボトルネックの1つは、レンダリングです。昨今、フロントエンドにおけるパフォーマンスの最適化はレンダリングの話題にシフトしつつあります。特に非力なデバイスでは、ページロードやスクリプトの速度改善よりもレンダリングまわりの最適化に注力したほうが良い効果を得られるケースもあるでしょう。問題になり得る事例を元に、いくつかのTipsをご紹介させていただきます。Read less
donnie28064212 2014/12/29
performance

css

frontend

slideshare

javascript
リンク
なんでCSSすぐ死んでしまうん
6. “CSSはその単純さゆえに、大規模な実装では管理が難しい。 BIG CSS “CSS, for all its simplicity, is a difficult language to manage in large-scale implementations. ” - MVCSS / Overview https://www.youtube.com/http://watch?mvcss.v=github.R-BX4N8egEc io/ https://www.flickr.com/photos/nickpiggott/5212359135
donnie28064212 2014/11/04
css

frontend

presentation

slideshare

architecture

styleguide
リンク
フロント作業の効率化
15. 例１ nav>ul#menu>li*5>a[href=#]{It em $} <nav> <ul id="menu"> <li><a href="#">It em 1</a></li> <li><a href="#">It em 2</a></li> <li><a href="#">It em 3</a></li> <li><a href="#">It em 4</a></li> <li><a href="#">It em 5</a></li> </ul> </nav> Ctrl + e
donnie28064212 2014/08/18
slideshare

frontend

emmet

grunt

yeoman
リンク
フロントエンドエンジニア（仮）〜え、ちょっとフロントやること多すぎじゃない！？〜
Koji Ishimoto gives a presentation on front-end engineering. He defines a front-end engineer's responsibilities as including JavaScript, version control with Git, modular code, browser developer tools, command line, templating, CSS preprocessors, testing, automation, code quality and manuals. He discusses common front-end tools, managing tools with Grunt, and tracking speed with tools like WebPage
donnie28064212 2014/02/14
workflow

developer

frontend

slideshare

grunt

performance

yeoman

jenkins
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx