Shoeisha Technology Media

CodeZine(コードジン)

特集ページ一覧

【新刊紹介】『AngularJSライブラリ 活用レシピ 厳選 108』発売、引き出しを増やして開発効率を改善しよう

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2015/08/25 12:51

 CodeZineにも記事を寄稿いただいている、執筆コミュニティ「WINGSプロジェクト」代表の山田祥寛さんのKindle本『AngularJSライブラリ 活用レシピ 厳選 108』が8月8日に刊行されました。

 本書は、「ウィジェット編」「入力補助編」「フィルター(配列)編」「フィルター(文字列/数値/その他)編」「小ネタ編」に分類し、基本的な使い方をサンプルコードとともに解説しているので、気になるTIPSからつまみ食い的に読めます。今すぐ利用しないまでも、どのようなモジュールがあるのか、自分の引き出しを増やしておくことで、実際のアプリ開発でも車輪の再発明に陥ることなく、効率的に開発を進められるはずです。サンプルコードは、サポートサイトからダウンロード可能ですので、どんどん動かしてみてください。

担当編集者からのコメント

 WINGSプロジェクト発としては、初めてのKindle電子書籍となります。先日、刊行された「AngularJSアプリケーションプログラミング(技術評論社)」の姉妹書の位置づけで、小さなものから大きなものまで、AngularJSで使える便利な拡張ライブラリを集めて、サンプルコードとともに使い方を紹介しています。AngularJSの基礎知識を上記の書籍で学習し終えた方や、既にAngularJSを使った開発を行っている方を対象としたTIPS集です。

 紙の書籍とは、また違った苦労や失敗もあり、レイアウト時には問題なく見えていたものがKindle形式に変換したら、意図しない見かけになってしまうことも多く。修正しては変換を何度も繰り返して、完成させた1冊です。ノウハウが分からず、手探り状態での作成でしたが、普段は自分でやることのないDTP作業の苦労が垣間見えたり、ゼロから作り上げていく面白さを味わうことができたりと、貴重な経験でした。総じて、楽しい作業でした。

 今後も色々な電子書籍に挑戦したいと思っています。ニュースなネタをサクッと軽く出したり、レガシーなものを深掘りしてみたり、やりたいことが山積みです。ここだけの話、すでに2作目にも着手しております。何が出てくるか、楽しみにしていてくださいね。

早期レビュー読者からのコメント(藤田喜美恵さん)

 AngularJSの便利な拡張ライブラリとそれらの使い方が分かる本!

 本書では、AngularJSで利用できる拡張ライブラリの中から108のライブラリを厳選し、使い方を紹介しています。

 どのような拡張ライブラリがあるのか知っておく事によって、実現したい機能を用意されている拡張ライブラリを利用して、効率的に実装することができます。また、サンプルファイルは部分コードではなく、そのまま動作させられるところまでファイル全体が実装されているため、利用イメージが具体的に実感できます。

 拡張ライブラリは、ウィジェット編、入力補助編、フィルター(配列)編、フィルター(文字列/数値/その他)編、小ネタ編と大きく分類され、個々のライブラリの使い方はそれぞれTIPSとしてTIPSごとに説明があります。

 各TIPSには、そのライブラリがどんな便利な機能を持っているのか、001から108までのTIPS番号の横に見出しとして簡潔な言葉で紹介があり、目的に応じてライブラリを探すことができます。見出しの下には表形式で、ライブラリ名、URL、Bowerでのインストールコマンドが掲載され、さらに、ライブラリの機能の説明、サンプルのHTMLファイルとJSファイル、実行図、サンプルコードの詳しい説明と続いています。指定することのできるオプション、プロパティ、属性などは、概要やデフォルト値などの簡潔な説明とともに、見やすい形で一覧表でまとめられています。また、HTMLファイル、JSファイルには、コード中にコメントとして何をしているコードなのか要約した説明があり、コードの内容が理解しやすくなっています。コメントには番号がついており、サンプルコードの説明の中で対応する番号が示され、説明対象になっているコードを確認しながら読み進められます。

 サンプルコードはWebページからダウンロードできます。サンプルコードを動作させるための準備方法が第1章のイントロダクションで紹介されており、実際にサンプルコードを動作させて確認することができます。

 便利な機能が簡単に利用できる拡張ライブラリをぐっと身近にしてくれる本です。

仕様

目次

第1章 イントロダクション
  • 本書の読み方
  • Bowerの利用方法
  • 本書サンプルの動作方法
第2章 ウィジェット編
  • TIPS 001 複数の画像をカルーセル表示するには
  • TIPS 002 開閉可能なパネルを実装するには?
  • TIPS 003 アコーディオンパネルを実装するには?
  • TIPS 004 タブパネルを実装するには?
  • TIPS 005 汎用的なダイアログボックスを設置するには?
  • TIPS 006 並べ替え可能なリストを生成するには?
  • TIPS 007 イベントカレンダーを実装するには?
  • TIPS 008 イベント情報をサーバーサイドから取得するには?
  • TIPS 009 月別カレンダーを作成するには?
  • TIPS 010 特定の日付に対して目印を付与するには?
  • TIPS 011 特定の日付を選択した時に処理を実行するには?
  • TIPS 012 ページャーを実装するには?
  • TIPS 013 前後ページへのリンクを設置するには?
  • TIPS 014 ツールチップを表示するには?
  • TIPS 015 ツールチップに画像などを埋め込むには?
  • TIPS 016 ツールチップの内容を外部ファイル化するには?
  • TIPS 017 階層式のメニューを実装するには?
  • TIPS 018 ツリーのスタイルをカスタマイズするには?
  • TIPS 019 特定のノードが選択された時の処理を実装するには?
  • TIPS 020 ツリーメニューの内容をフィルターするには?
  • TIPS 021 グラフィカルなタイムラインを実装するには?
第3章 入力補助編
  • TIPS 022 テキストボックスにオートコンプリート機能を実装するには?
  • TIPS 023 オブジェクト配列から候補リストを生成するには?
  • TIPS 024 候補リストを前方一致検索で抽出するには?
  • TIPS 025 候補リストをサーバーサイドから取得するには?
  • TIPS 026 候補リストの表示スタイルをカスタマイズするには?
  • TIPS 027 タグ入力ボックスを実装するには?
  • TIPS 028 あらかじめ決められた候補からタグを入力するには?
  • TIPS 029 スライダーを実装するには?
  • TIPS 030 範囲スライダーを実装するには?
  • TIPS 031 オンオフ、不確定の3状態を持つチェックボックスを生成するには?
  • TIPS 032 テキストボックスに入力できる文字列の形式を制限するには?
  • TIPS 033 高機能な選択ボックスを実装するには?
  • TIPS 034 ファイルアップロード機能を実装するには?
  • TIPS 035 ファイルアップロード機能を実装するには?(非ドラッグ&ドロップ対応)
  • TIPS 036 レーティングバーを実装するには?
  • TIPS 037 ポップアップカレンダーを実装するには?
  • TIPS 038 時刻入力ボックスを作成するには?
  • TIPS 039 カラーピッカーを実装するには?
  • TIPS 040 カラーピッカーを実装するには?(2)
  • TIPS 041 テキストボックスにクリアボタンを設置するには?
  • TIPS 042 入力量に応じてテキストエリアを拡張するには?
  • TIPS 043 フラットなフォームをウィザード形式に整形する
  • TIPS 044 ウィザードをJavaScriptから操作するには?
第4章 フィルター(配列)編
  • TIPS 045 配列/オブジェクトを連結するには?
  • TIPS 046 コレクションから重複を除去するには?
  • TIPS 047 コレクションを指定の値でフィルタリングするには?
  • TIPS 048 配列から最初/最後の要素を取得するには?
  • TIPS 049 入れ子の配列をフラットにするには?
  • TIPS 050 要素を連結してひとつの文字列にするには?
  • TIPS 051 オブジェクト配列を任意のキーでグループ化するには?
  • TIPS 052 グループ化したキーごとの要素数をカウントするには?
  • TIPS 053 プロパティのデフォルト値を設定するには?
  • TIPS 054 配列から指定した値に合致する要素だけを取り出すには?
  • TIPS 055 配列から条件式に合致する要素を除去するには?
  • TIPS 056 配列から条件式に合致する要素だけを取り出すには?
  • TIPS 057 指定した要素を削除するには?
  • TIPS 058 配列から指定された条件に合致した要素を削除するには?
  • TIPS 059 n件目より前/後の要素を取得するには?
  • TIPS 060 検索値に合致した要素よりも前/後の要素を取得するには?
  • TIPS 061 配列を逆順に並び替えるには?
  • TIPS 062 配列が空かどうかを判定するには?
  • TIPS 063 条件に合致する要素がひとつでも存在するかどうかを判定するには?
  • TIPS 064 指定された要素が配列に含まれるかを判定するには?
  • TIPS 065 条件がすべての要素に合致するかどうかを判定するには?
  • TIPS 066 2つのコレクションからそれぞれ片方にしかない要素を表示するには?
  • TIPS 067 配列の個々の要素を加工するには?
第5章 フィルター(文字列/数値/その他)編
  • TIPS 068 単語の先頭だけを大文字にするには?
  • TIPS 069 文字列をURIエンコードするには?
  • TIPS 070 空白入りの文字列を変換するには?
  • TIPS 071 文字列が指定された部分文字列で始まる/終わるかを判定するには?
  • TIPS 072 HTML文字列からタグを除去するには?
  • TIPS 073 書式文字列をもとに文字列を組み立てるには?
  • TIPS 074 文字列を指定の文字数で切り捨てるには?
  • TIPS 075 文字列を逆順に並べ替えるには?
  • TIPS 076 文字列の前後を指定の文字で囲むには?
  • TIPS 077 文字列前後の空白を除去するには?
  • TIPS 078 文字列を指定した回数だけ繰り返し出力するには?
  • TIPS 079 文字列を正規表現パターンでマッチングするには?
  • TIPS 080 文字列を正規表現パターンで検索した結果を取得するには?
  • TIPS 081 配列から最大/最小値を求めるには?
  • TIPS 082 値のパーセンテージを求めるには?
  • TIPS 083 n進数の数を求めるには?
  • TIPS 084 配列の数値の合計数を求めるには?
  • TIPS 085 角度⇔ラジアンを変換するには?
  • TIPS 086 数値をKB/MBなどの単位付きの値に整形するには?
  • TIPS 087 値がnull/定義済/未定義であるかを判定するには?
  • TIPS 088 値のデータ型を判定するには?
  • TIPS 089 値の等価/大小を比較するには?
第6章 小ネタ編
  • TIPS 090 非同期通信中にローディングバーを表示するには?
  • TIPS 091 ローディングバーの表示を切り替えるには?
  • TIPS 092 ローディングバーをJavaScriptから操作するには?
  • TIPS 093 トーストを表示するには?
  • TIPS 094 スクロール時に続きのコンテンツを読み込むには?
  • TIPS 095 Markdown形式のテキストをHTML文書に整形するには?
  • TIPS 096 Markdown文書に含まれるコードをハイライト表示するには?
  • TIPS 097 可変パネルを実装するには?
  • TIPS 098 クリップボードにコピーするには?
  • TIPS 099 コードを構文ハイライト表示するには?
  • TIPS 100 音楽ファイルを再生するには?
  • TIPS 101 再生プレイヤーを実装するには?
  • TIPS 102 画像を全画面表示するには?
  • TIPS 103 JavaScriptから全画面表示を操作するには?
  • TIPS 104 ページ全体を全画面表示するには?
  • TIPS 105 ページにソーシャルボタンを設置するには?
  • TIPS 106 オブジェクト配列からCSVファイルを作成するには?
  • TIPS 107 Web Storageにデータを保存するには?
  • TIPS 108 カウントアップ/カウントダウンを表示するには?
  • LINEで送る
  • このエントリーをはてなブックマークに追加
All contents copyright © 2005-2018 Shoeisha Co., Ltd. All rights reserved. ver.1.5