Home > 初めまして! 関西 Node学園 #6 (#kng6)

初めまして! 関西 Node学園 #6 (#kng6)

初めまして! 関西 Node学園 #6 (#kng6)

05月 09日

初めまして! 関西 Node学園

今まで個人的な都合により参加できずでしたが、今宵初めて関西 Node学園 #6 (#kng6) に参加させていただきました。初めて関西 Node学園を開催してから丸 1年、きっかけは関西を盛り上げたいとのことですが、 v-kansai (Vue) や kansai.ts (TypeScript) でも同様です、是非とも盛り上げていきましょう!

さくらインターネット株式会社 大阪本社にて、

kng6-sakura-internet

Node.js v12

関西 Node学園オーガナイザ @shisama さんの登壇、発表内容を事前に共有いただいてました。

Node.js v12

v12になり掻い摘んで気になったことを中心に紹介がなされました。 JSエンジン V8のアップデートで新機能が追加されました。 async/awaitが promiseと比較して高速化。 ES2015で導入されたクラス構文で # から始まるプライベートフィールドが使えるようになっています。内容はあまりに濃厚過ぎて続きは Webで チェックしておきましょう。

Node.js v12

半年がかりでNode.jsにコミットして得たもの

https://speakerdeck.com/koh110/nodejs-commit

ヤフー株式会社の @koh110 さんの登壇で東京から日帰りのご参加、バグ修正を通してコミットまで到達した経験談について話されました。今回は maxBufferの説明に難航、また意外とアクティブではないコラボレータ界隈、 CIを回すことすら一苦労だったようです。

マルチプラットフォーム (libuv) 対応はとにかく大変。結論は Windowsで listen(0) につまづいたこと。こうして得られた結果、語学力よりソースコードを信じたことが Approveへの一番の近道だったので参考になれば幸いです。

eslintでtypescript

つい先日 eslintチームが TypeScriptサポートに本気を出す宣言をされましたね。 ng-kyotoを運営している sayanaka (@zilch8) さんの登壇、 @typescript-eslint/eslint-pluginルール対応表 を使って TSLintからの乗り換えを絡めた話。どう考えても Lintエラーの発生する条件での簡単なデモがありました。実際、最低限のルールを記載したプロジェクトでの TSLintからの置き換えでしたが、所感としては大変だったようです。

# @typescript-eslint/eslint-plugin
yarn add @typescript-eslint/eslint-plugin

eslintでtypescript

ng-kyoto #10

ng-japanと合同開催、東京と同時中継するようです。 LT枠に空きがあるので、ご都合の合う方は是非どうぞ!

ng-kyoto #10

Node.jsサーバアプリケーションの稼働方法 ~ 基本から Dockerまで

株式会社 ビーツリー (BTree) の @akkun_choi さんの登壇、プロセスマネージャ (今回は PM2を中心に) と Dockerを使って Webサーバの構築を比較しながら話されました。基本的に PM2を使いたい場合は、以下 リンク を参照すると良さそう。サーバ運用を考える上で基本的に PM2はだいたい解決してくれます。マルチプロセスにする場合は、モードの違いに注意すること。

# PM2
pm2 start app.js

最後に AWS ECS/Dockerと Node.jsの相性の良い関係性から、 AWS Fargateの話。当ブログも Fargateの下で運用してます (20%ほど安くなってます) が、敷居は決して低くなくなっているように思います。

Node.jsサーバアプリケーションの稼働方法 ~ 基本から Dockerまで

PM2 Startup Script

tsxをJavascriptで綺麗に構文強調したい + おまけ

HAL大阪に通っている @mochiya98 さんの登壇、 TypeScriptに対応できていないライブラリ (highlight.jsなど) で構文強調した話。 VSCodeの Webエディタに Monaco Editor が存在していたのは初耳。

Monaco Editor

しっくり来るのが無く standalone-monarchという名前で自作したものの、結局 VSCodeの中の人が作っている shiki を使えば良いことが後から判明。そもそも正規表現ライブラリ Onigurumaが Cで書かれており Webでは使えない、VSCodeでは使えない訳はこのことだったようです。

octref/shiki

おまけは、 Preactを導入した話

React DOMだけでバンドルサイズが 100MB超。この大きさを理由に Preactに移行した話。実際に イベント箱 で使っているそうです。

おまけは、 Preactを導入した話

便利で危ない npm install

インストールするパッケージはどうやって選定していますか。 増満光 (@dos_pg) さんの登壇、 Node.jsは OSへの操作が可能で実はセキュリティの観点から危険という話。

みんなが使っているから大丈夫だろう。

これは実に危険!!!

便利で危ない npm install

これを受けて、自衛手段を考えさせられる場面がありました。

最後に、

Node学園ではありませんが、 Node.js/TypeScript繋がりで一言。この度、自ら kansai.tsを立ち上げました。 6/10 (月)に #1 をグローバルベンチャーハビタット大阪(GVH Osaka)様にて開催します。まだブログ枠に空きがありますので、ご都合宜しければご参加ください!

kansai.ts #1

コメントを残す