Twitter＆Google App Engineで始めるWebプログラミング入門グーグルが提供するクラウドサービス「Google App Engine」（GAE）なら、誰でも無料でWebサービスを作れる。GAEとTwitterのAPIを使って、オリジナルのWebサービスを作ってみよう。環境構築の方法からサービスの公開方法まで、全5回で楽しく学べるWebプログラミング入門講座です。
サンプルコードで分かるGAE＆Twitter API開発 (1/5)
みなさんこんにちは。ふむふむソフトの飯島です。 前回の記事では、Twitter APIを利用するための手続きと、GAE（Google App Engine） SDKを使ってローカルの開発環境でWebサービスを動かす方法を説明しました。今回はいよいよ、サンプルコードの中身について解説したいと思います。 Twitter APIを使うと、たとえばこうなります！（その3） コードの解説に入る前に、今回も1つ、当社がTwitter APIで作ったサンプルをお見せしましょう。本連載のサンプルコードのカスタマイズ例として、第1回では「ついまん。創刊準備号」、第2回では「Lispeln α（リスペルン アルファ版）」を紹介しましたが、今回はちょっと毛色を変えてTwitter ボット（bot）を紹介します。 1年間かけてひっそりと1万ダウンロードを突破した、当社開発の人気Windows ガジェット「はとぽっ
iPhoneのGPSをJavaScriptで操ろう (1/6)
JavaScriptの利用範囲がどんどん広がっています。ライブラリの充実によって、比較的手軽にいろいろなことができるようになり、Webサイト／Webアプリケーションだけでなく、今やモバイルデバイスやデスクトップアプリケーションなどの分野でもJavaScriptが活躍するようになりました。 本連載では、多数のJavaScript関連書やASCII.jpの連載「29分でできる！あのサイトの技を盗め」の執筆でもおなじみの古籏一浩氏が、最新のAjax/JavaScriptライブラリの解説から、今後注目される新しいJavaScriptの活用Tipsまで、“楽しくできて役立つネタ”をお届けします。 初回は「iPhone 3GS」に合わせてリリースされたiPhone OSの新バージョン「iPhone OS 3.0」がテーマです。iPhoneならではのGPS機能をSafariのJavaScriptで活用す
ASCII.jp：サイボウズが無料に!? 家族や友達と使えるサイボウズLive
サイボウズのグループウェアが、SaaSとして一般向けに無料で提供される——。ただし広告モデルでの展開ではない。21人以上のグループを作る場合には、有料とするビジネスモデルだ。同社青野社長はこれを「Freemiumを採用した」と語った。サービス名称は「サイボウズLive」である。 そもそも発表の方法からして大かがりだった。渋谷円山町の「渋谷シアターTSUTAYA」地下ワンフロアを丸ごと借り切り、サイボウズユーザーを特別招待。フリーの無線LANを特設し、さらにTwitterのタグ「#cybozu1126」を用意するという念の入れようだ。 こうした姿勢から今回のサイボウズLiveにかける同社の意気込みが伝わってこようというものだ。サービスはベータ版が開始され、来年前半には正式サービスインとなる。
iPhoneがJavaScript＋SQLiteでGPSレコーダーに！ (1/5)
JavaScriptを使ってGPSデータを取得できるようになったiPhone OS 3.0。前回は、現在の位置情報を取得し、Googleマップに表示する方法を紹介しました。後編は、位置情報と日時をデータベースにどんどん記録していくプログラムを作ってみましょう。 Safariのデータベースを使う iPhoneに搭載されているSafariは、HTML5で追加される予定のAPI「Client-side database storage」を先行実装しており、ブラウザーが用意しているローカルデータベースにJavaScriptを使ってデータを保存できます。 iPhoneのSafariはデータベースエンジンとして「SQLite」を実装しています。SQLiteは、SQLのすべての命令には対応していませんが、簡単なWebアプリケーション用途であれば十分な機能を持つデータベースエンジンです。個々のテーブルは「
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
Flash for iPhoneの衝撃 これから何が起こる？ (1/2)
Adobe MAX 2009の様子はアドビのビデオ配信サービス「ADOBE TV」にて確認できる（関連リンク）。英語のみだが、Flash関連を知りたい人は基調講演の「MAX 2009 KEYNOTE - DAY 1」をチェックしてみよう。 マルチタッチに対応したFlash Player MAXにて発表されたFlash Player 10.1 は、モバイル環境で動作する、初の本格的なFlash Playerである（関連リンク）。 従来、モバイル用のFlash Playerには、サブセットである「Flash Lite」が使用されていた。一方、今回のFlash Player 10.1では、PC、携帯電話、ネットブックなどで同じ機能性を実現している。これにより（スペックさえ足りていれば）PCで表示されるものと同一のコンテンツを、携帯電話でも表示できるようになる。 ちなみにFlash Player
jQueryのイベントをチュートリアルで学ぶ（前編） (1/6)
jQueryを使ったプログラムの基本的な要素として、セレクターと(X)HTML/CSSを操作する命令について解説してきました。今回はもう1つの重要な要素である「イベント」を紹介します。 命令が実行されるタイミングを決める「イベント」 これまで見てきたように、jQueryを使ったプログラムは、セレクターで特定の(X)HTML要素を指定し、(X)HTMLやCSSを追加・変更します。サンプルプログラムは理解しやすいように、Webブラウザーで開くといきなりプログラムが実行されるものでしたが、本来必要なのはサイト制作者が意図したタイミングで実行されるプログラムですよね。では、タイミングはどのようにして指定するのでしょうか？ たとえば、第1回で紹介したアコーディオンパネルは「ユーザーが特定の要素をマウスでクリックしたときに、要素の高さを変更する」プログラムでした。ほかにも、マウスオーバーで画像が切り替
Androidの開発の手順を実際に追ってみる (1/5)
今回は、SDKを使って開発の手順を見ていくことにしよう。なお、GoogleのAndroidサイトには、開発関連のドキュメントなどがあり、一部は日本語化されている。なので、ここをまず見ておくべきだろう。特に、基本的な開発手順などについてはチュートリアルが用意されている。 Androidの開発者向けページにアクセスして、SDKをダウンロードする。前回からSDKも1.5 r3にバージョンアップした。日本語変換プログラムが標準同梱されるようになったので、新バージョンを入手しておいてほしい Androidの一般的なアプリはJavaで作る Androidの一般的なアプリケーションはJavaで作成する。このため、以前解説したようにEclipseなどの統合開発環境内で、プログラムを作成する。作成したソフトウェアから、インストール用のパッケージを作成、これをエミュレーターまたは実機へ転送する。 Androi
Analyticsで直接トラフィックのアクセス解析 (1/6)
Google Analyticsで解析できるWebアクセスは、トラフィック（流入路）別に、ノーリファラ／参照／検索エンジンの3つに大別できます。今回から9回にわたって、それぞれのトラフィックについて増減を分析し、閲覧開始ページから離脱ページに至るまでのサイト内のユーザー行動を把握し、問題点やチャンスを発見する手法を紹介します。最初の3回はノーリファラートラフィックがテーマです。 「そもそもノーリファラーって何でしょうか。リファラーがないからノーリファラー？」――Google Analytics日本語版では「ノーリファラー」と表記されていますが、英語版では「direct」です。「直接トラフィック」という方が分かりやすいし、そういう呼び方をする人も多いですが、Google Analyticsの表記にあわせて「ノーリファラートラフィック」と呼びます。 リファラーとは、HTTPの要求時に付加される
サーバー不要！Yahoo! PipesでXML→JSONPに変換 (1/3)
XMLやJSON(P)形式でデータを得られるWebサービス（API）がここ数年で充実し、外部のサイトのさまざまなデータを簡単に利用できるようになりました。特にJSONP（JavaScript Object Notation with Padding）形式でデータを取得できれば、サーバー側に通信プログラムを置く必要がなくなり、ユーザー（Webブラウザー）側のJavaScriptだけで通信処理をこなせるので便利です。 ただ、Webサービスによっては、XML形式でしかデータを提供していない場合もあります。そんなときには、米ヤフーが提供する「Yahoo! Pipes」の出番です。Yahoo! Pipesは複数のフィードを束ねる“フィードアグリゲーター”として知られていますが、XMLをJSONPに変換する機能もあるのです。Yahoo! Pipesを使えば、XMLしか提供していないWebサービスも、J
jQueryとは――Webデザイナーから見た魅力 (1/3)
Webデザイナーさん、（X）HTML／CSSコーダーさん、マークアップエンジニアさん、お待たせしました。Web制作者のためのjQuery入門が始まります。 本連載では、現役Webクリエイターの西畑一馬氏が、人気のJavaScriptライブラリ「jQuery」を使ったリッチなUI（ユーザーインターフェイス）の作り方を解説します。プログラムの基本的な書き方の説明から、実務で使えるサンプルの紹介まで。目指すは「Webデザイナーが最短距離でjQueryを使えるようになること」です。 jQueryをマスターすれば、たとえば「このタブパネルの向きを変えてほしいんだけど……」といったクライアントのわがままにもスピーディーに応えられるようになります。仕事の幅をぐっと広げるきっかけに、本連載をお役立てください。 （編集部） 圧倒的人気を誇るJavaScriptライブラリー「jQuery」 ここ数年、「pro
タダで入手可能なAndroidの開発環境を作る (1/3)
Androidの開発環境は誰でも構築できる 前回の記事では、Android上で動作するアプリの作成にはJavaを用いること、またその開発キットであるSDK（Software Development Kit）は無償で提供されており、自由にアプリケーションを開発できることがAndroidの特徴だと説明した。では、実際にその開発環境を構築する手順を簡単に紹介しよう。 開発環境には、オープンソースの開発環境であるEclipseを使う。EclipseはIBMで開発された開発環境で、Java以外にもさまざまな言語、プラットフォームの開発が可能になるように作られている。AndroidのSDKには、このEclipse用のプラグインなどが含まれており、組み合わせることでAndroidの開発環境が構築できる。また、Eclipseを動かすためには、Javaの開発キットであるJDKが必要となるので、Sunのサイト
ASCII.jp：TCP/IPの基礎の基礎を理解していますか？｜TCP/IPまるわかり
インターネットは、TCP/IPというプロトコルを基盤とするコンピュータネットワークである。これからTCP/IPについて復習していくわけだが、まずは基礎的な用語とその概念を復習しよう。 インターネットを支えるTCP/IP いまやインターネットは、テレビや電話、新聞などと並ぶメジャーな媒体に数えられるようになった。この巨大なインターネットを下から支えているのが「TCP/IP」と呼ばれるプロトコル群である。 そもそも「プロトコル（protocol）」とは、ものごとの作法や手続きを明示的に取り決めて文書化したものだ。特にコンピュータネットワークの世界では、コンピュータ同士のデータのやり取りの方法を厳格に定めた規格（規約）のことを指す。コンピュータはプログラムに従って動作する機械であるため、厳密な取り決めがなければ複数のコンピュータを協調して動かすというのは難しい。 TCP/IPも、そのようなプロト
「作ったものは使って」ファルコム音楽フリー宣言にかける思い (1/3)
「イース」をモダンバレエに、「ドラゴンスレイヤー」をヨーヨー大会に 「先を越される前にやらなきゃ、という話になりまして」 そう言い、いたずらっぽく笑ってみせたのは、ゲームメーカー・日本ファルコムの近藤季洋社長。2年前に加藤正幸前社長から社長の座を引き継いだ、34歳の若き経営者だ。 5日に発表した「ファルコム音楽フリー宣言」は、これまでに自社で開発してきた歴代のゲームに使用されてきた音楽を、ユーザーが自由に許諾なく無料で利用できるという衝撃的なものだった。もちろん世界初の試みだ。 宣言を発表してからのわずか3日間で、同社への問い合わせは3000件を超えた。その内容は「バレエの音楽に使いたい」というものや「ヨーヨーの大会でBGMにさせてほしい」というユニークなものなど様々だ。 使用できる楽曲には「イース」や「ザナドゥ」「ソーサリアン」など歴代の有名タイトルのBGMも含まれており、その数は合計で
ニコ動で英語学習？ 学習SNS「smart.fm」がすごいことに (1/2)
「学び」をテーマにしたSNS「smart.fm」が面白い。smart.fmは、英語学習サイト「iKnow!」として2007年10月にオープンしていたSNSが今年3月にリニューアルしたものだ。 smart.fmの特徴は、単語や例文、写真や音声などを元に「リスト」と呼ばれる学習用プログラムを作成／閲覧できること。たとえば覚えたい英単語を登録しておくことで「オリジナル単語帳」を作ることができる。 また英語だけではなく「星座の写真」と「星座の名前」を登録して「星座の名前を覚える」リストなども作成可能だ。自分で作るだけではなく、他のユーザーが作成したリストを閲覧（登録）して、学習することもできる。 リスト右上のボタンから学習専用のウェブアプリケーションを起動することで、クイズのように選択肢から回答を選んだり、英単語をタイピングしたりといった学習ができるようになっている。
ASCII.jp：黒船Google汐留沖に出現でWeb広告業界に激震！ PVもUVもユーザー属性も比較できる「Ad Planner」
Web業界に衝撃を与え続けてきたグーグルが、Web広告業界のビジネスの根幹を揺らがしかねないとんでもないツールを公開している。大手サイトのユニークビジター（UV）/ページビュー（PV）から、ユーザーの学歴や世帯収入といった属性まで丸見えにしてしまう「Google Ad Planner」だ。いったいどんなツールなのか。 「公称値」と「Google調べ」が比べられることに 「Google Ad Planner」は、Webニュースやポータルサイトなどへの広告出稿を検討している企業（広告主）の出稿計画をサポートするツールだ。昨年6月、米国でのサービス提供当初は招待制のクローズドなサービスで、日本のWebメディアは未対応だったため、国内のニュースサイトは簡単に紹介した程度だった。しかしその後、対応する国が増え、現在では日本のWebメディアにも対応、ユーザーインターフェイスは英語だが、Googleアカ
ASCII.jp：驚きのExcel 超早技ベスト15 これは便利！｜Excel達人の新定番テク60 知らないあなたは損してる！
マンネリ化した方法でExcelを使っていないでしょうか。実はもっと簡単で手早くできる技があるのです。使わないなんてもったいない。アナタの知らない「新」Excel技大特集！ 第1回は、手間を省いて操作をすばやく！ 今すぐ役立つ厳選早技15を紹介します。面倒な入力や編集作業をどんどん片づく！ 驚きのExcel 超早業ベスト15――インデックス 技1――表の早技 表の見出しを除いて列幅を自動調整 技2――入力の早技 支店名をいつも決まった順番でオートフィル入力 技3――入力の早技 「＝」の代わりに「＋」キーで式を入力 技4――入力の早技 セルを組み合わせて思いどおりに連続データを入力 技5――入力の早技 ながーい連番を一発入力 技6――編集の早技 ツールバーの［下線］ボタンで二重下線を引く 技7――表の早技 基本の行列入れ替えはボタンで 技8――表の早技 多様な罫線を使った複雑な表は「罫線なし」
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
