タグ別書籍・記事一覧

「Angular」の変数を見やすい形式に変換して表示できるPipesの活用法

2017.06.22 ／ 今回は、変数の値を画面表示用に見やすく変換できるPipesについて、利用方法を説明し...

Angular CLIで、Angularアプリのコードを自動生成するには？

2017.06.19 ／ Angular CLIのng generateコマンドを使ってAngularアプリ用コードを自動生成します。...

現在の要素から指定された祖先／兄弟要素までを取得するには？

2017.06.15 ／ prevUntil／nextUntil／parentsUntilメソッドを使って、現在の要素から、兄／弟／親の...

PHPの算術演算子、インクリメント／デクリメント＆whileを使ったループ処理／繰り返し文

2017.06.12 ／ 【改訂記事】今回は、PHPの「算術演算子」、インクリメント／デクリメント演算子と、...

Tessel 2で赤外線センサーを使って、人感チャイムを作ってみよう

2017.06.05 ／ 前回は光センサーを使用したLEDの制御について解説しました。今回は赤外線センサーを...

実践DDD本 第6章「値オブジェクト」～振る舞いを持つ不変オブジェクト～

2017.06.02 ／ 前回はエンティティについて紹介しました。第6回となる今回は値オブジェクトについて...

マルチカラムも解説、Web用パーツをカスタマイズしたいときに役立つCSSスタイリング入門書

2017.06.01 ／ CodeZineの連載「CSSで作るWeb用パーツ」が本になりました。Webデザイナーやフロント...

親子／兄弟関係にある要素を行き来するには？

2017.06.01 ／ jQueryオブジェクトで保持している現在の要素セットから、カレント要素を基点としてツ...

PHPの配列変数、array、キー、多次元配列＆var_dump

2017.05.29 ／ 【改訂記事】今回は、PHPにおける「配列変数」、array、キーのさまざまな使い方に加え...

Angularの基本構造を理解して、アプリ開発を始めるには？

2017.05.24 ／ 初めてのAngular開発。誤解のしようもない最も基本的な“Hello World”を作成して、Angu...

Angularの特徴とは？ 開発環境を構築するには？

2017.05.24 ／ 人気のJavaScriptフレームワーク「Angular」の基本機能を目的別リファレンスの形式で...

特定の要素を基点に別の要素を検索するには？（find）

2017.05.18 ／ findメソッドを使って、jQueryオブジェクトで保持している現在の要素セットの配下から...

Tessel 2に光センサーを接続してLEDを制御してみよう

2017.05.11 ／ 前回はLEDおよびタクトスイッチとの接続について解説しました。今回は光センサーを接...

PHPの条件分岐、if、switch＆比較演算子の使い方

2017.05.08 ／ 【改訂記事】今回は、PHPにおけるif、else、elseif、switch、case、default、breakの...

JavaScriptフレームワーク「Angular」新バージョン4の変更点と今後の展望

2017.04.27 ／ 今回は、2017年3月にリリースされたAngularバージョン4の変更点や新機能と、今後のバ...

文字列／配列から部分文字列／要素を抜き出すには？（slice）

2017.04.24 ／ JavaScriptのString／Arrayクラスにおけるsliceメソッドと同じように、Angularで文字...

要素セットを指定の条件で絞り込むには？（filter）

2017.04.20 ／ filterメソッドを使って、jQueryオブジェクトで保持している現在の要素セットを、指定...

テーブルストレージによる更新、削除、複雑な検索処理

2017.04.17 ／ 今回は、テーブルストレージを用いたWebアプリケーションを作る上で必要となる、更新...

数値データに桁区切り文字を付与するには？（number）

2017.04.14 ／ Angularで数値を桁区切り文字列に整形するための、numberパイプの基本的な使い方を説...

React×Material-UIでモダンなUIを実装する

2017.04.12 ／ 今回は、デザイン性をアップさせてくれるサードパーティー製のコンポーネントセット、...

知らないと働けないPHPの基本文法／構文と注意点

2017.04.10 ／ 【改訂記事】今回は、PHPタグのさまざまな書き方、文の区切り方、コメントの書き方に...

異なるバージョンのjQueryを共存させるには？（jQuery.noConflict）

2017.04.06 ／ jQueryが持つオブジェクト名との衝突を回避するためのjQuery.noConflictメソッドを応...

テーブルストレージを用いたWebアプリケーション

2017.03.28 ／ 前回に引き続き、本記事ではWebアプリケーションを例題としてテーブルストレージを操...

文字列を大文字／小文字に変換するには？（lowercase／uppercase）

2017.03.28 ／ JavaScriptのStringクラスにおけるtoLowerCase／toUpperCaseメソッドと同じように、An...

Androidのマテリアルデザイン ～リサイクラービュー～

2017.03.23 ／ 前回はスクロール連動を扱いました。今回はいよいよ最終回です。同じくマテリアルデザ...

jQueryを他のライブラリと共存させるには？（jQuery.noConflict）

2017.03.23 ／ 他のライブラリ導入により「$」や「jQuery」というオブジェクト名が衝突する問題を回...

JavaScriptオブジェクトをJSON形式に変換するには？（json）

2017.03.22 ／ JavaScriptのJSON.stringifyメソッドと同じように、AngularでJavaScriptのオブジェク...

SlackとElasticsearchを連携し、使いやすい検索システムを作成する

2017.03.13 ／ 今回はこれまでに作成した検索用のコンテナとUI提供のコンテナを連携し、質問しやすく...

ブレットボードを使って、Tessel 2とスイッチやLEDを接続してみよう

2017.03.09 ／ Tessel 2に、ブレッドボードを使っていろいろなセンサーを接続する電子工作を紹介しま...

要素の属性に値をバインドするには？（Attribute Binding

2017.02.27 ／ HTML要素の属性に対応するプロパティではなく、属性そのものにバインディングする方法...

イベントリスナーをそのままに、要素を削除するには？（detach）

2017.02.24 ／ イベントリスナーを破棄せず維持した状態で要素を削除し、再生成時に元通りにする方法...

Cordovaでアプリを公開するためのビルド方法をカスタマイズしよう

2017.02.22 ／ 今回はアプリがリリース段階になった場合を想定し、ビルドを行うために必要な設定や、...

データ送信仕様Measurement Protocolを理解して活用する

2017.02.17 ／ Googleアナリティクスにはウェブサイトやアプリの計測以外に、ユーザー行動の測定デー...

ビューにHTML文書をバインドするには？（Property Binding）

2017.02.13 ／ プロパティバインディングでHTMLタグを含む文字列にバインドした場合、デフォルトでサ...

カレンダーを管理するプラグインを使って、予定の追加と削除を行う

2017.02.13 ／ 前回は、カレンダー自体の管理とそのカレンダーから予定を取得する方法を紹介しました...

アニメーションを一時停止するには？（delay）

2017.02.09 ／ 実行中のアニメーションを途中で一時停止するdelayメソッドの基本的な使い方を説明し...

要素オブジェクトのプロパティに値をバインドするには？（Property Binding）

2017.01.30 ／ 要素のプロパティに値をバインドするProperty Bindingについて、3つのバインディング...

実践DDD本の第4章「アーキテクチャ」 ～レイヤからヘキサゴナルへ～

2017.01.30 ／ 前回は「境界づけられたコンテキスト間のチーム関係を示す「コンテキストマップ」につ...

Androidカメラアプリとの連携

2017.01.23 ／ 前回は、OS付属の地図アプリとの連携およびGPS機能の扱い方を扱いました。今回はその...

Tessel 2で取得したデータをリアルタイムにグラフ表示する

2017.01.18 ／ 今回は、MQTTサーバーを使い、Tessel 2で計測した値をリアルタイムにグラフ表示してみ...

Elasticsearchへの大量データ登録の効率化

2017.01.17 ／ 前回はElasticsearchを起動し、テンプレートを使った文書の登録から、登録した文書を...

scaffoldで生成されたコードから紐解くRails 5の基本構成

2017.01.16 ／ 前回はRails 5のプロジェクト作成、scaffoldで自動生成したソースコードを元にルーテ...

ビューの中で「安全に」プロパティ／メソッドにアクセスするには？（「?.」演算子）

2017.01.16 ／ プロパティやメソッドを呼び出す際にレシーバーオブジェクトがnullでないことを確認し...

URLとリンクでコンポーネント表示を切り替える「Angular 2」のルーター

2017.01.12 ／ 今回は、Angular 2のコンポーネントにURLのパスを対応付けて、一般的なWebページのリ...

カレンダーの予定を管理するプラグインを使う

2017.01.11 ／ 今回はスマートフォン内のカレンダーにアクセスするためのプラグインを紹介します。カ...

最新フレームワーク「Angular 2」と組み合わせて「Wijmo（ウィジモ） 5」を使おう

2017.01.11 ／ 今回は、JavaScriptフレームワーク「Angular 2」とWijmoを組み合わせて利用する方法に...

コンポーネントの値をビューに反映させるには？（{{...}}）

2017.01.04 ／ JavaScriptのオブジェクトをHTMLテンプレートに結び付けるための機能をデータバインド...

Ajax通信の前に処理を実行するには？（$.ajax［beforeSend］）

2016.12.28 ／ Ajax通信を送信する前に任意の処理を実行できるようになる「$.ajaxメソッドのbeforeSe...

Android地図アプリとの連携とGPS機能の利用

2016.12.28 ／ 今回は、OS付属の地図アプリとの連携を扱います。同時に、GPS機能の扱い方も解説しま...

Tessel 2とUSBカメラを接続してみよう

2016.12.22 ／ Tessel 2を使って、JavaScriptでのIoTを試してみます。ハードウェアに詳しくないWeb系...

GoogleアナリティクスAPIでアクセスデータを活用するReporting API

2016.12.21 ／ GoogleアナリティクスAPIでさまざまな集計データをレポートとして活用するためのAPIで...

連絡先データにアクセスするプラグインを使う

2016.12.19 ／ 今回はスマホ内の連絡先データにアクセスするためのプラグインを紹介します。PCに比べ...

コンポーネントに適用すべきテンプレートを指定するには？（template／templateUrlパラメーター）

2016.12.19 ／ @ComponentデコレーターのtemplateパラメーターやtemplateUrlパラメーターを使って、...

Angular 2を利用するには？（実装編）

2016.12.06 ／ 初めてのAngular 2開発。誤解のしようもない最も基本的な“Hello World”を作成して、An...

一般的なAjax通信を実装するには？（$.ajax）

2016.12.02 ／ 非同期通信の動作をより細かく制御したい場面で使える$.ajaxメソッドの構文と利用可能...

CodeZine(センサーモジュールでの計測)

2016.11.30 ／ Web系の知識でかんたんに操作できる初心者向けのマイコンボードTessel 2を使って、Jav...

カメラとアルバムから写真データを取得するプラグインを使う

2016.11.25 ／ 今回はカメラと写真（ビデオも含む）アルバムにアクセスするためプラグインを紹介しま...

Angular 2を利用するには？（準備編）

2016.11.22 ／ 人気のJavaScriptフレームワーク「Angular 2」の基本機能を目的別リファレンスの形式...

CodeZine(Androidアプリでのメディア再生）

2016.11.18 ／ 前回はインターネットに接続し、外部サービスとデータのやり取りするWeb API連携の方...

CodeZine(マイクやカメラを使って音声・写真・ビデオデータを取得するプラグインを使う）

2016.11.01 ／ 前回は、Mediaプラグインを使ってオーディオの再生を主に紹介しましたが、今回は、引...

CodeZine(Elasticsearchを用いた日本語検索システムの実装)

2016.10.31 ／ 今回は、前回の記事を踏まえた上でElasticsearchを用いた日本語検索システムの作成方...

CodeZine(「Angular 2」の構成単位「コンポーネント」「モジュール」を使いこなそう）

2016.10.21 ／ 今回はAngular 2を構成する単位であるコンポーネントやモジュールの利用法について、...

既存の要素を削除するには？ ― remove／emptyメソッド

2016.10.20 ／ 指定された要素を削除するremoveメソッドと、指定された要素の中身を削除するemptyメ...

CodeZine(JavaScriptで動かせるマイコンボード「Tessel 2」でLチカに挑戦しよう！)

2016.10.20 ／ 今回は、ワンボードマイコンTessel 2の開発環境の構築と、LEDを光らせる（いわゆるLチ...

Elasticsearchを用いた日本語検索システムの理論と設定

2016.10.06 ／ 本連載は、対話インターフェースを利用して新しい形の検索システムを体験してもらうこ...

現在の要素セットを特定の要素でラップするには？ ― wrap／wrapAll／wrapInnerメソッド

2016.10.06 ／ 現在の要素セットを新要素でラップする（＝新要素の子要素にする）方法を解説します。...

Androidアプリのフラグメント（2） ～一つのAndroidアプリでタブレットとスマホに対応～

2016.09.29 ／ 前回はフラグメントの組込み方を扱いました。今回はその続きとして、フラグメントの真...

【新刊紹介】『改訂新版JavaScript本格入門』9月30日発売、3万部越えのベストセラーがECMAScript 2015に対応

2016.09.28 ／ 新刊「改訂新版JavaScript本格入門」について、担当編集者からのコメントを掲載いただ...

インストール時の速度と容量が劇的に改善！ 多目的で気軽に導入しやすい次期バージョン「Visual Studio "15"」

2016.09.26 ／ 従来のVisual Studioでは、かなりの時間が必要だったインストール、それが劇的に早く...

ディレクティブで利用するテンプレートを外部ファイル化するには？（templateUrlプロパティ）

2016.09.15 ／ ビューの操作／生成を定義した自作ディレクティブのテンプレートを外部ファイル化して...

CodeZine(ハイブリットアプリ開発でオーディオファイルの再生を便利にするプラグインを使う)

2016.09.13 ／ 今回はオーディオファイルを扱うためのプラグインを紹介します。アプリで音を扱うシー...

Build Insider(既存の要素を別の場所に移動するには？ ― insertBefore／insertAfter／prependTo／appendToメソッド)

2016.09.08 ／ 既存の要素を、指定した要素の直前／直後／子要素先頭／子要素末尾の位置に移動する方...

CodeZine(「Angular 2」のデータバインディングとディレクティブ記述法)

2016.08.31 ／ 今回はAngularJSの特徴的な機能であるデータバインディングとディレクティブの記述法...

CodeZine(ハイブリッドアプリ開発でファイルのアップロード、ダウンロードを便利にするプラグインを使う)

2016.08.19 ／ 今回は、前回紹介したファイルプラグインと共によく利用されるネットワーク上のファイ...

CodeZine(jQuery 3での変更点 ― Promises/A+互換となったDeferred機能を中心に)

2016.08.18 ／ 今回は、Ajax、Deferred機能などを中心に紹介します。 また、先日、jQuery 3.1.0がリ...

パラメーター付きのサービスを定義するには？（providerメソッド）

2016.08.01 ／ value／service／factoryメソッドに比べてより原始的なproviderメソッドの利用場面を...

アプリ内でよく利用するビジネスロジックを定義するには？（serviceメソッド）

2016.07.19 ／ より実践的なアプリ開発を行うために、アプリ固有のビジネスロジックをserviceメソッ...

ラジオボタン／チェックボックス／選択ボックスの選択テキストを取得するには？（val）

2016.07.14 ／ valメソッドを使って選択テキストを取得する方法を、ラジオボタン／チェックボックス...

CodeZine(ファイルを操作するためのプラグインで、テキストや画像をアプリ内に保存する)

2016.07.13 ／ 今回は、サンプルアプリを用いてテキストや画像の書込処理や、画像の読み込み処理を紹...

Androidアプリ処理の基本 ～ Androidでよく使われる画面「ListView」

2016.07.11 ／ 前回のイベントとリスナで、一通りアクティビティに処理が記述できるようになりました...

複数のコントローラー間で共有すべき値を管理するには？（valueメソッド）

2016.07.05 ／ より実践的なアプリ開発を行うためにアプリ固有の処理ロジック（今回はvalueメソッド...

日付／時刻値を入力する際にタイムゾーンを加味するには？（ng-model-options）

2016.06.27 ／ ng-model-optionsディレクティブにtimezoneパラメーターを指定することで、タイムゾー...

Pepper、BOT開発……最新技術はコミュニティで学ぼう！ エンジニアが技術を習得するためのヒント

2016.06.27 ／ 本記事では、技術コミュニティが主催する勉強会を通して、エンジニアが機械学習やクラ...

SIerの新米プログラマがベテランと意思疎通できるようになる『クラウド超入門』、著者・阿佐さんに訊く

2016.06.23 ／ 6/16に刊行された「Amazon Web Servicesではじめる新米プログラマのためのクラウド超...

モデルへの入出力に際して処理を介するには？（ng-model-options）

2016.06.20 ／ 入力フォームとモデルをバインドした際に、独自のゲッター／セッター関数を仲介させる...

Androidアプリ処理の基本 ～ イベントとリスナ

2016.06.13 ／ 前回までで、画面が作成できるようになりましたが、処理が記述されていませんでした。...

タスク管理の新提案！ Office 365 Plannerとは？

2016.06.08 ／ Office 365 Plannerを実際に業務で使用している著者が、Office 365 Plannerを使うこと...

画像を動的に生成するには？（ng-src／ng-srcset）

2016.06.06 ／ <img>タグのng-src属性に指定する画像リソースのURLをAngularJSのスコープオブジェク...

AngularJSアプリでイベントカレンダーを実装する - UI Bootstrap／UI Calendar

2016.05.23 ／ 今回は、日付に紐づいた情報をカレンダー上に表示してみます。利用するのは、以下のラ...

ページのスクロール位置を設定／取得するには？（scrollTop／scrollLeft）

2016.05.19 ／ scrollTop／scrollLeftメソッドを使ってページスクロールの垂直位置／水平位置を設定...

基本のプラグインを使ってハイブリッドアプリを作ってみよう

2016.05.19 ／ 今回からは、よく利用するプラグインを実際にさわりながら紹介していきます。最初は基...

マイクロソフト製品にも採用された「Wijmo（ウィジモ） 5」のモバイルWeb部品

2016.05.17 ／ 今回はマイクロソフト製品にも採用されたWijmo 5のモバイル向けUI部品について、採用...

Node.jsのモジュール依存解決メソッドをブラウザでも使えるBrowserify

2016.05.10 ／ 今回は、Node.jsで別のJavaScriptモジュールを参照するためのrequireメソッドをWebブ...

URLフラグメントに一致するid値を持つ要素を取得するには？ ― :targetフィルター

2016.04.28 ／ :targetフィルターを使って、URLフラグメントに一致するid属性値の要素を取得する方法...

カメラプラグインを使って、Apache Cordovaのサンプルアプリを作ってみよう

2016.04.27 ／ 今回は、実際のHTMLやJavaScriptなどを触りながらApache Cordovaのアプリ開発の流れを...

配列／オブジェクトをコピーするには？（copy）

2016.04.19 ／ 配列／オブジェクトのコピーには、シャローコピーとディープコピーとがあります。 そ...

AngularJSアプリに地図を導入する - Angular Google Maps

2016.04.14 ／ 地図アプリの定番Googleマップには、Google Maps APIと呼ばれるJavaScriptベースのAPI...

URL経由でパラメーター情報を引き渡すには？（$routeProviderプロバイダー）

2016.04.04 ／ ngRouteモジュールを使ったAngularJSのルーティングで、URL経由でパラメーター情報を...

ルーティング機能を実装するには？（$routeProviderプロバイダー）

2016.03.28 ／ AngularJSではngRouteモジュールを利用したルーティングが可能です。その基本的な用法...

thisキーワードの参照先を固定するには？（bindメソッド）

2016.03.16 ／ 分脈により変換する「this」。その問題を解消するangular.bindメソッドの基本的な使い...