Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

TutorialsFree in-depth guides with code samples. Made for professional frontend developers. Intro to StorybookLearn to create bulletproof UI components, along the way you'll build an app UI from scratch.10 Chapters Design Systems for DevelopersDiscover how to build and maintain design systems using Storybook.9 Chapters

Greenkeeper を使わない npm パッケージの更新戦略について提案です

Having used Vue at work, I had a fairly solid understanding of it. I was, however, curious to know what the grass was like on the other side of the fence — the grass in this scenario being React. I’d read the React docs and watched a few tutorial videos and, while they were great and all, what I really wanted to know was how different React was from Vue. By “different”, I didn’t mean things such a

今回は超小ネタ。送信が完了したなりなんなりかで画面遷移がスムーズに行われないとユーザが訝しんで送信ボタンを何度もクリックして多重送信になる and 管理者や運営者はそれに苦慮する結果、多重送信されないようにして欲しいというニーズは少なからずあると思います。 が、送信ボタンにid=”submit”が割当てられていたとして、JavaScript(jQuery)で単純に $(function () { $("#submit").click(function () { $(this).attr("disabled", "disabled"); }); }); としてもクリックした直後に送信ボタンがdisabledになって一部ブラウザを除いてformの内容を送信できなくなります(WinXP + IE, firefox, GoogleChrome, Opera, Safariで確認してfirefoxの

概要 Airbnb の JavaScript Style Guide を適用する eslint のプラグイン eslint-config-airbnb を入れてコーディングをすると、 for ... of を使うなと怒られる。仕方ないので、map とか forEach とか every とか使っているうちに、for..of を使わないでやっていけるようになったという話。 1. 状況整理 1-1. 怒られる理由 for..of を使うと eslint-config-airbnb が怒る。理由は no-restricted-syntax 。詳しいことは、Qiita の記事「ESLint対応物語 ~no-restricted-syntax~」 と、その記事へのコメントが詳しくて、抜粋すると以下。 for-of 構文を Babel (babel-preset-es2015) で変換すると rege

'; collapsItems['collapsArch-2019-12:'] = ' 「ジョーカー」 「i -新聞記者ドキュメント-」'; collapsItems['collapsArch-2019-10:'] = ' データサイエンティストとは？ 時間泥棒について'; collapsItems['collapsArch-2019-5:'] = ' 改めて「憲法」について考える'; collapsItems['collapsArch-2019-4:'] = ' 「資本主義」と「経済学」を一から学ぶ'; collapsItems['collapsArch-2018-10:'] = ' 「サピエンス全史」と「ホモ・デウス」を読んで考える未来'; collapsItems['collapsArch-2018-1:'] = ' 「AirPods」の真価は、iPhoneだけじゃなくて「Apple

Intro Service Worker の初心者向けのチュートリアルや、使ってみた系のエントリも増えてきました。 しかし、Service Worker は通常のブラウザ用 JS の開発と少し経路が違い、慣れるまで開発やデバッグもなかなか難しいと思います。 そこで特に難しい部分、そして分かっていないと実際にデプロイした際に難しいと思う部分について、実際に動きを確認しながら解説したいと思います。 なお、Service Worker の基本的な概念などについては、他のチュートリアルなどを見て理解している前提で進めます。 思いつきで撮ったので色々ミスも有ります、また Chrome Dev Tools の UI はどうせ変わるのでそのつもりで見てください。 TODO になっている動画は、そのうち撮って追加します。 List claim controllerchange updatefound up

カレンダーを実装する必要があって、Pikaday.jsを利用しました。 github.com 2ヶ月間表示など、色々と欲しい機能が付いていて助かったのですが 「土日祝を表示・選択させない」必要があり、少しソースを調整したのでメモ。 調整した内容 1) render functionに土日と祝日の判定を入れる render: function(year, month, randId) { var opts = this._o, now = new Date(), days = getDaysInMonth(year, month), before = new Date(year, month, 1).getDay(), data = [], row = [], holidays = []; // 指定日（祝日）を設定 holidays.push(new Date(2016,11,23), n

The JSONPath Expression Tester allows developers to test and evaluate JSONPath, the XPath like syntax for JSON. Based on the popular JSON Formatter & Validator, the JSONPath Tester allows users to choose between PHP implementations of JSONPath created by Stefan Gössner and Flow Communications' Stephen Frank. JSONPath offers developers a simple way to extract specific JSON data from a file, the sam

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

リストの表示で<a>タグを利用していると現在表示中のページのリンクだけ無効にしたいといったことが時々あります。 これまでは<a>タグにdisabledといった属性はないので、<span>タグに切り替えてHTMLを出力していましたが、CSSを使ってもっと簡単にできることを知ったので、そのメモになります。 目次コードコード（IE、Edgeの場合）hrefの属性自体を出力しないコード（JavaScriptの場合）コード（jQueryの場合）実際の表示確認まとめ参考リンク コードは至って簡単で以下のようなCSSクラスを定義します。 a.disabled{ pointer-events: none; } あとは無効にしたいリンクに設定するだけです。 <a href="/" class="disabled" tabindex="-1">CSSクラスに「disabled」を設定したリンク</a> boo

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

2018.06.26 に #ichigayageek で話したスライドです。 https://ichigayageek.connpass.com/event/87792/

JavaScript おれおれ Advent Calendar 2011 – 12日目 JavaScriptで123.toString()はエラーになるけど、123..toString()は正常に動作する。これってトリビアの種になりませんか？ — 高梨ギンペイ / Ginpei (@ginpei_jp) 12月 11, 2011 というわけで、123.toString()は駄目だけど、ドット.を二つにした123..toString()はvalidです。 なんでかっていうと、123.までが数値として解釈されるから、です。 ですから123.toString()というコードは、123.という数値の直後にメソッド名toStringが出現する、と解釈されるため、パースエラーになっちゃいます。次のコードと等価です。 ドット.を二つにすると123.という数値の次にはドット演算子.があって、それからメソッ

Ryan Dahl は Node.js の original author ですが、彼の作ったプロダクト deno に関するトークが jsconf.eu 2018 でありました。 Node.js にずっと関わってきた僕が見て非常に興奮するような話だったので、しばらくぶりにブログに書き起こすことにしました。 背景 Ryan Dahl は2009年に Node.js の話を初めて公の場に公開しました。その時の「公の場」というのが「jsconf.eu 2009」です。 www.youtube.com Video: Node.js by Ryan Dahl - JSConf.eu - 2009 この発表から Node.js が広まり、今やサーバのみならず、IoTデバイス、デスクトップアプリなど、様々なところで動作しています。 で、今回はその発表から9年の歳月が経過し、Node.jsに対しての設計不