in秋葉原」に参加してきました。sakeganaito.connpass.com元々、Reactを冠として始まった勉強会ですが、今回はReact勢がぐっと減って、VueとRiot勢が増えた結果、多種多様なフロントエンドJSが入り交じる異種格闘技な勉強会になりました(驚)。私は普段からReactを使っているのですが、他のフロントエンドJSを知ることで、よりReactを俯瞰して見れたなという次第です。それはそれで面白かったです。自分の発表内容も軽く振り返りながら、全体の感想を語ってみます。全部で8つのLTがありました。@FruitRiinReactNativeはシミュレータが遅いから、Jestでテストを書いて動作確認した方が開発が早くなるは、私も近い将来遭遇すると思います。ログインフォームに対する考察は、かなり面白かったです。Twitterのログインフォームは、確かにイケてないかもしれない(笑)。Native」は初めて知りました。皆さん発表が上手いなぁ・・・。私は、未だにLTの時の発表の緊張に慣れません。聴衆をかぼちゃだと思うしか、道はないのだろうだろうか。パネルディスカッションパネルディスカッションのテーマは「皆さんが普段使っているフロントエンドJSについて」です。React:@nmatsumoto4Riot:@kuwahara_jsarVue:@FruitRiin素のJS:@konosumi(私)JavaScriptそのものについてのLTをやった影響か、素のJS勢として、私は無所属代表になりました(笑)。Reactパネルディスカッションも含めて特に興味深かったのは、初心者がフロントエンドJSを始める時の敷居の低さについてです。React」という印象を受けました。理由として考えられる一番の理由は、ReactはReact側からHTMLを生成することに対して、RiotやVueは、既にあるHTMLに対して適用する事ができるからだと推測しています。VuexもReduxも、最初は覚えなくて良い少し語弊のある見出しですが、最初にいきなり状態管理系のライブラリは、入れないほうが良いです。私はReactを使っていますが、小規模であれば、普通にstateに状態を持たせるだけでも開発できます。JavaScriptは軽ければ軽いほど良いですし、利用するライブラリの数も、もちろん少ないほうが良いです。何より、一度に多くの事を覚えようとすると、途端に辛くなって破綻します。必要に迫られてから覚えるくらいが、丁度良いのではないかと。私の発表について「JavaScriptの書き方についての考察」を発表しました。speakerdeck.com以下で軽く補足していきたいと思います。何で書くのか?私は、JavaScriptの書き方を、大きく分けて3つに大別しています。素のJavaScriptで書くjQueryで書くフロントエンドJSで書くちょっとしたJavaScriptであれば、私はバニラ(素の)JSで書きます。バニラで書きづらい場合はjQueryで書き、jQueryで書きにくい規模であれば、フロントエンドJS(React)で書くことが多いです。安易にJavaScriptの規模を大きくしたくないので、適材適所で開発する方法をとっています。AltJSについてAltJSについては、大きく分けて4つに大別しています。素のJavaScriptで書く最新のJSで書く。ES2017...etcFlowTypeScript私は、開発規模によりますが「2」を選択することが多いです。その過程で、新しいJavaScriptの書き方を覚えました。FlowはReactNativeと相性がよく、TypeScriptは最強です。TypeScriptはTSに非対応の古めのライブラリを使う時に苦労する上に、やはり学習コストは必要になってきますので、JSの規模が大きい場合に向いているかなぁという印象を持っています。ブラウザ互換性問題Object.values()は、IEでは動かないという話をしました。見て分かるように、IEでのみ動かないのです。MDN)IEでも動かしたい場合は、ポリフィルという「旧環境に互換性を持たせる」仕組みを適用します。babelであれば「babel-polyfill」です。"./app/js"]};webpack.config.jsに設定を入れておけば、互換性のあるJSが出来上がります。互換性を持たせるため、どうしてもJavaScriptのサイズは大きくなってしまいますが、その代わりIE環境でも無事に動作するようになります。勉強会当日に参加表明をして、即席でスライドを作ったわけですが、次回も参加するとしたら、もう少し初心者に分かりやすいネタにしよう。会全体の雰囲気としては、様々なフロントエンドJSが入り乱れる、異種格闘技戦のようなイベントでした。そのカオス感が逆に新鮮で、自分の持ってる技術スタックを、より俯瞰して見れたような気がします。補足:前回のイベント参加レポート前回のイベント参加レポートもありますので、もし宜しければご覧ください。〜なめこで学ぶブラウザ拡張〜こんにちは。以前の私は「Chrome拡張を自作して、なめこの雪を...2018-05-04ReactNativeのチャットアプリ開発OSS「react-native-gifted-chat」...以前の記事の続きです。はてなブログProWEB系エンジニア。ブログで趣味の映画・ゲーム・読書の感想を書いたり、技術系の知見を共有しています。技術書典7にサークル参加して、技術同人誌を頒布しました。BOOTHに電子版があります。(1)月別アーカイブスポンサーリンクスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。