技術探し

技術探し

JavaScriptを中心に記事を書いていきます :;(∩´﹏`∩);:

package.jsonで値を展開する

今年初の記事です そういえばこんな機能あったなーって感じだったので記事にしてみました。 本当は今年最初の記事用意していたのですが、まだ終わってないので後ほど。。 github.com 今回は、タスクのstartとbuildに同じ変数をwebpackへ渡すために共通化した…

2017年を振り返る

激しい一年でした。 振り返り 今年は転職を二回しました。 5月にドワンゴを辞めて、6月にメルカリに入って、12月にドワンゴに戻りました。 個人的には、社会的な多くの経験を積めたと思うし特に後悔とかはしてません。 しかしながら、多くの方々に御迷惑をか…

次のリリースであるwebpack 4の主な変更点まとめ

ドワンゴのアドベントカレンダーの17日が空いているので本来その予定で書かれた記事ではないですが、そこに埋めます。 2日連続になってしまった。。 qiita.com Happy Xmas, Noders! #Nodejs pic.twitter.com/Rsxr8SbeUz— hiroppy (@about_hiroppy) 2017年12…

botたちの家を作っている

今日が入社日です。 abouthiroppy.hatenablog.jp この記事は第2のドワンゴ Advent Calendar 2017の18日目です。 これはなに? 目的 現在の進捗 今後やりたいこと 機能面 コード面 仕組み 今現在、子供botができること 技術スタック DB docker-compose node-s…

ドワンゴに入社しました

abouthiroppy.hatenablog.jp 12/16(18開始)から新卒で入社したドワンゴへもう一度入社することになりました。 今現在、このような状況ですがニコニコ動画やドワンゴのサービスが好きな1ユーザーとして、また1開発者として微力ながらドワンゴの力になれるよう…

登壇する時に使っているスライド発表ツールの紹介

一ヶ月前に勉強会で話してきました。 abouthiroppy.github.io 2017年の2月から運用しています。 リポジトリ 目的 ツール・フレームワーク JavaScript CSS ビルドフロー webpack slideを取得する 取得したHTMLをReactへ プロダクション Service Worker imagem…

Object.freeze / Object.seal の糖衣構文

もともとの発端はここから。 Fishrock123/proposal-const-function-arguments: A proposal to introduce constant function argument references.: https://t.co/rMvEtdYrrg— hiroppy (@about_hiroppy) 2017年11月26日 明示的にconstかどうかを示すプロポー…

アクセスを調査した

今回のブログが予想以上にアクセスが多く、面白そうだったので調査資料として残したいと思いました。 abouthiroppy.hatenablog.jp 金曜日と土曜日と日曜日で調査しました。 アクセス数 金曜日が14438人で土曜日が4742人で日曜日が609人でした。 日曜日になる…

メルカリを退職した

6ヶ月でしたが、退職することになりました。 本当にありがとうございます。 環境 アメリカと日本のプロダクトで活動していて、フロントエンドチームに所属していました。 特にメンターでチームリーダの方からは、多くの配慮をしていただき入社してからずっと…

Node学園祭2017資料まとめ

東京Node学園祭2017の資料まとめ

Node.jsのドキュメント管理について

じいちゃんが米寿なため、実家で書いています。 あと家族増えてました‍‍‍ 左の4ヶ月の子。 家帰ったら家族が増えてました pic.twitter.com/4rmjpCNf4J— hiroppy (@about_hiroppy) 2017年11月19日 先日、こちらのOSSドキュメント勉強会で話しました。 kbkz.co…

Node.jsのパフォーマンスチューニングのtips

--inspect, --inspect-brk --trace-opt, --trace-deopt --prof --trace-events-enabled --trace-gc node-report Performance Timing API 優しいコードの書き方へ v8::SnapshotCreator さいごに Node9が10/31に出ました Node v9.0.0 (Current) | Node.js 今回…

Chrome Dev Summitに行ってきた話

SFOで行われたChrome Dev Summitに行ってきました。 developer.chrome.com メインの話はPWA/AMPだった感じだった。 ただの感想文なので特に技術的な話はココでは無しです。 Chrome Dev Summit2017 よかったこと 学びが多い PWA/AMPを進めているGoogleだから…

AyoでWorkerの実装が進んでいる

Chrome Dev Summitのため、サンフランシスコで書いています。 Ayo側 Node側 Workerとは? メソッド・変数 isMainThread postMessage(value[, transferList]) threadId workerData クラス MessageChannel MessagePort postMessage(value[, transferList]) Wor…

JavaScriptの現状と将来というタイトルで発表してきた

the present and future of JavaScript 情報処理学会の若手の会で発表してきました。 三回目の参加で、二回連続30minのセッションをさせて頂きました。 前回は3年前に発表してその頃はまだ学生でした‍ 実はこの週、スライドにも書いてある通りバンクーバでNo…

Pipeline Operatorがstage-1へ

github.com 先月のTC39のMTGでstage-1になりました。 F#, OCaml, Elixir, Elm, Julia, Hack, LiveScriptなどと似たような機能を提供します。 function doubleSay (str) { return str + ", " + str; } function capitalize (str) { return str[0].toUpperCase…

自分のページを更新した

about-hiroppy.com 一年ぶりぐらいに更新した。 好きなサイトの色とフォントを参考にした。 sweetpackを使ったので基本設定ファイルは書かなくてよかった。 postcss-forとpostcss-randomを初めて使ったが、混ぜると大変だった。。 forのスコープ内で変数宣言…

簡単なアプリケーションでwebpackとbabelの設定をしなくて済むライブラリを作った

github.com 最初に ターゲット モチベーション ゴール sweetpack できること プラグイン・設定 設定ファイル 共通プラグイン 開発時プラグイン 有効化されるプラグイン ビルド時プラグイン 有効化されるプラグイン サンプル さいごに 最初に ターゲット 簡単…

今の自分がどのように生成されたか考えた

なんとなく、タスクを捌きながら思ったことを殴り書きしている。 さて、今の自分がどのように形成されたかと考えたときに新卒の頃の周りの環境が大きいんじゃないかなって振り返って思った。 特に新卒の頃は、仕事というフィールドに触れて、特にインフラに…

次のリリースであるBabel7の主な変更点まとめ

Babel7の主な変更点まとめ。(随時更新) また各stageプラグインの変更のまとめとBabel内で現在進行中のspecの作業も。

メモ: Node.jsとAyo.jsに分裂したという話

この記事は自分用のリンク集メモです。(色々と聞かれるときにリンク探すの大変なため) 注意: 追記・変更が頻繁に行われるでしょう 原因 Rodの違反行為一覧 参考Issues TSC投票ステータス 自主的に辞退した人 Mylesの意見・考え Bryanの意見・考え 自主辞退要…

NodeにPerformance Timing APIが追加される

NodeへPerformance Timing APIの初期実装が入ります。 資料 W3C NodeへのPR Performance Timing API 実装 Nodeで使ってみる 手順 コード API common now() mark(name: string) measure(name: string, startMark: string, endMark: string) get getEntries() …

Node8.3.0でデフォルトになるTF/Iに関わるベンチマークについて

buildersconでのスライド 8.3.0 プロポーザル TurboFan + Ignition TurboFan Ignition Flow V8の5.9は・・・? パフォーマンス webpack 8.2.1(V8 5.8) 8.3.0(V8 6.0) 結果 ESLint 8.2.1(V8 5.8) 8.3.0(V8 6.0) 結果 まとめ buildersconでのスライド speakerd…

PWAの実装をしてみた

PWAとは? 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの? ネットワーク 実装 ライブラリ webpack-offline 構成 ファイル…

英語

今勤めているメルカリにはDMM英会話を契約させてもらって会社でレッスンをしていい素晴らしい制度がある。 自分は、DMM英会話を解約して会社の方の契約でやろうと思って一ヶ月ちょいぐらいたったがその結果を記録しておきたかったので書いた。 結果として、…

Node.js FoundationとNode.jsについて

Node.js Foundation 相関図 委員会 TSC(Technical Steering Comittee) CTC(Core Technical Committee) Core Working Groups CommComm(Community Committee) Working Groups Teams 会議 カレンダー CoreのMTGノート 各MTGの動画リスト Summit Node LTS(Long T…

Node学園26時限目まとめ

25時限目に引き続きオーガナイザーをしました about_hiroppy です。 今回の26時限目は、150人来ていただき本当に楽しく勉強になる時間でした。 改めてありがとうございました。 また、メルカリさんには会場整理、食事様々なことを手伝っていただき感謝します…

react-router, redux-sagaのテストの書き方

今回は、自分のelectronのテンプレートを参考にして話したいと思います。 github.com 記事が長くなってしまうので、プロダクションのコードは折りたたみしておきます。 使用ライブラリ Jest Enzyme jest-serializer-enzyme(enzymeでsnapshotとるため) redux-…

util.callbackify()というのがそろそろNodeへ入りそう

github.com util.promisify() に関連して提案されました。 abouthiroppy.hatenablog.jp github.com 名前の通り、非同期関数をコールバック関数に変換する関数です。 つまり、util.promisify()の反対版です。 const util = require('util'); async function f…

babelへOptional Chainingが追加される

Optional Chaining github.com // before const fooInput = myForm.querySelector('input[name=foo]'); const fooValue = fooInput ? fooInput.value : undefined; // after const fooValue = myForm.querySelector('input[name=foo]')?.value; const obj = …