ここでは、フロントエンド開発の概要について説明していきます。 ＊元記事はこちらです。(英語) この記事でカバーしているものについてSingle-page Apps (SPAs)New-age JavaScriptUser InterfaceState ManagementCoding with StyleTestingLinting JavaScriptLinting CSSTypesBuild SystemPackage ManagementContinuous IntegrationHostingDeploymentSingle-page Apps (SPAs)かつてはサーバーサイドレンダリングという、別のURLを開くごとにページをリフレッシュしてサーバーから新たなHTMLページを送る手法が主流でしたが、最近のSPAsではクライアントサイドレンダリングというものが主流になっています。
自己紹介 渡辺 貴明 EngFrontend follow me! アジアクエスト株式会社 フロントエンドエンジニア 今日の話 React未経験者が、 Reduxのプロジェクトにスムーズに参加するため 何をしたか？ 想定する状況 ソースはreact-redux-universal-hot-example を元に複雑にした感じ 大事 アーキテクチャはこんな感じ これから物量をこなす段階 新しく人を追加する ES5のjsはできるがReact触ったことない 必要なこと Reactを覚える必要がある Reduxも覚える必要がある BFFでのAPIの叩き方も覚える必要がある ES2015も覚える必要がある 問題 Reactだけ覚えても仕事に入れない 丁寧に覚える時間はない しかし、覚えないと渡せる仕事がない やったこと 専用のチュートリアル的なものを作成 最小構成のサンプルを作って真似して書いてもら
作った。GWの間、コンビニと近所のカフェ以外に外出してないし、ゲームもしてない。 https://mizchi-sandbox.github.io/rpg-prototype/ で触れる。デザインはしょぼい。Chrome以外で動いてる気がしない。 コードはここ https://github.com/mizchi-sandbox/rpg-prototype 仮素材はウディタに付いてくるサンプル素材をお借りした。 WOLF RPGエディター公式サイト 【RPG作成フリーソフト】 仕様 Spaceでポーズ＆リスタート クリックでスキルの使用 一度スキルを使ったらクールダウンがある Player1 だけ操作できる あとはなんか察してほしい。 何故作ったか 前々から、ゲーム、とくにRPGを作りたいと思ってたのだけど、メインループがすんなり綺麗にかけたためしがない。趣味プロジェクトは技術的に辛いとやる
前回のエントリでは、React/Redux/ES6のざっくりとした感想をまとめました。 mugi1.hateblo.jp 今回はその続きということで、React/Redux利用時において、 こうすればよかった！！ こうすべきじゃなかった・・ といったところをまとめてみたいと思います。 Immutable.js は使ったほうが幸せになれた https://facebook.github.io/immutable-js/ javascriptで不変データ構造を提供してくれるライブラリ。(by facebook) これによって解消される問題が多数。 構造がネストした場合の更新が簡単に 「そもそもネストしないような構造にしろよ」という話なのですが、 大人の事情でネストせざるを得ないときもあります。 ネストしたstoreの場合、action経由で深い階層の値を更新したい場合に結構な手間になります。
えいる/ひむひむさんをゲストに迎えて、9月に広島で開催されるRubyKaigi 2017やReduxについて話しました。 Show notes RubyKaigi 2017の話 RubyKaigi 2017 あのRubyKaigi(本体)がなんと広島開催決定!!! 2017年9月18日(月・祝)から20日(水) 日本 Ruby 会議 2007 ドリンククアップ, drinkup Hiroshima.rb Rebuild Akira Matsuda (a_matsuda) さんのRebuild出演回一覧 宮島, 厳島神社 こいわし (カタクチイワシ - Wikipedia) 参考: 広島おいしい地魚情報 - 広島県ホームページ CGI - Common Gateway Interface Rackのわしのpull requestとそのマージされた様子 (自慢) そのコミット (Fix sem
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く