JavaScript dayjsはMoment.jsの代替になるか? | nansystem
JavaScriptの日付操作には罠が多く、業務では日付操作を簡単かつ安全に操作するライブラリが使われる。日付操作のライブラリの中でもMoment.js (opens new window)(Star数40,601)はよく知られているが、ファイルサイズが大きくパフォーマンス改善の妨げになることがある。 そこでこの記事ではより軽量でMoment.jsの代替となるdayjs (opens new window)(Star数19,872)を紹介する。 # dayjsとは dayjsとは、日付操作を簡単にするJavaScriptのライブラリだ。Moment.jsのAPIと広く互換があり、gzip圧縮されたサイズは2.71KBと軽量なのが特徴だ。 # インストール dayjsが十分Moment.jsの代わりになり得るのか確認していく。 まずはインストールして、業務で使われる日付操作をみていく。
Webフロントエンド パフォーマンス改善ハンドブックを公開しました - dwango on GitHub
パフォーマンス改善ハンドブック ウェブページにおけるパフォーマンスに関する問題の見つけ方や考え方の事例をまとめた Webフロントエンド パフォーマンス改善ハンドブックを公開しました。 URL: https://dwango-js.github.io/performance-handbook/ このハンドブックでは過去に行ったWebフロントエンドのパフォーマンス改善の事例を中心に紹介しています。 注意点としてWebフロントエンドは常に変化しているため、現在の最適な解決方法を提案するものではありません。 また、アプリケーションによっても最適な解決方法は異なります。 今回の事例ではViewライブラリにReactを用い、映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのWebフロントエンドを扱います。 具体的にはニコニコ生放送（以下「生放送」）で行った事例を中心に書かれていま
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
jQuery プラグインを書くための資料と便利ツール - わからん
次の3つが役立っている。最近実際にいくつか読んでいるけど、複数ブラウザ対応していたり、完成度の高いものばかりというわけではないんだなと知った。そのことにネガティブな印象はなくて、そのまま使えるものじゃなくても、公開して頂けるだけありがたいといった気分。どうせなら GitHub に置いてくれれば、気軽に修正の報告ができるしいいなとは思った。 http://docs.jquery.com/Plugins/Authoring 公式サイトの Plugins/Authoring というセクションに丁寧な解説がある。 http://stefangabos.ro/jquery/jquery-plugin-boilerplate-revisited/ テンプレ。コメント付きのほうを一度読み下すだけでも、ためになった。わざわざこのネタのための RSS フィード もあった。 http://jquery.cod
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
JavaScriptのnewって本当にいらない子？ - あと味
先日、「JavaScriptのオブジェクトについて考察してみた - あと味」を書いてから、chikuraさんからコメントいただいたり、id:dankogaiさんから「404 Blog Not Found:javascript - にはクラスはない」という記事で言及いただいたり、JavaScript: The Good Partsを読み返したりした結果、newについて調べたいという衝動にかられましたので、その調べた結果を書いてみたいと思います。 newを調べようと思ったキッカケを整理 まずは、そのキッカケから整理します。 chikuraさんのコメントより 押さえるべきポイントは、new演算子の際に何が行われるか？だと思うので、こちらのページもぜひ読んでみてください。 JavaScript の new 演算子の意味: Days on the Moon http://nanto.asablo.j
JavaScript Reference
JavaScript Contents: Number String Number <–> String Boolean Date Math Array Function logic Object type object-orientation Error (exceptions) LEGEND Operator Precedence More content is in the product closeups, especially: DOM (Document Object Model) Regular Expressions The information here is part of two printed references, that VisiBone makes, the JavaScript Card: a dense, laminated, four-page
[JavaScript] DateオブジェクトのW3CDTF拡張
JavaScript のビルトオブジェクトである Date で W3CDTF形式 の入出力に対応する拡張です。(2005/04/23) W3CDTF とは、RSS などで利用されている 『yyyy-mm-ddThh:mm:ss+hh:mm』形式の日時フォーマットです。 複数の形式がありますが、本スクリプトでは以下の形式に対応しています。 2005-04-23T17:20:00+09:00 ⇒タイムゾーン指定あり 2005-04-23T17:20:00Z ⇒タイムゾーン指定なし(GMT) テストスクリプトなども添付してサブクラス化した Date.W3CDTF バージョンもどうぞ。（2006/04/05） JavaScript ソースのダウンロードはこちら： jse-date-w3cdtf.js JavaScript （右クリックして［対象をファイルに保存］を選択） サンプルスクリプト
JavaScriptとCSSによるブロック崩しの作成：CodeZine
はじめに JavaScriptを使ってWeb上で動作するゲームプログラムを作ろうとしたとき、多くの描画に関連する制限に衝突します。DHTMLを駆使しても、イメージをピクセル単位で処理したり、クライアントアプリケーションのように豊富なコントロールを自由に配置したりすることはできません。しかし、スクリプトからHTMLオブジェクトのスタイル属性を変更することで、HTML文書上の文字やイメージを、かなり高い自由度で動かすことができるようになります。 例えば、一般的なゲームを開発する場合、イメージの重ね合わせや、イメージの上に文字を表示させるというテクニックは当然のように必要となります。スクリプトからHTMLドキュメントにアクセスするだけでは、文字やイメージの配置を細かく指定することはできませんが（ブラウザのレイアウトに依存）、スタイルシート（CSS）を駆使すると、HTMLオブジェクトをドキュメント
prototype.jsを読んでみる (1) — ありえるえりあ
prototype.jsを頭から地道に読んでます。 AJAX周りに入る直前までしか読み終わっていませんが、これはなかなか。 [注意] prototype.jsは1.4.0_rc2を使ってますが、この文章には一部、1.3.1のコードが混じっています。 2005-1-15 長いので、本文を追記に移動 ついでにカテゴリをJavaScriptに変更 var Prototype = { Version: '1.4.0_rc2', emptyFunction: function() {}, K: function(x) {return x} } Prototype.Versionでprototype.jsのバージョンが取得できる。 emptyFunctionは何もしない関数のオブジェクト。 alert = Prototype.emptyFunction;とかすると、alert()を呼び出しても何も起き
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
CMS researcher - Greasemonkeyでprototype.jsやscript.aculo.usを使う方法
Greasemonkeyでprototype.jsやscript.aculo.usが使えたら便利だろうな、と考えたことのある開発者は少なくないのではないでしょうか。ちょっとそんなアイデアを試してみたことのある方ならわかると思うのですが、Greasemonkeyでそういった外部JavaScriptライブラリは簡単には使えません。案外ハードルが高いです。 Googleで調べていたら、面白い解決方法が見つかったので紹介します。 Loading External JavaScript Libraries in Greasemonkey このブログで解説されているアプローチを用いれば、Greasemonkeyで外部JavaScriptライブラリが使えるようになります。 ポイントは、 外部ライブラリがロードされるまで待ち続ける制御構造 unsafeWindowを経由して外部ライブラリにアクセス といっ
「AJAX」人気、開発ツールキットのメーカーの競争を促進
インタラクティブなウェブサイトが人気を博していることを受け、ソフトウェア企業間の競争が促進されている。各社とも現在、独自の開発ツールキットを市場に投入し始めている。 Sun Microsystemsもこうした企業の1社である。同社は米国時間1月24日にAJAXスタイルの開発の高速化を約束するウェブアプリケーション開発ツール「Java Studio Creator 2」を発表した。IBMもこの競争に仲間入りしようとしており、来週にはAJAX用ツールの販売およびAJAX関連の開発者コミュニティを構築する計画を発表するとみられている。 AJAXという言葉は2005年2月、JavaScript、XMLなどのウェブ技術の組み合わせを表現するために作られた。ますます多くの開発者が、ウェブサイトに双方向性を加え、初代のブラウザの制限を排除するために、このようなグループ化されたツールを利用するようになって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PureScript:JavaScriptにコンパイルされるHaskellライクな言語
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT
SVG Programing Page
一撃必殺JavaScript日本語リファレンス
11月11日の技術勉強会 - はてな技術発表会日記 - 機能変更、お知らせなど
