「ほっ」と。キャンペーン

タグ:javascript サンプル ( 1 ) タグの人気記事

JavaScriptのサンプルと活用法の掲示板

c0277950_1942461.jpg


emoticon-0171-star.gif「JavaScriptライブラリ実践活用[厳選111]」
http://amzn.to/13P0Hj1

<内容>
JavaScriptジャバスクリプト)のライブラリやjQueryプラグインから厳選したものを,その特徴からサンプルソースを付けた使用例まで111個を紹介します。取り上げるライブラリはそれぞれ「UI(ユーザインタフェース)編」「スマートフォン編」「フレームワーク編」「テスト編」「小ネタ編」に分けられており,デザイナも含むWebデベロッパー必携のライブラリ便覧です。


<目次>

Part1 イントロダクション
はじめに
HTML5の基本
jQueryの基本

Part2 JavaScriptジャバスクリプト) UI編

1 リストをリッチなメニューに整形する(Apycom Menu)
2 Googleマップと連携したページを手軽に作成する(Gmap3)
3 Twitterへのツイートをキーワード検索する(monitter widgets)
4 HTMLテーブルから棒グラフや折れ線グラフなどを生成する(Visualize)
5 レーティングバーを作成する(Star Rating)
6 画像/動画をズームアップ表示する(Zoombox)
7 画像スライダーを作成する(SliderKit)
8 はてなブックマークやTwitter/Facebookボタンをページに設置する(SocialButton)
9 RSSフィードをリスト表示する(zRSSFeed)
10 ティッカー式のニュースリストを生成する(vTicker)
11 コードリストを綺麗に表示する(Snippet)
12 フォームに検証機能を付与する(Validation)
13 ソート/ページング対応のリッチなグリッド表を作成する(TableFixedHeader)
14 ファイルアップローダーを作成する(Plupload)
15 本をめくるような動作を実装する(Booklet)
16 フラットなフォームをウィザード形式に整形する(FormToWizard)
17 動画サイトのコンテンツを簡単に取り込みたい(jquery.createvideo)
18 MP3ファイルの再生プレイヤーを設置したい(jMP3)
19 かっこいいセレクトボックスを作る(Chosen)
20 HTMLにclassを指定をするだけでグリッドレイアウトを実現する(Twitter Bootstrap)
21 HTMLにclassを指定をするだけでCoolなコンポーネントを作る(Twitter Bootstrap(コンポーネント))
22 HTMLにclassを指定をするだけで動的なUIを実現する(Twitter Bootstrap用カスタムjQueryプラグイン)
23 吹き出し風にツールチップを表示する(bubble-tooltip)
24 ドラッグ&ドロップで編集可能なフォルダーツリーを表示する(Folder tree with drag and drop)
25 モーダルダイアログを表示する(modal message)
26 スライドダウン(アコーディオン)メニューを表示する(slidedown-menu2)
27 縦書き表示にする(竹取JS)
28 Google Calendarライクなカレンダーコンポーネント(FullCalendar)
29 多彩な美しいグラフを描画する(jqPlot)
30 複数ファイルに対応したアップロードスクリプト(uploadify)
31 インタラクティブなグラフを表示する(Flot)
32 jQuery UIで典型的なUIをコーディングレスで作成したい(jQuery UI)
33 アコーディオン式のパネルを生成する(Accordion)
34 テキストボックスにオートコンプリート機能を付与する(AutoComplete)
35 日付選択ボックスを実装する(Datepicker)
36 汎用的なダイアログボックスを表示する(Dialog)
37 スライダーを作成する(Slider)
38 リサイズ可能なパネルを作成する(Resizable)
39 ドラッグ&ドロップ操作を可能にする(Draggable&Droppable)
40 クリック&ドラッグ操作で選択可能なリストを作成する(Selectable)
41 ドラッグ操作で要素の並び順を変更する(Sortable)
42 展開可能なメニューを生成する(Menu)
43 タブパネルを作成する(Tabs)
44 ツールチップを表示する(Tooltip)
45 LightBox風に角丸で画像をポップアップする(Facebox)
46 高機能なグリッドを表示する(jqGrid)
47 複数のメッセージを整列してポップアップ表示する(jquery-notice)
48 操作可能なドアノブ風グラフが描画できるライブラリ(jQuery Knob)
49 わずか6KBのカレンダーピッカー(jQuery.calendarPicker)
50 カーソル付近にローディング中アイコンを表示する(prettyLoader)
51 簡単にポップアップを実現するjQueryプラグイン(prettyPopin)
52 フォーム要素の見栄えを改善する(Uniform)

Part3 JavaScriptジャバスクリプト)のスマートフォン

53 iPhone風UIのスマホサイトを作成する(iUI)
54 多彩なアニメーションで画面遷移できる(jqMini)
55 モバイルに特化したjQuery互換ライブラリでモバイルサイトを作成する(JqMobi)
56 スマートフォン向けのイベントを簡単に実装できる(QUOjs)
57 jQuery互換ライブラリZepto.JSを使用したモバイルサイトを作成する(Zoey)
58 Canvasを使ってFlashのような動きのあるコンテンツを作成する(jAction)
59 HTML5を使ってスマートフォン向けゲームを作成する(jAction(処理編))
60 モダンブラウザ用に最適化されたjQuery互換ライブラリで作成する(Zepto.JS)

Part4 JavaScriptジャバスクリプト) 小ネタ編

61 JavaScriptでクッキーを簡単に操作する(jquery. cookie)
62 短くかつ安全で高性能なコードを書く(CoffeeScript)
63 オブジェクト指向でコードを記述する(CoffeeScript)
64 処理を短く記述する(CoffeeScript)
65 HTML5+JavaScriptベースでゲームを作る(enchant.js)
66 ブラウザ上でローカルにストレージを作る(jStorage)
67 SVG,VMLのグラフィックスライブラリ(Raphael)
68 入力補完ライブラリ(suggest.js)
69 JavaScriptベースのデータベース(TaffyDB)

Part5 JavaScriptジャバスクリプト)のフレームワーク編

70 HTMLそのものをテンプレートとして動的な表示を実現する(Angular.js)
71 ビューとコントローラーを紐付けDOM更新のコードを省略する(Ember.js)
72 Node.jsでWebアプリケーションを作る(Express.js(基礎編))
73 フレームワークを使ってNode.jsで効率的にWebアプリケーションを作る(Express.js)
74 RIA(Rich Internet Application)を開発する(Ext JS)
75 リッチな画面レイアウトを作成する(Ext JS)
76 シンプルで軽量なNode.js向けのフレームワーク(flatiron.js)
77 URLによって処理を分割する(Sammy.js)
78 さまざまなライブラリを使って,高機能なWebアプリケーションを構築する(Yahoo! User Interface Library)
79 データをキー/値のペアでキャッシュする(【YUI】Cacheモジュール)
80 JSONPなど外部リソースからデータを取得する(【YUI】DataSourceモジュール)
81 ドラッグ&ドロップを実現する(【YUI】ドラッグアンドドロップモジュール)
82 ページのリフレッシュなしで遷移履歴を扱う(【YUI】Historyモジュール)
83 画像を必要なタイミングで読み込む(【YUI】ImageLoaderモジュール)
84 タブUIを実現する(【YUI】Tabviewウィジェット)
85 大規模なフレームワークでAjaxアプリケーションを作成する(qooxdoo)
86 MVCパターンでアプリケーションを構築する(Backbone.js)
87 Backbone.jsのModelを操作し,イベントを購読する(Backbone.js)
88 Backbone.jsのCollectionを操作し,イベントを購読する(Backbone.js)
89 MVVMパターンでアプリケーションを構築する(Knockout)
90 LINQ形式でコレクションを操作する(linq.js)
91 linq.jsのEnumerableとjQueryを相互に変換する(linq.jquery.js)
92 CoffeeScriptでMVCフレームワークを使う(batman.js)
93 CoffeeScriptで動的なアプリケーションを作成する(batman.js)
94 フレームワークを使って開発を楽にする(Spine.js)
95 MVCでアプリケーションを設計できる(Spine.js)
96 LINQ形式でObserverパターンを処理する(RxJS)
97 DOMイベントを起点とした処理をクエリ形式のメソッドチェーンで定義する(RxJS)
98 非同期処理をクエリ形式のメソッドチェーンで処理する(RxJS)
99 外部ファイル,Webサービスから取得したテンプレートとオブジェクトをバインドする(SNBinder)
100 さなざまなコレクション操作を行う(Underscore.js)
101 テンプレートとオブジェクトから文字列を生成する(Underscore.js)

Part6 JavaScriptジャバスクリプト) テスト編

102 サーバを立ち上げ各ブラウザでテストができる(Buster.JS)
103 assert,should,expectという3種類の表現方法でテストをする(chai.js)
104 さまざまなブラウザ環境でJavaScriptのテストを行うことができる(JSTestDriver)
105 Node.jsでもブラウザでもシンプルにテストが記述できる(Mocha)
106 スタブやモック,フェイクオブジェクトを扱うライブラリ(Sinon.js)
107 さまざまな環境でのテスト結果を管理する(TestSwarm)
108 RSpec風の構文でBDD用のテストコードを記述する(Jasmine)
109 JasmineのSpy機能でテストダブルを作成する(Jasmine)
110 スタブ,モック,スパイといったテストダブルを作成する(JsMockito)
111 テストコードを実行し,ブラウザで結果を確認する(QUnit)











emoticon-0139-bow.gifコンピュータ・プログラミングのベストセラー本

emoticon-0139-bow.gif資格・検定のベストセラー本












emoticon-0171-star.gifJavaScript Samples フリーサンプル
http://javascript.eweb-design.com








c0277950_18253354.jpg

emoticon-0139-bow.gifデザインも素敵なアップル製品
http://amzn.to/13OVvfc










c0277950_032966.gif




emoticon-0158-time.gif中学受験(小学生の勉強)
http://juniorexam.seesaa.net/

emoticon-0158-time.gif高校受験(中学生の勉強)
http://highexam.seesaa.net/

emoticon-0158-time.gif大学受験(高校生の勉強)
http://uniexam.seesaa.net/

emoticon-0158-time.gif就職活動
http://recruit.seesaa.net/













c0277950_0352680.jpg



emoticon-0155-flower.gif小さな幸せ
http://slowhappiness.cocolog-nifty.com/

emoticon-0155-flower.gif私の事典
http://d.hatena.ne.jp/mydictionary/

emoticon-0155-flower.gifありがとう
http://arigatooo.exblog.jp/




┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘
emoticon-0155-flower.gifTOEICのスコアを上げる「スーパーエルマー」
http://bit.ly/UXzBT5
グローバル化した現在、海外勤務のみならず、
国内勤務でもビジネス英語力を重視する企業が増えています。
┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘┘




JavaScriptとはSun Microsystems社とNetscape Communications社が開発した、Webブラウザなどでの利用に適したスクリプト言語(簡易プログラミング言語)。Sun社のJava言語に似た記法を用いることが名称の由来だが、直接の互換性は無い。
[PR]
by wikibbs | 2013-03-11 19:52 | 教育・学習