FRONTEND CONFERENCE 2016 http://kfug.jp/frontconf2016/
2016年3月27日のブックマーク (38件)
-
hush_in 2016/03/27
-
-
-
-
-
-
Netflix JavaScript Talks - React.js for TV UIs
Steve McGuire shares how Netflix achieved a completely declarative, React-based architecture that’s fast on the devices in your living room. In this talk he covers how and why Netflix adhered to principles like no refs, no observation, no mixins or inheritance, immutable state, and top-down rendering. He also shares techniques the team used to hit tough performance targets, while not compromising
-
-
Hot Reloading in React
Note: React Hot Loader 3, released a month after I published this article, solves most of the problems described in this post. Give it a try! React Transform is an experimental project I started after giving the Hot Reloading with Time Travel talk at React Europe. My goal was to bring a live editing environment that preserves component state and handles errors gracefully to as many React users as
-
-
Enzyme: JavaScript Testing utilities for React
Testing code is crucial for the maintainability of a complex code base, but it is just as important that tests are easy to write, maintain, and understand. Frontend code is no exception to this rule, and behaviors that live in your UI should be tested as well. Almost three months ago, Airbnb open sourced Enzyme, a JavaScript library for testing React components. Since then, the reception has been
-
型なき世界のためのflowtype入門 - Qiita
http://qiita.com/mizchi/items/3bbb3f466a3b5011b509 で紹介したモダンJSスタックの上に、flowtype を導入して型をボトムアップに追加していくアプローチを紹介します。 なぜflowtypeか、そのゴールは 流行っているライブラリのみを組み合わせて使う場合や、バックエンドとの連携において型が十分に提供される環境なら、正直、flowtypeよりtypescriptでいいと思っています。flowtypeが力を発揮する環境は、既存のJSが大量に存在する環境や、railsなどの動的な型のフレームワーク環境で、静的な定義が抽出できない環境だと思います。 よほど品質が低いライブラリを使わないかぎり、バグはほとんど自分が記述したコードによって発生します。なので、まずは「自分が書いたコードのIFを明確にし、その静的なチェックを行なう」、というのを最初の目
-
The Expert (Short Comedy Sketch)
Subscribe for more short comedy sketches & films: http://bit.ly/laurisb Buy Expert shirts & hoodies at https://laurisb.myshopify.com/ Funny business meeting illustrating how hard it is for an engineer to fit into the corporate world! Watch the next episodes: http://bit.ly/SquareProjectEp1, http://bit.ly/SquareProjectEp2 & http://bit.ly/SquareProjectEp3 Starring: Orion Lee, James Marlowe, Abdiel L
-
Hire: Biz Growth Engine
You could go out and read EVERY book ever written on business growth and marketing, spend HOURS with some of the world’s best consultants and implement all their strategies with a 10-15% chance it’ll work. Or… Take the call. Let us identify the biggest profit opportunities, and if you love our plan, we implement it all for you – all you have to do is handle the increase in sales and new clients –
-
Motion Design is the Future of UI
Have you been noticing the words ‘motion design’ popping up around the design world? Companies big and small are starting to hire designers specifically with this title. Google recently gave a talk at its I/O conference, outlining the motion language that will be standardized across Google’s product line. So what is all the fuss about? And why does it matter? Motion tells stories. Everything in an
-
Facebook is the new Excel | Alex Muir
If you’re building a SaaS startup, then your biggest competitor isn’t a competitor. It’s Microsoft Excel. That was the mantra a few years ago. Add in Google Docs and it still holds true. Contact lists, mailing lists, accounts, invoicing, market research, budgets, checklists, schedules, timetables: Excel is the hammer of choice for anything that looks like data in a business, large or small. Today,
-
-
User Onboarding and Product Walkthrough Library | Intro.js
Powerful User OnboardingBuilt to Increase AdoptionIntro.js is a lightweight JavaScript library for creating step-by-step and powerful customer onboarding tours
-
-
Grd - A CSS grid framework using Flexbox
GitHub # grd   A CSS grid framework using Flexbox. - **Simple**: Provides just 2 base classes `Grid` and `Cell` and some modifiers. - **Light-weight**: Only 321 bytes (Gzipped). - **Flexible**: Easy to use Flexbox features. [Flexible Box Layout Module](http://caniuse.com/#search=flex) and [`cal
-
-
Trello clone with Phoenix and React (pt.1)
This post belongs to the Trello clone with Phoenix Framework and React series. Intro and selected stack Phoenix Framework project setup The User model and JWT auth Front-end for sign up with React and Redux Database seeding and sign in controller Front-end authentication with React and Redux Setting up sockets and channels Listing and creating new boards Adding new board members Tracking connected
-
-
-
Textured Gradients in Pure CSS
We’re going to create a background like this in pure CSS: Of course, the simple version would be to simply create a CSS gradient (and there are tools that make creating them easy): But it just doesn’t look that great, simply because we can only create linear or radial gradients. We want more randomness, something that looks less geometric and predictable. A common method is to choose a real-life p
-
-
Draft.js
Extensible and CustomizableWe provide the building blocks to enable the creation of a broad variety of rich text composition experiences, from basic text styles to embedded media. Declarative Rich TextDraft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API. Immutable Editor StateThe Draft.js model is
-
らぁ麺 とうひち (北大路/ラーメン)
リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。
-
最新DDDアーキテクチャとAkkaでの実装ヒントについて
DDD+CQRS+Event SourcingとAkkaでの実装ヒントを解説。
-
JSDocをランタイムassertに変換するBabelプラグインを書いた
JSDocをassertに変換するライブラリとそれを使ったBabelプラグインを書きました。 azu/babel-plugin-jsdoc-to-assert: Babel plugin for jsdoc-to-assert. azu/jsdoc-to-assert: JSDoc to assert ライブラリのjsdoc-to-assertの方は、JavaScript ASTのコメントからassertの文字列を作り出すだけのシンプルなものです。 実際に使う場合は、Babelのプラグインとしてbabel-plugin-jsdoc-to-assertを使い、コードを変換してランタイムassertを追加させます。 やっていることとしては、FlowTypeをランタイムチェックするbabel-plugin-typecheckのJSDoc版とも言えます。 babel-plugin-typechec
-
-
-
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
-
男性にとってのセックスと、女性の結婚が等価値だと分かった「ある実験」 - トイアンナのぐだぐだ
男にとってのセックスと、女にとっての結婚が等価値だとわかった話。 サイバードという会社がある。女性向け恋愛ゲームアプリで、累計1,500万会員を抱える覇者だ。 恋愛アプリが成功する秘訣が掲載された本を読み「ためしに恋愛ゲームをプレイしてみよう」と思ったのが１週間前。とりあえず選んだ「イケメン王宮」から、あれよあれよという間に「イケメン大奥」「イケメン戦国」など７アプリをダウンロード。iPhoneのホーム画面には夫の笑顔、そして並ぶイケメンシリーズのアイコン。罪悪感が湧く。 しかし話を進めて驚愕した。 なんせ、出てくるイケメン男子が次から次へと結婚を迫ってくるのだ。 「正式に婚約を交わしたいのだが……」 「全てをかけて、あなたを幸せに致しますよ」 「早く２人で暮らしたい」 現実の男が決して言わないような結婚、同棲、婚約発表のオンパレード。現実世界にこんな男がいたら結婚詐欺師かメンヘラなので、
-
SyaroNote
2016/03/25 天下wiki武道会 http://connpass.com/event/27643/ 発表資料
-
Atomのキーボードショートカットのカスタマイズ方法 - たけぞう瀕死ブログ
事の発端はAtomにEmmetプラグインをインストールするとMarkdownプレビューのctrl-shift-MというキーボードショートカットがEmmetプラグインに奪われてしまうという問題でした。 AtomにEmmetプラグインを入れるとマークダウンプレビューのショートカットを奪われるんだよなー。こういう被ったショートカットだけを外したいときはどうすればいいんだろう？— Naoki Takezoe (@takezoen) 2015, 11月 27 Atomの設定画面でKeybindingsのページを開くと「You can override these keybindings by copying and pasting them into your keymap file」と書いてあります。 Keystrokeの一覧からカスタマイズしたいショートカットを選んでアイコンをクリックするとショ
-
-
Marxico - Markdown Editor for Evernote
Marxico The Missing Markdown Editor for Evernote Loading... View the demo # Welcome to Marxico @(Sample notebook)[Marxico|Manual|Markdown] **Marxico** is a delicate Markdown editor for Evernote. With reliable storage and sync powered by Evernote, **Marxico** offers greate writing experience. - **Versatile** - supporting code highlight, *LaTeX* & flow charts, inserting images & attachments by all m
-
- 2016年3月28日
- 2016年3月27日
- 2016年3月26日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました