Node.js製CLIフレームワークoclifを試す - dackdive's blog
はじめに Heroku が oclif という CLI フレームワークをオープンソースとして公開したという記事を読みました。 Heroku CLI や Salesforce DX のベースにもなっているらしい。 どんなもんか触ってみます。 （oclif は (The) Open CLI Framework の略のようです。読み方がわからない。。。） oclif の特徴 手を動かす前に、どういった特徴があるのか公式ドキュメントに目を通してみます。 Features · oclif: The Open CLI Framework Super Speed コマンド実行時のオーバーヘッド（？）がほとんどなく、また依存パッケージもほとんどない 実行されるコマンドだけ require されるので、たくさんのコマンドからなる巨大 CLI でも単一コマンドの CLI と速度が変わらない CLI Gener
npm installしたパッケージの更新確認とアップデート(npm-check-updates) - dackdive's blog
タイトルの通り。 npm install --save なり --save-dev なりして package.json に書き込まれたパッケージのバージョン、どうやって定期的にアップデートしていけばいいかわからなかったので。 新しいバージョンがリリースされているかどうかの確認と、実際にどのように新しいバージョンにアップデートすればいいのか調べてみた。 今回サンプルに使う package.json package.json の例として、以前、React のチュートリアルをやったときのリポジトリを使う。 { "name": "react-es6-tutorial", "version": "1.0.0", "description": "React Tutorial written in ES6", "main": "index.js", "scripts": { "test": "echo
Frontrend Vol.10 - 夏の終わりに納涼パフォーマンス話 に行ってきた - dackdive's blog
行ってきました。 絶対ブログ書く人類枠だったのでブログ書きます。 ハッシュタグは #frontrend。また動画が FRESH! で観られます。 https://freshlive.tv/tech-conference/151511 FRESH! クライアントサイドパフォーマンス改善 FRESH! 鈴木雅佳 ( @sutiwo_ ) さん FRESH! 生放送動画見放題の映像配信プラットフォーム アクセシビリティガイドラインも公開してるらしい https://openfresh.github.io/a11y-guidelines/ 話すこと Service Worker で静的アセットのキャッシュ Intersection Observer で遅延ロード SVG スプライトやめてプログレッシブなロード 1. SW で静的アセットのキャッシュ 設計方針と実装方法 キャッシュがあればキャッシュ
[Vim]SyntasticによるESLintチェックが遅いのでNeomakeに乗り換えた - dackdive's blog
（2017/01/23追記） この後 Flow を導入しようとしたら色々問題が発生したので、Neomake から ALE に乗り換えた。 （追記ここまで） （2018/04/15追記） 現在、記事を書いた時と設定方法が変わっているようです。 こちらの方が最新の手順をまとめてくださっているので、ご参照ください。 （追記ここまで） Vim の Syntax Checker として有名なのは Syntastic ですね。 最近は JavaScript を書くことが多いので、この Syntastic を使って ESLint のチェックをできるようにしていました。 上の記事に書いてある設定を行ったことで、Vim で常に lint チェックをかけられるようになったのは良かったんですが 1 個だけ不満があって、チェックのたびに操作がブロックされてしまうという問題がありました。 正直こればっかりは我慢する
![[Vim]SyntasticによるESLintチェックが遅いのでNeomakeに乗り換えた - dackdive's blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/873ce4479e450530132222b8556b3750b38c3892/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fd%2Fdackdive%2F20161023%2F20161023121542.gif)
VimでESLintをグローバルインストールせずに、Syntastic+ESLintでES2015の構文チェックをする - dackdive's blog
（2016/10/24追記） しばらく Syntastic を使ってましたが、Neomake というより快適なプラグインが見つかったので今はそちらを使ってます。 （追記ここまで） はじめに vim で ES2015 を書いていると、構文チェックもコーディングと並行して行いたいと感じるようになります。 Syntastic はそのための vim のプラグインで、JavaScript に限らず様々な言語の構文チェックを行うことが可能です。 参考：以前 Python 用に設定した時の記事 今回は JavaScript の代表的な linter (syntax checker) である ESLint を使い、vim で ES2015 を書くときの構文チェック環境を構築してみます。 よく見る設定 「vim es6 syntastic」とかでググってよく見るのは以下のように、ESLint をグローバルイ
WEB+DB PRESS Vol.87のECMAScript 6特集を読んだ(+TypeScript) - dackdive's blog
特集1の「今すぐ活かす！ 最新JavaScript 進化した仕様ECMAScript 6をまるごと解説」を読んでES6（またはES2015）について勉強している。 WEB+DB PRESS Vol.87 作者:佐藤 鉄平,小林 明大,石村 真吾,坂上 卓史,上原 誠,鳥居 英,佐藤 歩,泉水 翔吾,うさみ けんた,伊藤 直也,高橋 侑久,佐藤 太一,hayajo,橋本 翔,西尾 泰和,中島 聡,はまちや2技術評論社Amazon ES6 については既に web 上でたくさんの記事があったりスライドが上がってたりするが、 書籍として出版されているものは要点がコンパクトに分かりやすくまとまっており、これから学ぼうとする人にはこの特集記事が一番いい資料だと思う。 個人的には ES6 で導入される新しい文法が「今の（ES5 の文法での）JavaScript だとどう書くか」と対比されているため それ
HTML5オールスターズ勉強会 資料まとめ - dackdive's blog
6/13 (土) は htmlday ということで、こちらのイベントに参加してきました。 HTML5オールスターズ勉強会｜IT勉強会ならTECH PLAY［テックプレイ］ 第58回 HTML5とか勉強会 - HTML5最新情報@Google I/O, de:code 2015｜IT勉強会ならTECH PLAY［テックプレイ］ とりあえず今の時点で公開されてるスライド資料やらキーワードやらをまとめ。 （随時更新します） Twitter でのハッシュタグは #dotshtml5 , #htmlday , #html5j などなど。 （2015/06/15追記） 若狭さんの『ハードウェアこわい』、川田さんの『The next generation mobile web!』 のスライドを追加しました。 （2015/06/19追記） 『Edge だけじゃない! Build 2015 で発表されたそれ
Service Workerハッカソン資料まとめ - dackdive's blog
本日開催されてた Service Worker ハッカソン。 http://googledevjp.blogspot.jp/2015/03/service-worker.html 参加できなかったので後で自分で見るように twitter で流れてた資料をまとめ。 ハッシュタグは #serviceworker です。 セッション動画 前半 後半 [Service Worker] プッシュ通知の使い方 - Google スライド スライド イントロ Service Worker 入門 Push 通知 Fetch API Service Worker のデバッグ方法 その他資料 Service Worker を使ったデモ https://jakearchibald.github.io/trained-to-thrill/ ソースコード https://github.com/jakearchiba
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
