FRONTEND CONFERENCE 2016 http://kfug.jp/frontconf2016/
Designing in React: Why and How
FRONTEND CONFERENCE 2016 http://kfug.jp/frontconf2016/
なぜ絵文字を含む文字を1文字ずつに分けるのにArray.fromだけで十分なのか？ - Qiita
「Node.js で絵文字を使う時の注意点 - Qiita」にコメントしたのですが、大雑把すぎて説明になっていない気がするので、詳細に解説したいと思います。 TL;DR 絵文字のようなサロゲートペアを含む文字列をJavaScriptで扱おうとすると面倒。 ↑ s.length、s[0] とか s.split('') とかがおかしくなる。 1文字ずつに分割したいときは Array.from が使える。 なぜなら、Array.from は内部的に for of 文のようなことをしていて、文字列に対する for of はサロゲートペアを考慮するから。 問題点と解決まで 絵文字を含む文字、つまりUTF-16のサロゲートペアを含むような文字を一文字ずつに分割したい場合、JavaScriptでは問題が生じます。つまり、どういうことかというと、 const kira = 'キラッ🌠' // 見ため上は
フロントエンドはDDDの夢を見るか
プロダクト拡大フェーズでプロダクト検証サイクル効率化を目指す過程で見えたもの / Streamlining Product Validation in Growth Phase
Blog | GoGuardian
Did you hear? We launched Pear Deck Learning, an expanded ecosystem of learning tools. Read the news. >
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
Rebass
Rebass React primitive UI components built with Styled SystemStart your design system without boiling the oceanBuild consistent UI with design constraints and user-defined scalesBest-in-class developer ergonomics with Styled System propsFirst-class support for theming & fully compatible with Theme UIQuick, mobile-first responsive styles with array-based syntaxFlexbox layout with the Box and Flex c
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
mern.io - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
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の一覧からカスタマイズしたいショートカットを選んでアイコンをクリックするとショ
Casino Winnings Booster - B00st.io
There are a few things you can do to improve your odds of winning at the casino. One of the first steps to increase your winnings is to avoid tilting, or playing emotionally, when playing casino games. Tilting is a dangerous practice that can lead to even bigger losses. Instead, hit the spin button when you win a game to immediately see the winnings deposited into your account. This will help you
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - matthewmueller/28kb-react-redux-routing: React + Redux + Routing Stack for just 28kb
GitHub - eanplatter/enclave: A simpler way to compile React applications http://enclave.js.org
GitHub - ctrl-freaks/freezeframe.js: freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions.
Data Structures in JavaScript posts
Redox - Your Next(Gen) OS - Redox - Your Next(Gen) OS
GitHub - victorb/trymodule: ➰ It's never been easier to try nodejs modules!
Flexbox Defense
GitHub - dthree/cash: Cross-platform Linux commands in ES6
Radium - A React Component Styling Library
実行時におけるJVMバイトコード最適化手法
『Pokémon GO』公式サイト