ng-kyoto Angular Meetup #9 での発表資料です。 https://ng-kyoto.connpass.com/event/113358/
ng-kyoto Angular Meetup #9 での発表資料です。 https://ng-kyoto.connpass.com/event/113358/
Since 2013, the user experience of playing videos on the Netflix website has changed very little. During this period, teams at Netflix have rolled out amazing video playback features, but the visual design and user controls of the playback UI have remained the same. Over the past two years, the Web UI team has had a long running goal to modernize the user experience of playback for our members. Pl
nodefest@2018.11.23 html5j@2018.11.25
Re-ducks というディレクトリ構成のベストプラクティスについてまとめる。Re-ducksパターンを使うことで、React + Redux を用いた開発がよりメンテナンスしやすいものになる。 Ducks パターン 名前からもわかるように、Re-ducks は Ducks というパターンをベースにしている。 erikras/ducks-modular-redux Ducks パターンが解決すること: actionType、action、reducerが散らばっててつらい 結局のところ actionType、action、reducer は密結合なので、ducksパターンではこれら3つを1つのファイルにまとめる。 // widget.js // Actions const LOAD = 'my-app/widgets/LOAD'; const CREATE = 'my-app/widget
Almin 0.13.xのStable版をリリースしました。 今後に向けて下地となる基盤部分をかなり書き換えたのと、Strict modeや試験的にTransactionを追加しました。 Release Almin 0.13.10 · almin/almin まとめ 0.12xからの0.13.10の変更をまとめると次の通りです。 🔥 Breaking Changes IE9/IE10のサポート終了 CIから落としただけなのでまだ動くかもしれないですが 一部Deprecatedはありますが基本的にコードは変更しなくても動くはずです ⚠️ Deprecated リネーム context.onWillExecuteEachUseCase -> context.events.onWillExecuteEachUseCase almin/migration-toolsを使うことで自動的にマイグレー
React+ReduxをRails環境下で開発する環境構築テンプレート(Webpackも使うし、Reduxのサーバサイドレンダリングもあるよ)RubyRailswebpackReactredux 色々情報がありますが、断片化されてたので纏めました。 もしこんな環境で開発する人がいれば参考にして下さい。 というか1つの記事に詰め込み過ぎたかもしれません。 ちなみにこの環境構築は以下の記事を参考に作成されています。 WebPackを使ってRailsからJavaScriptを楽に良い感じに分離する Rails + モダンJS環境(Webpack)で新規アプリ作成 RailsでReduxコンテナをサーバサイドレンダリング (use Hypernova by airbnb) 素晴らしい記事に感謝。 今回書いた記事のソースはこちらです。 前提条件 本記事では以下のような開発環境を想定して記載します。
自己紹介 @adwd118 adwd 株式会社ビズリーチ スタンバイ事業部 Web歴1年 サーバーサイドエンジニア? React/Redux入門やりました speakerdeck 求人検索エンジン スタンバイ スタンバイ スタンバイ 社内向け管理画面 スタンバイの社内向け管理画面でReact/Reduxを使った スタンバイ本体ではない SPA的要素はあまりない パフォーマンス、セキュリティなどそこまで気を使ってない コンテンツ React/Fluxについて 管理画面の構成 React/Reduxを使った感想 javascriptでUIを構築するライブラリ (MVCのV) コンポーネント指向 js-centric ほぼjsの中で完結する Flux 単方向データフロー Flux ViewはStoreからデータ(状態)を受け取って表示するだけ Storeの状態を変更するのはActionのみ Fl
ElectronベースのTwitterクライアント: Nocturn ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog の時にCoffeeScriptとjQueryで作っていたNocturnというTwitterクライアントがあり、これをES6, React, Reduxを使って書き直した。この記事ではその時に得た知見、感じた事を書いておく。 移行したスタックと移行時に感じたこと あらかじめお断りしておくと、僕は普段はRubyでサーバサイドの実装や運用をやっている人であり、JavaScriptに関してはほぼ素人の意見なので、以下はReactとかRedux興味あるけどまだ触ったことないですみたいな人向けの内容になると思う。 CoffeeScript → ES6 移行 参考: 春からはじめるモダンJavaScript / ES201
Reduxはとりあえず使えるようになった後の情報が少ないように感じています。よく出回っているサンプルコードは「Real World 〜」のような名前がついていたとしても、あくまで雰囲気を味わうために用意されたものに毛が生えた程度で、現実に起こる問題に対する回答や指針を示しているわけではありません。業務で使うことを検討するのであれば、プロダクトの成長と共にどうやってスケールしていくかイメージできないと導入に踏み切れないですよね。本稿ではサンプルコードより大きな規模で開発していくために、Reduxにおけるコンポーネントの再利用について紹介します。 実現したいこと コンポーネントの再利用によってどのようなことを実現したいのかイメージしてもらうため、馴染みのあるアプリケーションの機能を具体例として挙げてみます。 Gmailで名前にマウスオーバーしたときに出るプロフィール情報 プロフィール画像の表示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く