GitHub - kawasima/jagrid: Japanese-styled grid framework.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
AngularJSアプリケーション開発ガイド
Web開発者にいま最も支持されているJavaScript MVCフレームワーク「AngularJS」の解説書。定型的な単純作業が繰り返されがちなWeb開発をよりシンプルで楽しいものにしようというのがAngularJSの試みです。本書ではまずAngularJSアプリケーションの構成要素を押さえた上で、AngularJSアプリケーションの開発、テスト、実行手順を解説します。サーバ通信のAPIや考慮するべき点、ディレクティブの仕組みについて解説し、最後にAngularJSのさまざまな活用例を紹介します。GoogleがサポートするAngularJSには、開発メンバーがGoogleのメールやマップ、カレンダーといった大規模Webアプリケーション開発を通して学んだ教訓が凝縮されています。 まえがき 1章 イントロダクション 1.1 コンセプト 1.1.1 クライアント側のテンプレート 1.1.2 MV
Browser Support in jQuery 1.12 and Beyond | Official jQuery Blog
With Microsoft ending Windows XP support this month, we’re giving the jQuery community some long-lead-time notice on changes to browser support. First of all, don’t panic! Nothing is really changing with respect to the browsers that can run jQuery for at least six more months. Our goal is to let everyone in the web development community know what the jQuery team intends to do over the next year, s
UIkit - コンポーネントがたくさんある軽量HTML5デザインフレームワーク MOONGIFT
これだけ色々出てくるとどれを使おうか迷ってしまいますね！ UIkitはHTML5向けのフロントエンドフレームワークです。いわゆるBootstrapやFoundationと同じようにWebインタフェースを手軽に作れるようにしてくれるフレームワークです。Bootstrap臭を嫌う方はチェックしてみてはいかがでしょう。 UIkitのスクリーンショット 今回はとにかくスクリーンショット満載です。隅々まで見て、自分のニーズにマッチしているか確認してください。まずは様々な部品を組み合わせたレイアウト例から。 トップページ風デザイン。 画像とテキストの配置。この隙間の空き方がいい感じじゃないかと。 ポートフォリオ風。 マウスオーバーで拡大するための虫眼鏡表示。 モーダルもあります。 ブログ風。 ドキュメント表示。 コンタクトやチームメンバーの表示。このレイアウトいいですね！ フォーム付き。もちろんメンバ
はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer Blog
こんにちは、id:hakobe932です。はてなブログではユーザ体験の改善のために、ページ表示速度を向上させるための様々な取り組みを行っています。このエントリーでは、はてなブログで行っている、ブラウザキャッシュの活用、JavaScriptのページ最下部での読み込み、JavaScriptの圧縮、という3つの取り組みについて解説します。 ブラウザキャッシュの活用 同じ内容のJavaScriptやCSSを、ページを表示するたびにダウンロードすると、余分なHTTPリクエストが発生しますし、読み込み時間がかかります。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 $ curl -I http://hat
jsDelivr·多彩なJavaScript/CSS/Web Fontsに対応したCDN MOONGIFT
一度使うと止められなさそうなサービスですね。 GoogleやYahoo、MicrosoftではjQueryをはじめ有名なJavaScriptライブラリについてホスティングし、CDNとして提供しています。そもそも配置するのが面倒だったり、トラフィックで課金が発生しないようにと使っている人も多いのではないかと思います。 しかしあまり有名ではないライブラリについてはどうでしょう。そこで使ってみたいのがjsDelivr、多彩なライブラリを配信するオープンなCDNです。 jsDelivrの使い方 使い方は簡単で、公式サイトへ行き、ライブラリを検索します。現在914のプロジェクトが登録されています。そして表示されているライブラリのURLをコピーするだけです。 こんな感じに並んでいます。 検索もできます。 後はコードをコピー&ペーストするだけ。 新しいバージョンがきたら通知を受け取ることもできます。 バ
fn.js - JavaScriptを関数型言語のスタイルで書く！ MOONGIFT
JavaScriptは関数型言語の特徴を取り入れていると思いますが、純粋な関数型言語ではありません。通常はオブジェクト言語としてプログラミングするかと思います。しかし今、そしてこれからのトレンドは関数型言語と言われています。 そこでJavaScriptでより関数型言語的なプログラミングを可能にするfn.jsを使ってみましょう。慣れるまでは戸惑うかも知れませんが、面白いプログラミングができそうです。 試し中。 fn.jsのインストール fn.jsはクライアント/サーバサイドの両方で利用できます。クライアントサイドの場合は単純に読み込むか、require.jsが使えます。 <script src="path/to/fn.js"></script> // または <script> require.config({ paths: { fn: 'path/to/fn' } }); define(['
You Might Not Need jQuery
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
jQuery 1.11.0 と 2.1.0 での変更箇所の自分なりのまとめ | 私的なjQuery他
jQuery 1.11.0 と 2.1.0 がリリース されたので、自分なりに変更点をまとめました。 誤訳や誤解して間違ってまとめていることもあるかも知れませんので 読まれる際はご注意下さい。 以前の記事( beta1 , beta2 , beta3 , rc1 )の要約みたいなものです。 （※ページをそのまま訳したわけではありません） 箇条書きにすると以下のような感じ： API に変更点無し リフロー(レイアウト)強制を少なくした 読み込み時のオーバーヘッドを低減 カスタムビルドがより細かく可能に ビルド方法(2013/1/27 時点) npm への登録、ついでに Bower にも 圧縮ファイルからソースマップ用コメントを削除 API に変更点無し 1.10, 2.0 から API の変更はありません。 多くのバグ修正と AMD 対応強化、npm 登録、性能改善など、 内部の管理環境の変
asm.js AOT compilation and startup performance | Luke Wagner's Blog
With the recent announcement of a commercial game shipping using Emscripten and asm.js, I thought it’d be a good time to explain how asm.js is executed in Firefox and some of the load-time optimizations we’ve made since the initial landing of OdinMonkey in March. (OdinMonkey is an optimization module inside Mozilla’s JavaScript engine.) There have also been significant throughput optimizations as
Frida • A world-class dynamic instrumentation toolkit
Dynamic instrumentation toolkit for developers, reverse-engineers, and security researchers. Scriptable Inject your own scripts into black box processes. Hook any function, spy on crypto APIs or trace private application code, no source code needed. Edit, hit save, and instantly see the results. All without compilation steps or program restarts. Portable Works on Windows, macOS, GNU/Linux, iOS, wa
Frameworkless JavaScript
That’s around 150kb of code before the actual development has even started. Currently, the combined size of Muut with all the UI views and controllers (the glue between API and views) is just 40kb when minified. How much would that be with a framework? It should be much smaller if the purpose of a framework is to reduce the amount of work to achieve the goals. 40kb is easy to manage and build upon
floatlabels.js - placeholderがラベルへ移動するライブラリの決定版！ MOONGIFT
これは使える場面が多そうですよ！ 最近Webフォームでplaceholderを使って入力すべき項目を明示するケースが増えていますが、入力をはじめるとplaceholderがなくなるので入力すべき項目が分からなくなるという弱点があります。そこで開発者が取り組んでいるのが入力を開始するとplaceholderが移動するフォームライブラリです。 幾つかの実装例がありましたが、その完成形とも言えるのがfloatlabels.jsです。カスタマイズ性も高く、ユーザビリティにも優れたソフトウェアになっています。 とりあえず試す 何はともあれまずはその見た目をチェックしましょう。 入力前。placeholderが出ています。 入力を開始するとplaceholderの代わりにテキストフィールドの上部に文字が出てきます。 アニメーションしながら表示されるので違和感はなさそうです。 日本語でも大丈夫です。 使
JavaScriptで学ぶ関数型プログラミング
本書はJavaScriptを使って関数型プログラミングを学ぶ書籍です。関数型言語としてJavaScriptを理解し、使用することにより、コードがより洗練され、美しく、そして読みやすいものになることを目的としています。JavaScriptビルトインのデータ型を上手に利用するための基本知識やJavaScriptにおける関数の持つ特性など、関数型プログラミングの技術とその考え方について解説します。また実際のJavaScriptコーディングに関数型プログラミングのエッセンスを加えるポイントをサンプルを使って丁寧に説明します。関数型プログラミングに精通した著者が書き下ろした本書はテクニックを増やし、コーディングのイマジネーションを広げたいエンジニア必携の一冊です。 Jeremy Ashkenasによるまえがき Steve Vinoskiによるまえがき 訳者まえがき はじめに 1章 関数型JavaSc
イマドキのIDE事情(167) 手軽に導入!JS Test DriverでJavaScriptをテストしてみよう
JS Test Driverとは? JS Test DriverはオープンソースのJavaSscript用テスティングフレームワークで、Googleによって開発されたものだ。ブラウザを制御してテストを実行するサーバ(複数のブラウザを制御可能)と、そのサーバと通信するクライアントからなり、コマンドラインから実行できるためCIとも組み合わせることが可能だ。 また、コマンドラインから実行するだけでなく、IDE用のプラグインも用意されている。今回はこのJsTestDriverについて見ていきたい。 JS Test DriverでJavaScriptをテストしてみる はじめに基本的なコマンドラインでの利用方法から見ていこう。まずダウンロードページからJsTestDriver-x.x.x.jar(x.x.xの部分はバージョンによって異なる。本稿執筆時点では1.3.5)をダウンロードする。ここではテスト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Mithril
https://jp.techcrunch.com/2014/02/12/20140211npm/
React
http://sap.github.io/openui5/