第5回 ［画面編］見れば“わかる”「画面レイアウト」の作り方
今回から，3回にわたって，【画面編】と題して，画面に関する外部設計書の書き方のコツを解説していきます。 画面に関する工程成果物の定義は各社でさまざまですが，発注者ビュー検討会では，次の6つを，画面に関する工程成果物として定義しました。【画面編】でも，これらの工程成果物を扱います。 （1）画面一覧：システムで利用する画面の一覧表。 （2）画面遷移：アプリケーションを実現する画面の流れを表したドキュメント。表示される画面とその画面の順序関係，画面から画面への遷移を起こすきっかけとなるイベント，条件分岐がある場合はその条件と条件に対応する分岐遷移を記述する(次回に詳しく説明します）。 （3）画面レイアウト：発注者が実際に操作する個々の画面の設計図。画面の構成や個々の部品など，画面上に何が表されているのかを示すだけでなく，画面の操作やその操作によってどんな処理が発生するかを記述する。 （4）画面遷
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
誰でも即席“Androidプログラマ”に、Googleが開発ツール「App Inventor」を一般公開
言語を知らなくても簡単にAndroidアプリが作れる――。誰でもプログラマになれる“驚愕”の開発ツールが登場した。米Google社が提供する「App Inventor」だ。早速、開発のしやすさを体験してみた。 米Google社は2010年12月16日、Androidアプリを開発するためのツール「App Inventor」のベータ版を一般公開した。同年7月から登録者のみに提供していたものだ。ツールおよびWebサービス、Javaアプリの3つの組み合わせで実現している。 App Inventorの特徴は、プログラムをコーディングしなくても、Androidスマートフォンで動作するアプリが即席に作れること。パズルを組み合わせる感覚でプログラムを作成できる（図1）。Javaを知らない人でも、Androidスマートフォンを持っていれば、そのまま個人用のアプリが即製可能だ。
ブックオフが9月に新しいケータイ割引、Tポイント脱退しヘビーユーザー向けに衣替え
ブックオフコーポレーションは2010年9月1日、携帯電話を使った新しい割引サービス「BOOKOFFタッチでおトクなメンバーズ」を開始する。顧客はブックオフ店舗での中古品の買い取りや購入のたびに、店頭に設置されたフェリカ端末に携帯電話でタッチすれば、電子的なスタンプをためられるというもの。10個たまると「1dayサンクスパス」と交換できる。 このパスは顧客が好きな日を1日だけ選んで使う。その日のうちであれば1日に何度でも、どのブックオフ店舗に行っても、全品10％の割引料金で買い物ができるようになる。 新サービスを始めるに当たり、ブックオフは同社の顧客動向を調査した。すると来店頻度が高いヘビーユーザーほど複数のブックオフ店舗をはしごして利用する傾向が高いことを突き止めた。こうしたヘビーユーザーは来店1回当たりの購入金額も高く、ブックオフでは上位10％の優良顧客で売り上げ全体の60％を占めている
第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
DOMから始めるJavaScriptモダン・スクリプティング---目次：ITpro
近年，Ajaxの台頭をきっかけに，JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では，ページの表示を変化させるだけであれば，ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 第1回 DOMから始めるモダン・スクリプティングの世界へようこそ 第2回 ブラウザからHTMLはどう見えているかを理解しよう ～ドキュメントツリー～ 第3回 DOMスクリプティングのことはじめ(1) ～要素（タグ）を狙い撃ち～ 第4回 DOMスクリプティングのことはじめ(2) ～これはどんな要素？～ 第5回 DOMを使ってHTMLを自由自在に書き換える 第6回 イベントハンドラから脱却しよう 第7回 スクリプトを完全に分離しよう ～コンテンツ，プレゼンテーション，ビヘイビア～ 第8回 スクリプトのパッケージ化 ～使い回しできるスクリ
【PHP TIPS】 81. ブログパーツを作ってみよう：ITpro
ブログパーツと呼ばれるものをご存知ですか？ ブログペットや地図日記など、ブログ上にスクリプトタグを埋め込むことで別サーバーのコンテンツを表示するモノです。 このようなブログパーツでは、下のようなスクリプトタグを埋め込むことでコンテンツを表示させることが多いです。 <script type="text/javascript" src="http://www.example.com/script.js"></script> 今回はこういったブログパーツの基礎部分をつくってみましょう。サンプルでは単純に「Hello World!」を表示させます。ブログに貼り付けた上記の<script>タグ部分が「Hello World!」に置き換わるサンプルです。 まずは、貼り付けるブログに表示したいHTMLタグを書き起こします。 <div> <p>Hello World!</p> </div> これをブログに
決算書の読み方を基礎からチェック：ITpro
企業の業績を示す「決算書」。さまざまな数字が並び，そこには現在の体力だけでなくその企業の将来をも指し示す“意味”が含まれている。ただし，見慣れていない人には複数の表にちりばめられた各種の項目や数字が，暗号のように見えることもあるだろう。 この連載では，主要なIT企業の業績を分析するための基礎的な会計の知識を解説する。最終的な目標は，実際の決算書を使ってその企業やIT業界の動向を理解すること。そのために，基礎的な知識から順を追って“数字の意味”を理解できるようにしていこう。 ●決算書の全体像 （1）一定期間ごとの業績を判定する （2）貸借対照表と損益計算書 ●貸借対照表の構造 （1）ポイントは左右と上下 （2）流動性の有無で上下に配列 ●損益計算書の構造 （1）利益は段階的に計算される （2）営業利益と経常利益は似て非なる ●キャッシュ・フロー計算書の構造 （1）利益とキャッシュは一致しない
ニコンが菓子サイト：第8回 「メディア化する企業サイト」おもてなしの心が大切だ：ITpro
岩城：今回はニコンの加藤さんに対談のパートナーをお願いしました。加藤さん、こんにちは。 加藤さんはニコンの「kashi-kashi.com」というお菓子の情報サイトの運営責任者です。それにしてもニコンというカメラの会社、しかも他のカメラメーカーと比べるとプロフェッショナルが対象のお堅い企業のイメージがあるニコンと、お菓子という組み合わせが私にはどうにも不思議に思えますし、サイトを見ている限りトップの左下に企業名がある以外はニコンと感じられません。 このサイトをどのような意図で始められたのか教えていただけますか？ 加藤： たしかに「なぜニコンが？」と皆さん驚かれますね。ただ、会員アンケートでは「ニコンが運営していますが、どう思いますか？」という問いに対して、「カメラ会社の運営だけあって使用している写真にこだわりがあった」と言う回答が１位でした。ニコンの名前を前面に出さなくても意図が伝わったこ
基礎から理解するデータベースのしくみ（1）
「データベースはブラックボックス。どんなSQL文を投げたらどんな結果が返ってくるかさえ知っていればよい」---そう思っている人も多いかもしれません。確かに，最近の市販のリレーショナル・データベース管理システム（RDBMS）にはGUIベースの管理ツールなどが付属し，データベースそのものについての深い知識が求められることは昔に比べれば少なくなりました。メモリーやディスクなどのハードウエア・リソースが増えて，開発者のスキル不足が表面化しにくくなったこともあるでしょう。 しかし，本物のソフトウエア・エンジニアを目指すのであれば，データベースが動く仕組みを学ぶことは避けて通れません。「SQL文を受け取ってから結果を返すまでにRDBMSがどんな処理をしているのか」「データ・ファイルの物理構造はどうなっているのか」「インデックスはどのように格納されているのか」——。こうした知識がないと，パフォーマンスな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3分でわかる！仕事に役立つExcelテクニック：ITpro