人気上昇中のJavaScriptライブラリを調べてみた［ジャンル別に比較］
連載 INDEX 次回 → こちらのページで【2015年版】も発表！ ■ 2014年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2013年中に人気が急上昇してきており、「2014年では必須の知識」となりそうなJavaScriptライブラリ（Library）をランキング形式で発表する。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、その英単語にもヒットしてしまう。このノイズがGoogleトレンドでの結果として入り込んでいる可能性が高いことをご了承いただきたい。各ジャンルは、筆者が独自
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなブログの「最新記事」サイドバーを魔改造する - 太陽がまぶしかったから
サイドバーの最新記事にアイキャッチを重ねて表示する 『【修正済】はてなブログの「最新記事」を画像付きにする方法。 - #ChiroruLab』について、弊ブログでも『http://bulldra.hatenablog.com/entry/2013/11/02/203551』のように設置したのですが、いくつかの点について改造することとしました。 マウスオーバーすると文字をズームしつつ画像を暗くして強調 本来の「最新記事」と同様にモジュールのタイトルにアーカイブ画面をリンク モジュールのタイトルに「>>ARCHIVE」を追加 はてなブックマーク数を表示 設置方法 JavaScriptで生成しているため、最新記事モジュールではなくHTMLモジュールを利用します。HTMLのタイトルを読み取ってリンクを生成しているため、タイトルを変更する際にはプログラムも変更する必要があります。 <!-- 新しい記
クライアントサイドJavaScriptのライセンス管理 | GREE Engineering
最近シリコンウエハーもらって嬉しかったago（@kyo_ago）です。 このエントリはGREE Advent Calendar 2013 11日目の記事です。 今回はクライアントサイドJavaScriptにおけるライセンス管理の問題を取り上げたいと思います。 ライセンス管理の問題点 「使用しているライブラリのライセンス管理をどうするか」はクライアントサイドJavaScriptにかぎらず発生する問題ですが、クライアントサイドJavaScriptには以下の様な特徴があるため問題が複雑になります。 コードが結合、圧縮される場合がある クライアントサイドJavaScriptでは読み込みの速度を上げるため、使用しているライブラリの結合、圧縮を行うことがあります。しかし、この時誤ってライセンス文が捨てられてしまうことがあります。 ソースが外部に公開される クライアントサイドJavaScriptではソー
今、AngularJSというフレームワークがヤバい - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年11月05日10:36 JavaScript 勉強会 今、AngularJSというフレームワークがヤバい 先週の土曜日、ランサーズさんで行われた 第３弾 週末ランサーズ に参加して個人的に今アツい AngularJS について話してきました。 AngularJS は ng-repeat が便利だったり、コードの見通しが良くなるなどいろいろなメリットがあると思うのでうまく使えば大変メリットがあると思います。特に、データの状態（要素の追加・削除や、状態のon/off など）を制御すればそれに合わせて view の表示はすべて AngularJS がやってくれるというのは素晴らしいですね。 ちなみに、以下の資料の中で ng-app とか ng-repeat とか出てきますが（これは directive と呼ばれます）、この ng というのは AngularJS の２文字目と３文字目を表
javascriptで変数に入った画像のバイナリデータを表示したいと思っています。…
javascriptで変数に入った画像のバイナリデータを表示したいと思っています。 画像のバイナリデータは http://developer.mozilla.org/en/docs/Storage を使って、ローカルのsqliteのDBから画像データを取得しています。 そのデータをbase64でエンコードして、(それをthe_data とする) img.src = 'data:image/jpeg;base64,' + the_data; のようにして、画像を表示させたいと思っています。 javascriptでこのようなことは可能でしょうか？ というか、うまくいかないので、教えてください。 perlでは以下でできました。 --- use DBI; use MIME::Base64; my $dbh = DBI->connect('dbi:SQLite:dbname=test.db','',
redirect to javascript-style-guide
■□■リダイレクトしています。■□■ しばらくしても移動しない場合はこちらをクリックしてください。
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
モテる JavaScript
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/427/room ーーーーーーーーーーーーーーーーーーーーーーー
onsubmitやonclickで処理を中断させる方法(return false) - (ﾟ∀ﾟ)o彡 sasata299's blog
2010年01月11日22:30 JavaScript onsubmitやonclickで処理を中断させる方法(return false) よく、リンクで onclick とか、フォームで onsubmit とかするじゃないですか。それで、今回もこんな感じのことをやろうと思ったんです。 テキストが空だったら警告を出して処理を中断する テキストが空じゃなかったらアクションを実行する 「onsubmit の返り値が false なら submit の処理が中断されるだろう」と思ってさくっとこんな感じに書いてみました。いたってシンプルです。 <script type="text/javascript"> function blank_check() { if (document.getElementById('name').value == "") { alert("ﾆｭｳﾘｮｸｰヽ(ﾟ∀ﾟ)ﾉ
I am mitsuruog | Airbnb JavaScript スタイルガイドを翻訳しました
知っている人は知っている「Airbnb」の JavaScript スタイルガイドを翻訳しました。 急に上司から「Javascript のスタイルガイドないの？」って言われて困ったら思い出してください。 このエントリでお伝えしたいこと。 ネタがなくて困ってたら使ってください。 困ってなくても、イイなと思ったら使ってください。 良かったら Airbnb も使ってください。 Airbnb とは Airbnb とはアメリカのサンフランシスコにある、個性的な宿を扱うスタートアップ企業です。詳細は下の記事を読んでください。 旅行のソーシャル化は「現実世界の Facebook」、AirBnB CEO に聞いた。 Airbnb（JP） 去年の秋くらいに、サイバーエージェントさん主催の Frontrend で名前を聞いた（ような気がする・・・）辺りからチェックしていました。 このたび勉強のついでに翻訳してみ
yoshimasa niwa - ポップアップウィンドウをUIWebViewで使う
UIWebViewはiPhone SDKのかなり重要なUIKitのクラスです。 ご存知の通りSafariが丸ごと入ってますが、しかし、ウィンドウを開く、ポップアップするというイベントは無効にされています。 <a href="somehere" target="_blank" />Open this link in new window</a> たとえば、このようなリンクがUIWebViewのなかで表示されてユーザがクリックしたとしても、何も起きません。 勿論、UIWebViewはかなり高度に抽象化されていて、いくつかのメソッドを呼ぶ事はできます。 そこで、完璧ではないのですがある程度この問題を解決する手段があります。 鍵となるメソッドは次のものです。 language:objc - (BOOL)webView:(UIWebView *)webView shouldStartLoadWith
Jasmine: Behavior-Driven JavaScript
Behavior-Driven JavaScript Documentation:(日本語訳) 1.3 Not yet translated below 2.0 2.1 2.2 Edge Jasmine on GitHub
I am mitsuruog | Jasmineを和訳しました
最近、私の中で Backbone.js と共に注目の Jasmine のドキュメントを和訳しました。 本家のドキュメントはこちらです。 和訳したものはこちらです。 （もし、訳で怪しいところがあればご指摘ください。） http://mitsuruog.github.com/jasmine/ ちなみに Jasmine は Javascript のテスティングフレームワークの 1 つです。 他のフレームワークを満足に扱ったことがないので、あまり偉そうなことは言えませんが、特徴として次のようなことを挙げておきます。 standalone 版（JS ファイル）があり、ブラウザのみでテスト実行と結果の確認ができる。 テストケースのネストが可能、（Java で言うことの）setUp、tearDown 機能がある。 豊富な matcher。 Mock（Spy）が割と簡単に作れる。 jasmine-jque
JSter – JavaScript Catalog
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUIUI FrameworksWindows, Modals, PopupsKeyboard WrappersForm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
大規模 JavaScript その設計と実装と現実
ワイヤーフレームとはどういうものか？という概略 ワイヤーフレームだけでは説明しきれないところをどう補うか、が課題 Adobe XD Meeting #05での発表内容です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryイディオム：テーブルの行クリックでチェックボックスにチェック入れる - とっくりばー
Browser Pong
http://seriouslyjs.org/
JavaScriptでオブジェクトの型を判別するのにtypeof演算子使うとツラいよね - Qiita
