カテゴリ:教育・学習( 23 )

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

c0277950_1942461.jpg


072.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)











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

040.gif資格・検定のベストセラー本












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








c0277950_18253354.jpg

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










c0277950_032966.gif




059.gif中学受験(小学生の勉強)
http://juniorexam.seesaa.net/

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

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

059.gif就職活動
http://recruit.seesaa.net/













c0277950_0352680.jpg



056.gif小さな幸せ
http://slowhappiness.cocolog-nifty.com/

056.gif私の事典
http://d.hatena.ne.jp/mydictionary/

056.gifありがとう
http://arigatooo.exblog.jp/




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




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

Evernote(エバーノート)の活用法とダウンロード 掲示板

c0277950_19352050.jpg


072.gif「ストレスフリーで効率アップ!EVERNOTEを便利に使う48の技」
http://amzn.to/ZtsXkl


<内容>
「どんな情報でも取り込め,いつでもどこでもメモできる」という特徴でクラウドサービスの代表格となったEvernoteですが,

「情報を1つにまとめて,結局何がうれしいの?」
「どんなとき,どう活用するのがいいの?」

となってしまっていませんか?

本書は,Evernoteを使いこなしている達人2人が,自身の経験とエキスパートたちへのインタビューから,アイデア出しのための活用法,資料の整理と管理のコツから,Dropboxとの使い分け,育児での利用法まで,まいにちを便利にする活用法をまとめました。

特別付録として,操作法や検索オプションがひと目でわかる「Evernoteチートシート」を収録した,必携の1冊!


<目次>


第1章 Evernote(エバーノート)で、少しの手間で断然差がつく基本ルール

0 使わない情報でも,とりあえず集めておく
1 整理の悩みをゼロにする5つの原則
2 情報は4つに分ければうまくいく
3 「ノートブックを少なく,タグを多く」が快適整理のカギ
4 効率的なノートブックの作り方
5 ノートブックをかんたんに並べ替えられるようにするには
6 複数アカウントを目的ごとに使い分ける(プレミアム会員限定)
7 チェックリストを使いこなすための考え方
8 「保存された検索」でEvernoteを検索秘書に
9 Webクリップでネットの情報を一瞬で取り込む
10 ブログやニュースサイトから記事の本を読みやすく表示する
11 Webクリップは「ダブル・インボックス」で効率的に管理

第2章 Evernote(エバーノート)で、ひらめきの一瞬を逃さないアイディアキャッチの技

12 定点観測すると普段は見えない価値が見えてくる
13 情報をたくさん集めて新たな価値を見出す
14 パッと思いついたアイディアをすぐに保存し,活用するには
15 手書きしたものをきれいに取り込むための文房具の使い分け
16 音声入力でスピーディに情報をインプット
17 起動待ちを最小限に抑えて手早くノートを作成するには
18 同一タイトルのノートを自動で追記するには
19 ひな形を利用して入力ストレスを最小限に
コラム iPhone投稿系アプリ総まとめ

第3章 Evernote(エバーノート)で、あなたの人生をかんたんに記録する方法

20 まいにちの食事をできるだけ手軽に記録するには
21 日記×睡眠ログ×夢日記でいいことを引き寄せる
22 育児をラクにするための使い方
23 データを共有するときに考えたいこと
24 カード番号やIDを安全に管理する方法
25 位置情報を記録するときの注意とコツ
26 Evernoteを読書データベースとして活用するには

第4章 Evernote(エバーノート)で、ビジネス資料をフル活用するためのテクニック

27 うっかり忘れがちな出金データを記録しておく
28 プロジェクトはタグで管理すると効率的
29 何度も見返す情報を「レファレンスノート」として育てていく
30 画像を見栄えよく手軽に編集するための工夫
31 一歩進んだ名刺管理のコツ
32 「どんな顔の人か」も含めた総合的なコンタクトリストを作成するには
33 マインドマップを活かす使い方
34 共有するときは付加情報で検索しやすく
35 Evernote Businessで知識の共有と発見をひとつ上のステージへ

第5章 Evernote(エバーノート)で、情報整理でラクするための便利技

36 快適に使うには「移動する情報」をノートブックへ
37 忘れてはいけないノートは常にトップ表示しておくと見返しやすい
38 「一応とっておく」情報は整理しない
39 一瞬で目的の情報に飛べるアドレスリンクのリストを作る
40 ノート整理は5つのアプリで効率化
41 EvernoteとDropboxを効率的に使い分ける
42 履歴を確認して共同作業を快適に
43 タグを付けると後から断然ラクになる
44 タグ機能で索引づくりをかんたんに
コラム ファイル管理はPDFで

第6章 Evernote(エバーノート)で、外出先で使い倒すためのモバイルアプリと使い方

45 外出先で参照しそうな情報のみチェックできるようにするには
46 何でもできる「Clever」で最強モバイルライフを実現
47 ライフログはTwitterで一元管理するのがいちばんラク
48 ネットにつながらない環境でEvernoteを使うには
特別付録 Evernoteチートシート

Evernote(エバーノート) Windows版およびEvernote(エバーノート) Mac版ショートカット








072.gifEvernote ダウンロード
https://evernote.com/intl/jp/download/
Evernote 無料ダウンロード。
Evernote を使えば、毎日の暮らしの中で記録しておきたいことを、コンピューターや携帯端末、タブレットや Web で書きとめられます。










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


040.gif資格・検定のベストセラー本














c0277950_18253354.jpg

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










c0277950_032966.gif




059.gif中学受験(小学生の勉強)
http://juniorexam.seesaa.net/

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

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

059.gif就職活動
http://recruit.seesaa.net/













c0277950_0352680.jpg



056.gif小さな幸せ
http://slowhappiness.cocolog-nifty.com/

056.gif私の事典
http://d.hatena.ne.jp/mydictionary/

056.gifありがとう
http://arigatooo.exblog.jp/




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




Evernote(エバーノート)とは、ノートを取るように情報を蓄積するソフトウェアないしウェブサービスです。
[PR]
by wikibbs | 2013-03-11 19:34 | 教育・学習

Word 2013の機能と操作方法

c0277950_18553391.jpg

072.gif「知りたい操作がすぐわかる Word 2013 全機能Bible」
http://amzn.to/13OWFax

<内容>
Word 2013の膨大な機能を「やりたい操作がすぐ引ける」目的に沿った機能別のリファレンス形式で構成。たんなるWord 2013の手順解説ではなく,機能の意味や操作のコツ,重要な注意事項についても詳しく解説しています。また,以前のバージョンを使っていた方に役立つ補足情報も記載しています。



<目次>
第1章 Word 2013のコマンド操作

1-1 Backstageビューとリボンのボタンを使う
1-2 クイックアクセスツールバーを使う
1-3 ショートカット機能を使う
1-4 ダイアログボックスを使う
1-5 作業ウィンドウを使う
1-6 操作を取り消す・再実行する
1-7 ヘルプ機能を使う


第2章 Word 2013の画面表示

2-1 文書画面の表示形式を使い分ける
2-2 文書画面の表示オプションを変える
2-3 Wordウィンドウの表示オプションを変える
2-4 画面を分割する・複数のウィンドウを使う


第3章 Word 2013の文書管理

3-1 新しい文書を作る
3-2 文書を保存する
3-3 既存の文書を開く
3-4 以前のWordで作った文書を扱う
3-5 文書を保護する
3-6 文書を回復・修復する


第4章 Word 2013の日本語入力

4-1 IME2012,OfficeIME2010を使いやすくする
4-2 MicrosoftIME2012で文章を入力する
4-3 文字を探す
4-4 絵文字,外国語の文字を入力する
4-5 IME2012の辞書を使いこなす
4-6 外字を作る

第5章 Word 2013の文字編集

5-1 文字列や段落を選択する
5-2 文字列や段落を移動・コピー・削除する


第6章 Word 2013の文字書式と文字種

6-1 フォントを指定する
6-2 文字の体裁を変える
6-3 特殊な文字書式を使う
6-4 文字に囲み線と網パターンを付ける
6-5 文字種を変える


第7章 Word 2013の段落書式

7-1 段落の行高,文字間隔,上下位置を変える
7-2 段落の左右配置と行端の位置を変える
7-3 行内の文字列の位置を強制する(タブ)
7-4 行端の文字の処理を決める
7-5 ページ端段落の改ページ処理を決める
7-6 段落を箇条書きにする
7-7 段落に罫線と網パターンを付ける
7-8 段落の先頭をドロップキャップにする
7-9 同じ書式を複数箇所に設定する

第8章 Word 2013のスタイルとテーマ

8-1 スタイルを適用する
8-2 既存スタイルの書式を変える
8-3 主要なスタイルの書式ポイント
8-4 新しいスタイルを作る
8-5 スタイルを管理する
8-6 スタイルセットを活用する
8-7 テーマを活用する

第9章 Word 2013の文書作りの支援機能

9-1 入力支援機能を使う
9-2 文書パーツを使う
9-3 フィールドを使う
9-4 Officeクリップボードを使う
9-5 「Office用アプリ」を利用する

第10章 Word 2013のページ書式

10-1 ページ書式を設定する
10-2 原稿用紙形式にする
10-3 文書を複数セクションに分ける
10-4 ヘッダー・フッターを設定する
10-5 多段組みにする
10-6 文書に表紙を付ける
10-7 ページにサイドバーを付ける
10-8 ページ罫線,背景色,透かしを使う

第11章 Word 2013の表の操作

11-1 表を作る・削除する
11-2 表を編集する
11-3 表の形を整える
11-4 表の体裁を整える
11-5 表スタイルを活用する
11-6 表内容を並べ替える
11-7 計算表を作る

第12章 Word 2013の図の操作

12-1 図の基本操作
12-2 図の配置形式と位置を決める
12-3 写真を扱う
12-4 オートシェイプで図形を描く
12-5 テキストボックスを使う
12-6 スマートアートを活用する
12-7 写真,図の書式を活用する

第13章 Word 2013の論文・長文用の機能

13-1 アウトライン機能とグループ文書
13-2 図表番号を入れる
13-3 脚注を使う
13-4 相互参照機能を使う
13-5 資料文献を扱う
13-6 目次を作る
13-7 索引を作る
13-8 数式ビルダを使う
13-9 検索・置換機能・ジャンプを使いこなす
13-10 ナビゲーションウィンドウを使いこなす

第14章 Word 2013の校閲機能

14-1 文章の校正機能を使う
14-2 変更履歴を活用する
14-3 2つの文書の内容を比較・統合する
14-4 校閲確認用の署名欄を使う

第15章 Word 2013の印刷・送信・発行

15-1 文書を印刷する
15-2 差し込み印刷する
15-3 Word文書をインターネットで活用する

第16章 Word 2013のテンプレート

16-1 Normal.dotmを理解する
16-2 添付テンプレートを活用する
16-3 アドインテンプレートを活用する

第17章 Word 2013のマクロプログラミング

17-1 記録マクロを使う
17-2 Visual Basic Editorを使ってみる
付録 Word2013ショートカットキー一覧










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

040.gif資格・検定のベストセラー本















c0277950_1852021.jpg

040.gifWord 2013
http://amzn.to/13OXnED










c0277950_032966.gif




059.gif中学受験(小学生の勉強)
http://juniorexam.seesaa.net/

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

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

059.gif就職活動
http://recruit.seesaa.net/













c0277950_0352680.jpg



056.gif小さな幸せ
http://slowhappiness.cocolog-nifty.com/

056.gif私の事典
http://d.hatena.ne.jp/mydictionary/

056.gifありがとう
http://arigatooo.exblog.jp/





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



Word 2013の機能と操作方法
[PR]
by wikibbs | 2013-03-11 18:53 | 教育・学習