JSer.info 10周年: JavaScript情報の集め方、書き方、まとめ方
JSer.infoは2011年1月16日に公開したJavaScriptの情報サイトで、2021年1月16日で公開してからちょうど10年です。 JSer.infoでは、10年間で10201サイト紹介し、522コの記事書いてきました。 JSer.infoの紹介したサイト数(累計)。ソース 10年間途切れることなく毎週更新していて、月別の記事数は毎年同じ推移です。 JSer.infoの月別の記事数。ソース この記事では、10年間やってきたJSer.infoの目的を振り返り、 JavaScriptの情報の集め方、書き方、まとめ方について書いていきたいと思います。 ⚠️ すべてを書いているのでものすごく長いです。 この記事やJSer.infoに関する意見や感想などは、次の場所に書いてください。 この記事をTweetする Twitter: #jserinfo GitHub Issue: JSer.in
JSer.info 500回目の更新 - Slackワークスペース作成、コラボレータ募集、10年に向けて
JSer.infoの500回記念の記事です。 目次 JSer.info 500回更新しました 🎉 Slackワークスペースを作りました ここから参加できます 雑談したり、編集作業を載せたり、編集後記を載せたりする場所です コラボレータを募集しています Slackベースでデータの更新する方法を用意したので、JSer.infoの更新に関わりたい人を募集しています 10年に向けて JSer.infoに最初の記事を投稿してからもう500回目です。 日数にすると3500日ほど、毎週更新し続けています。 あらためてJSer.infoの目的を振り返えると次のようなことが書かれています。 改めて、このサイトは言語問わないJavaScriptの情報を紹介するサイトです。しかし、真の目的はJavaScriptの情報を”紹介”ではなく”知ってもらう”事にあるため、継続的な活動が必要となるでしょう。 しかし、よ
JSer.info 400回記念イベントを開催しました - JSer.info
2018年9月22日(土)にJSer.info 400回記念イベントを開催しました。 無事JSer.info 400回記念イベントを行うことができました！ JSer.info 400回記念イベント - connpass 2018年9月22日(土)に JSer.info 400回目記念イベントを開催します - JSer.info JSer.info 400回記念イベント - Togetter 今回は「憶測しないで議論しよう」というテーマで開催しました。 このテーマについてはJSer.info 400回記念イベントというスライドでも話をしていますが、参加者全員が何か得られるものがあればいいなというPositive Sumの考え方で設定しました。 参加して何か得られたものがあれば幸いです。 本日はご参加いただきありがとうございました！ Special Thanks 会場: @koba04 サイボ
2018-07-10のJS: Jest 23.3.0 インラインスナップショット、npm.community
JSer.info #391 - テストフレームワークのJest 23.3.0がリリースされました。 jest/CHANGELOG.md at v23.3.0 · facebook/jest Jest 23.3.0ではtoMatchInlineSnapshotとtoThrowErrorMatchingInlineSnapshotが追加されています。 いままでのスナップショットテストは、スナップショットを外部ファイルとして保存していましたが、このInlineSnapshotはテストを実行するとテストコードを書き換えてコード内にスナップショットを保存します。 このInlineSnapshotはPrettierで整形されるのが前提となっているのため、プロジェクトにはprettierの依存が必要となっています。 また、JavaScript以外にもTypeScriptでも動作するようになっています。
PhantomJSの開発が終了しリポジトリがアーカイブ化された
QtWebKitをベースにしたヘッドレスブラウザであるPhantomJSの開発が終了され、2018年6月2日にリポジトリもアーカイブされました。 ariya/phantomjs: Scriptable Headless Browser 以前にもお伝えしていましたが、PhantomJSはQtWebKitをベースにしていて安定版が利用しているバージョンも古いままでした。 また、QtWebKitの新しいバージョンへアップデートを行うベータ版も開発されていましたが、Headless Chromiumが公開されたことや個人でPhantomJSのメンテナンスを続けていくの難しいという問題もあり開発は停止していました。 2017-05-03のJS: Headless Chrome/FirefoxとPhantomJS/SlimerJS、ES modules - JSer.info 2017-09-05のJ
JSer.infoを開始してから7年が経ちました
2011年1月15日にJSer.infoを開始してから今日でちょうど7年となりました。 今年は特にイベントもないので簡単にJSer.infoの振り返りを書いてみます。 去年の紹介記事 去年一年間に紹介したサイト数は1074でした。 また、今までのすべての紹介したサイト数の合計は7691でした。 JSer.infoの紹介したサイトデータはすべてデータ化されているので次のページから見れます。 jser/jser.info JSer.info Data Dashboard JSer.infoのゴール あらためて振り返るとJSer.infoのゴールは次のようなものです。 「JavaScriptに興味がある人にもっとJavaScriptを知ってもらう」 「JavaScriptの情報を整理して正確に伝える」 「更新コストを小さくして、継続できる形を作る」 毎年この時期になるとゴールを振り返って、そもそ
2017-12-19のJS: JavaScript開発者アンケート2017、Reactのインフラ、CQRS/EventSourcing
JSer.info #362 - The State of JavaScript 2017: IntroductionにてJavaScriptを使う開発者向けアンケートの結果が公開されています。 JavaScriptのフロントエンドからバックエンド、ツール、言語、ライブラリ、CSSなど幅広く扱った内容になっています。 またそれらの結果と給料や経験年数などを組み合わせた結果を見れます。 たとえば、#StateOfJS 2017 Results: Front-end Frameworksではフロントエンドのフレームワークとして何を使っているかという質問の結果が掲載されています。 結果としてはReact、何も使ってない、Angularとなっていて、それらのフレームワークをまた使いたいかどうかや組み合わせて使っているのかなどの投票結果が書かれています。 去年の結果もhttp://2016.stat
2017-12-11のJS: Parcel、webpack 4.0.0α、Node.js Performance改善ガイド
JSer.info #361 - 設定より規約(Convention over configuration)なbundlerであるParcelがリリースされました。 🚀 Announcing Parcel: A blazing fast, zero configuration web application bundler 📦 webpackやFuseBoxは詳細を設定ファイルで扱いますが、Parcelには現時点では設定ファイルがありません。 代わりにビルトインのプラグインとpacakge.jsonに書かれたparcel-plugin-から始まる名前のパッケージをPluginsとして読み込むことで、対応するファイル(Assets)などを拡張します。 （Assetの内部処理として、それぞれのAssetsに対応する設定ファイルを使う仕組み。たとえばJSAssetならば内部的にBabelが利
2017-10-17のJS: Vue 2.5.0、E2Eテストフレームワーク、GlimmerのBinary Template
JSer.info #353 - Vue 2.5.0がリリースされました。 Release v2.5.0 Level E · vuejs/vue Vue 2.5 released – The Vue Point – Medium Vue 2.5 release details 以前から予告(Upcoming TypeScript Changes in Vue 2.5 – The Vue Point – Medium)されていたTypeScript向けの型が改善されています。 また、React 16で導入されたError BoundariesのようにエラーをキャッチすることができるerrorCapturedというhookが追加されています。 E2EテストフレームワークであるTestCafe v0.18.0がリリースされています。 Angularに対応するtestcafe-angular-se
JSerレポート #1 Bundlerの未来、テスティングフレームワークの現状
JSer.infoでは不定期でレポートという形で、特定のテーマに関する状況をまとめています。 jser/report レポートなどの更新情報を知りたい方はRSSやTwitter@jser_infoをフォローしてみてください。 Bundler #1 JavaScriptのコードはモジュールに分けて開発することが一般的です。 ブラウザにおいて、一つずつ<script>タグでモジュールをロードするのはラウンドトリップやコネクションの問題が発生します。 そのため、多くの場合ブラウザ向けのコードはモジュールをまとめた(bundleした)ファイルを作成して配信します。 ES6 ModulesはHTTP/2によってconcat無しで使えるようになるのか - teppeis blog レトロエンジニアのための近代Webフロントエンド事情 - Qiita その際にモジュールの依存関係などを解決しながらファイ
2015-12-07のJS: Jasmine 2.4.0、Redux入門、Firefox Platform Status
JSer.info #256 - Jasmine 2.4.0がリリースされました。 テストをランダムな順番で実行する設定が追加されています。 例えば、次テストは実行順序に依存しています。そのためランダムな順番で実行するとテストが落ちます。 var count = 0; describe("random 1", function () { it("should be 1?", function () { count++; expect(count).toBe(1); }); }); describe("random 2", function () { it("should be 2?", function () { count++; expect(count).toBe(2); }); }); CLIだと上手く動いてないですが、HTMLレポーターでrandomのオプションを有効化するとランダ
2015-11-03のJS: Vue.js 1.0.0、Babel 6.0、Node.js 5.0
JSer.info #251 - Vue.js 1.0.0がリリースされました。 0.12.16から1.0.0までの変更はリリースノートに詳しく書かれていますが、テンプレート周りの改善や非推奨のAPIの削除やAPIの整理が行われています Vue.js 1.0.0 Released - vue.js (翻訳) Release 1.0.0 Evangelion · vuejs/vue 同時にVue.jsに再入門するという趣旨の記事が作者によって書かれているので一緒に見てみるといいです。 Vue.js: a (re)introduction JavaScript変換ツールであるBabel 6がリリースされました。 6.0.0 Released · Babel babel/CHANGELOG.md at master · babel/babel NOTE: Not all integrations
2015-10-25のJS: ESLint入門、ECMAScriptとは何か?、rollupとES6 modules
JSer.info #250 - ESLint v1.7.0がリリースされました。 .eslintrc内に"extends": "./foo.js"と書くことでJavaScriptファイルを継承出来るようになっています。 また、JavaScript - ESLint 最初の一歩 - Qiitaという記事では、ESLintの使い方、設定方法、エディタ、ES6関連のルールについてなどが紹介されています。 初めてESLintを使う際に見てみるといいかもしれません。 ECMAScriptの仕様策定に関するカンニングペーパー | Web Scratchという記事ではECMAScriptについてQ&A形式で紹介しています。 ECMAScriptに出てくるTC39とは何か?という疑問から、ES6とES.nextの仕様策定プロセス、どのような仕様が提案されているかなどについて書かれています。 仕様策定に関
2015-07-14のJS: jQuery 3.0αリリース、JSHintとES.next
JSer.info #236 - jQuery 3.0αがリリースされました。 jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released | Official jQuery Blog まだα版ですが、.show()と.hide()の仕組みの変更、jQuery.DeferredがPromise/A+互換になり、2.xでdeprecatedとなっていたメソッドの削除などが行われています。 また、以前断念したrequestAnimationFrameによるアニメーションがjQuery 3.0では有効化されています。 .show()と.hide()については以前の挙動に依存したものが多そうなので、α版でどうなるかを試してフィードバックをしてみるといいかもしれません。 A Formal Commitment to New Language Fe
2015-07-06のJS: React v0.14 Beta 1、Firefox 39、ES6アンケート結果
JSer.info #235 - React v0.14 Beta 1がリリースされました。 大きな変更として、reactとreact-domの2つがパッケージに分けられています。 今までreactモジュールにあったAPIがそれぞれ以下のように移されています。 (移されたAPIはreactモジュールから触るのがdeprecatedとなってます) react-dom ReactDOM.render、ReactDOM.unmountComponentAtNode、ReactDOM.findDOMNode react-dom/server ReactDOMServer.renderToString、ReactDOMServer.renderToStaticMarkup これらの移行したAPIやES6 Classes対応などはreact-codemodという移行用のツールで変換できるようになるよう
2015-06-30のJS: Ember Data Stableリリース、JavaScriptアンケート
JSer.info #234 - Ember DataがついにStableリリースされました。 Ember.js - Ember Data v1.13 Released 2年ほど前にEmber Data 1.0 Beta 1が公開されていましたが、その後も順調に変化を重ねて、今回Ember.jsのバージョンに併せてEmber Data 1.13としてリリースされました。 リリース記事ではEmber Data 2.0に向けての変更点についても書かれています。 JavaScript Scene Tech Survey Results — JavaScript Scene — Mediumという記事ではTwitterでEric Elliottさんが中心となってJavaScriptについてアンケートを取った結果が公開されています。 ES6を使った事があるかや興味のあるES6の機能、興味のあるフレー
2015-06-16のJS: Vue.js 0.12、Exploring ES6、2015年のJavaScriptの流れ
JSer.info #232 - MVVMライブラリであるVue.js 0.12がリリースされました Vue.js 0.12 released! - vue.js Release 0.12.0: Dragon Ball · yyx990803/vue Release 0.12.1 · yyx990803/vue 0.12.0では v-componentとv-withを廃止したり、Reactのようなpropsで値を渡すony-wayバインディングの導入、Asynchronous Components、Element Directivesの追加など色々変更されています。 0.12.0と0.12.1で破壊的な変更があったりして、まだ色々変化してるようですが、データバインディングで混乱の元になるデータの流れについて整理しているようです。 Vue.js 0.12.1 で使える Prop Bindin
2015-03-09のJS: ESLint 0.16.0、AtScript is TypeScript
JSer.info #218 - ESLint 0.16.0がリリースされました。 ESLintが利用するJavaScriptパーサであるespreeでES6の構文のほとんどをパース出来るようになったため、ESLintもほぼES6に対応しました。(ただしルールはES6に対応してない部分もあります) Add ECMAScript 6 features · Issue #10 · eslint/espree また、以下のように // のコメントを使ってESLintの設定変更に対応しています。 Angular 2: Built on TypeScript - TypeScript - Site Home - MSDN Blogsという記事では、AngularJS 2.0で導入が予定されていたAtScriptはTypeScriptに統合されると発表されました。 以前からTypeScriptチームと
JSer.info 4周年
今日でJSer.infoは4周年です。 この一年の間に、Ju U-YeongさんによるJSer.infoの韓国語訳が始まったり、このブログをGitHub Pagesに移行したり、JSer.info 200回記念イベントをやったりしました。 この一年ではGulpがGrunt並に使われるようになった事やBrowserifyやwebpackといったビルドツールの利用をよく見るようになったり、最近では6to5の登場もあってES6の構文を使って書ける環境などツール周りの変化が大きかった気がします。 ブラウザではIEのサポートポリシーの変更やstatus.modern.IEの公開、オープンガバナンスモデルを元に予測可能なリリースサイクルの提供を目的としたNode.jsのforkであるio.jsが公開されたりしました。 どちらも新しい技術へ追従するために、高速なリリースサイクルを取り入れる事が目的の一つ
JSer.info 200回記念イベントを開催しました
まずは、2011年1月16日から始めて毎週書いてるJSer.infoでどれくらいの記事を紹介してきたかや、最近あった出来事として韓国語訳やGitHub上に移行した話等をしました。 また、現在どういうふうにJSer.infoを更新してるか等についても話しました。 世界のJavaScriptを読もう @ 2014 2つ目は1周年記念で話した世界のJavaScriptを読もう @ 2012の2014年版という感じです。 オフライン勉強会でJSer.info一周年について発表してきた - JSer.info 世界のJavaScriptを読もう @ 2014は来る人にあわせて少しコアよりな部分も多い感じです。 画面下にスクロールすると^Note的なのも見えるのでそちらも読むといいかもしれません。 LoopBackについて - @yuumi3 Node.js製のフレームワークであるLoopBackにつ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
