Webスクレイピングを行う（Goutte）
本コーナーは、技術評論社発行の書籍『PHPライブラリ＆サンプル実践活用［厳選100］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『PHPライブラリ＆サンプル実践活用［厳選100］』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Goutteは、手軽にWebスクレイピングが行えるライブラリです。Webスクレイピングとは、Webページにアクセスして、そのHTMLから必要なデータを抽出する処理のことです。Googleなどの検索エンジンは、この技術を応用して、Web上のデータを採取しています。 名称： Goutte URL： https://github.com/fabpot/goutte インストール方法： include_path に配置 ファイル： goutte.phar インストール Goutte
AngularJSの方法でMonacaアプリを作ってみよう（中編）
← 前回 連載 INDEX 次回 → 今回は、前回の内容を踏まえて、「路線毎のバス停の座標データ」ページで説明されているWeb APIを使ってバス停の座標データ（緯度と経度）を取得してみよう。 バス停の座標データを取得する 路線番号データの取得は前回のアプリ開発ですでに済んでいるので、以下では座標データの取得に注目できるように、路線番号は決め打ちにする。 要求のURLには「http://tutujibus.com/busstopLookup.php」とパラメーターのrosenidとcallbackを使用する。この要求に対して、応答は、busstop配列に、{"id":"バス停番号","name":"バス停の名前","latitude":緯度,"longitude":経度}というプロパティと値を持ったオブジェクトが、バス停の数分だけ入れられて返される。 プロジェクトの作成 プロジェクトは前と
AngularJSの方法でMonacaアプリを作ってみよう（前編）
実践的なMonacaアプリ開発の一例として、オープンデータのWebサービスを使ったアプリの作成方法を説明する。Monacaアプリ開発実践編の第1弾。 ← 前回 連載 INDEX 次回 → 連載最終回の今回（前編・中編・後編の3本）は、インターネット上で公開されている実際のデータを、AngularJSの方法でアプリに取り込み、画面に表示していく。 といっても特別に難しいわけではない。前回学んだAngularJSのデータ／コントローラー／表示とサービスを定型的な書き方で記述するだけだ。 オープンデータとWebサービス 皆さんは恐らくWebサービスというものをご存じだろう。その最たるものが「Google Maps API ウェブ サービス」で、Webページやモバイルアプリなどで幅広く活用されている。 Webサービスには、その時点で最新の情報が入手できるという側面がある。例えばlivedoor天気
Onsen UIの舞台裏で働くAngularJSの世界
AngularJS流のデータ／コントローラー／表示の実装方法と、AngularJSのディレクティブによるHTML要素の操作方法、データの追加、AngularJS機能のサービスについて解説する。 ← 前回 連載 INDEX 次回 → 前回は、Monacaで作成した“初めてのOnsen UIアプリ”のファイルの中身を調べ、それをAngularJS流に書き換えた。3回目の今回は、Onsen UIの舞台裏で働くAngularJSの世界に入っていく。 AngularJSはグーグル純正のJavaScriptフレームワークで、モデル、ビュー、コントローラー（MVC）というデザインパターンが採用されている。連載1回目で述べたように、Onsen UIを使ったMonacaアプリでJavaScriptをAngularJS流に記述できるようになると、AngularJSを直接扱わない標準的な方法よりも、アプリの“か
Monacaで作る、初めてのOnsen UIアプリ
← 前回 連載 INDEX 次回 → 連載2回目の今回は、前回作成した“初めてのOnsen UIアプリ”プロジェクトを開いて、そこに含まれるファイルの中身を見ていく。 「Onsen UI最小限のテンプレート」から作成したこのプロジェクトには、自動的に作成されるナビゲーションやボタン用のコンポーネントが含まれ、コードは通常のJavaScriptの書き方で書かれている。これをAngularJS流に書き換えていく。そして書き換えたアプリのアプリケーションファイルを作成（ビルド）して、デバイスに実際にインストールする。 Monacaにログインしていない場合には、トップページを開いて、［ログイン］ボタンからログインする。するとMonaca IDEのダッシュボードが開き、プロジェクトの一覧に“初めてのOnsen UIアプリ”が表示される。このプロジェクトを開くにはプロジェクト名の右にある［開く］ボタン
連載：コードから触るIIS 8
PowerShellによるIIS 8のインストール Windows Server 2012に搭載されているWebサーバー「IIS 8」の機能を「コードから触って動かす」をテーマにした連載スタート。今回はPowerShellスクリプトでIISのセットアップなどを実行する方法を紹介する。
2015年、人気の「JavaScriptライブラリ＆ツール」はどれ？ Angular vs. Reactの行方
← 前回 連載 INDEX 次回 → JavaScriptライブラリの栄枯盛衰は、すさまじいスピードで進んでいる。2015年、本当に利用意向の高いJavaScriptライブラリはどれなのか。これを調査するため、Build Insiderではアンケート調査を実施した（※ちなみに、本稿とほぼ同じ質問内容のアンケート調査を毎年4月に実施している。この定点観測により、技術トレンドの推移を浮き彫りにしたいと考えている。その去年の結果はこちら）。 さっそくランキングをジャンル別に紹介していこう JavaScript関連全体の動向： 人気ジャンル フレームワーク関連： MV*などのJavaScriptフレームワーク 各種アプリを支える技術＆ツール： altJS（JavaScript代替）／CSSプリプロセッサー（CSSメタ言語）／JavaScriptテストツール JavaScript関連全体の動向 まず
人気上昇中のJavaScriptライブラリを調べてみた［ジャンル別に比較］
連載 INDEX 次回 → こちらのページで【2015年版】も発表！ ■ 2014年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2013年中に人気が急上昇してきており、「2014年では必須の知識」となりそうなJavaScriptライブラリ（Library）をランキング形式で発表する。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、その英単語にもヒットしてしまう。このノイズがGoogleトレンドでの結果として入り込んでいる可能性が高いことをご了承いただきたい。各ジャンルは、筆者が独自
Onsen UI＋AngularJSで効率的にモバイルアプリが作れるMonaca
HTML＋CSS＋JavaScriptを使ってスマホやタブレットで動作するアプリが簡単に作成できる「Monaca」を基礎から解説する入門者向け連載（改訂版）がスタート。今回はMonaca／Onsen UI／AngularJSの概要とMonaca IDE、Monacaデバッガーを紹介。 連載 INDEX 次回 → スマホやタブレットで動作するモバイルアプリがHTML＋CSS＋JavaScriptを使ってクラウド上で作成できるMonacaという開発環境をご存じだろうか？（図1-1） Monacaは2013年9月12日に正式リリースされ、今回、Onsen UIというUI（ユーザーインターフェイス）用コンポーネントと、AngularJSというJavaScriptプログラミングシステムを手に入れた。この連載では、HTML、CSS、JavaScriptの基本を一通りマスターした方を対象に、複数回に分け
RedisをBackplaneとしたSignalRのスケールアウト
SignalRアプリをスケールアウトする際の注意点と、それを回避するためのBackplane機構について説明。さらにRedisをBackplaneとして活用する方法を解説する。 ← 前回 連載 INDEX 次回 → 前々回の記事ではIIS 8でWebSocketを有効にしてSignalRのアプリケーションを動かす方法を紹介した。今回はSignalRアプリケーションにおけるスケールアウトについて紹介したい。本稿のサンプルは、こちらからダウンロードできる。 SignalRのスケールアウトとBackplane SignalRでも通常のWebアプリケーションと同様、複数のWebサーバーを立てることにより、1台では処理できない量のリクエストを処理することが可能になる。ただし、SignalR、あるいはWebSocket一般において注意すべきことがある。 SignalRスケールアウト時の注意点 ユーザー
IIS 8でさわるSignalR 2.0
SignalR 2.0をIIS 8（WebSocket）で動かす方法を説明。Windows Server／IIS、.NET／Visual Studioに関するアップデートについても簡単に紹介。 ← 前回 連載 INDEX 次回 → Windows Server 2012 R2などのアップデートについて 今回の本題であるSignalRの説明に入る前に、Windows Server／IISおよび.NET FrameworkとVisual Studioに関するアップデートについて紹介する。 Windows Server 2012 R2 Windows Server 2012のアップデートに当たるWindows Server 2012 R2では仮想／クラウド関連機能やネットワーク機能を中心に強化されている。PowerShellのバージョンが4.0に上がり、DSC（Desired State Con
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UWP（ユニバーサルWindowsプラットフォーム)とは？ UWPアプリ開発の特徴
Monaca入門：Onsen UI＋AngularJSで作るハイブリッドモバイルアプリ