第18回 HTML5で家計簿アプリを作る 設計と基本機能の実装
前回までは、日報アプリケーションを題材に解説をしました。 特に「入力系」のアプリケーション開発の際に役立つ フォーム要素について解説するとともに、 実装に役立つツールを紹介してきました。 第9回 HTML5で日報アプリを作る 実装編［1］ 画面の構造を定義する 第10回 HTML5で日報アプリを作る 実装編［2］ 画面のレイアウトを定義する 第11回 HTML5で日報アプリを作る 実装編［3］ 操作や処理を定義する 第12回 HTML5で日報アプリを作る 解説編［1］ HTML5の入力補助部品を使う 第13回 HTML5で日報アプリを作る 解説編［2］ レスポンシブWebデザインとBootstrapを使う 第14回 HTML5で日報アプリを作る 解説編［3］ 非同期処理とCSS Animationを使う 第15回 HTML5で日報アプリを作る ツール編［1］ 開発者ツールで生産性を向上する
「staticおじさん」はなぜ自信満々なのか
「staticおじさん」という言葉をご存じでしょうか。「static」というのは、Javaのstaticメソッドのことです。Javaでメソッドを呼び出すときにはクラスからインスタンスを生成してインスタンスのメソッドを呼び出すのが普通です。一方、staticメソッドはインスタンスを生成しなくてもクラスから直接呼び出せます。このため、オブジェクト指向プログラミングを理解していない古いタイプのプログラマは、Javaでもstaticメソッドを多用します。これを揶揄して「staticおじさん」と呼ぶのです。 staticおじさんについては、わかりやすく解説したブログエントリが有名です（参考リンク）。実際のシステム開発の現場でstaticおじさんに苦しめられている様子をまとめたページもあります（参考リンク）。 なお、Javaのstaticメソッドを多用する人に限らず、古い感覚にとらわれて周囲に迷惑をま
［4］完成前の病院を自由に歩ける、よりよい設備設計をVRで
病院内に取り付ける医療機器の配置を決めるために、ヘッド・マウント・ディスプレイ（HMD）を使って仮想体験できるシステムを導入した医療機器メーカーが現れた。ナースコールのシステム開発・販売を主力事業とするケアコムだ。同社は、システム開発のTISが開発した「VR内装体験システム」を2015年5月から導入。顧客である病院に対する提案力の強化に使い始めた（写真1）。 導入の狙いの一つは、ナースコール機器の最適な設置場所を病院に対して提案できるようにすることだ。導入したシステムを使えば、現実の病院へ行かなくてもVR（仮想現実）映像の中で、機器の取り付け位置を試行錯誤して決められる。 最適なナースコール機器の位置とはどのような場所なのか（写真2）。例えば、トイレへの取り付け。普通に行動できる状態だけを想定するのではなく、倒れたときのことを考えなければならない。倒れたときは、床に近いところにナースコール
「乗っ取られたら命が危ない」、IoTに潜むセキュリティリスク
2015年は「IoT元年」と呼ばれる。米ラスベガスで開催された「2015 International CES」（CES2015）でも、テレビや自動車のスマート化が大きな注目を集めた（関連記事：第1回 IoT時代到来、テレビや自動車のスマート化が見えてきた）。 IoT（Internet of Things：モノのインターネット）とは、モノがネットワークに接続されることにより生まれる新たな価値や、センサーやスマートフォンなどの端末から収集したデータを活用したり、ネットワークに接続されたモノを制御したりすることで生み出されるサービスを表す。 IoTという言葉自体は数年前からあった。製造業では機器や設備に取り付けたセンサーから、稼働データをネット経由でクラウドサービスなどに収集し、運用や保守に生かすといった取り組みが始まっている。2015年の特徴は家電や自動車といった身近なモノにおいても、ネット経
第2回 HTML5でここまでできる！入力補助からオフライン実行まで
みなさん、こんにちは。MOONGIFTの中津川です。開発者に対して情報発信などを行う「hifiveエヴァンジェリスト」としてhifive開発チームと一緒に活動しています。 第1回では、HTML5を使った業務システムの開発を検討するに当たって、まず押さえておくべき基本的な知識を中心に解説しました。今回は、それを踏まえてより実践的に、HTML5が現在どのように進化しており、業務システムを開発する中でどう役立つのかを紹介します。 なお、前回も説明した通り、広義のHTML5が指す仕様の範囲はとても広く、様々な関連仕様が存在します。全てを網羅的に説明することはとても無理なので、今回は業務システムを開発する上で特に役立ちそうな仕様を中心に見ていきましょう。 フォーム入力 従来のHTML4（HTML4.1）がサポートしている入力フォーム関連のコンポーネント（UI部品）は、テキストボックスやドロップダウン
編集作業をシェルスクリプトを使って自動化してみた
日経Linuxでは、連載まんが「#!シス管系女子」やムック「まんがでわかるLinux シス管系女子」（2月18日発売）など頻繁にシェルスクリプトの書き方を解説している。 シェルスクリプトとは、LinuxなどUNIX系OSのコマンドを並べて処理を自動実行するためのプログラム。このシェルスクリプトを使う目的は、作業の効率化だ。シェルスクリプトを使えば、パソコン上で行う作業の多くを自動化できる（写真1）。 写真1●シェルスクリプトを使うと便利な場面。シェルスクリプトを使えば作業時間を短縮できる。ムック「まんがでわかるLinux シス管系女子」より このような連載まんがやムックの編集を担当している筆者だが、日々の業務にシェルスクリプトを生かすことはまれである。記事の中で使うシェルスクリプトを書くくらいだ。 そこで、この機会にシェルスクリプトによる、日々の業務の効率化について少し考えてみた。意外とシ
「ウイルスがお出迎え」、ホテル宿泊者を狙う「Darkhotel」に気を付けろ
ロシアのセキュリティベンダーであるカスペルスキー・ラボは2014年11月10日、高級ホテルのネットワークに侵入し、宿泊者のノートパソコンなどにウイルス（マルウエア）を感染させる「Darkhotel（ダークホテル）」攻撃が2010年8月から確認されているとして注意を呼びかけた。具体的なホテル名は明らかにしていないものの、日本でも被害例があるもよう。 Darkhotelは、コストをかけて実行される標的型攻撃「APT」の一種。攻撃者は何らかの方法で、大手企業の幹部などが宿泊するような高級ホテルのネットワークに侵入。ホテルのポータルに罠を仕掛けて、ネットワークに接続した幹部などのパソコンにウイルスを感染させて乗っ取る。同社の報告によれば、有名な正規ソフトのインストーラーに見せかけて、ウイルスを実行させるという。 攻撃者は何らかの方法で宿泊者の詳細を入手し、情報を盗みたいような相手だった場合に、前述
オープンソース系ヒロイン「ユニティちゃん」誕生の秘密
写真3●ユニティちゃんの仕掛け人であるユニティ・テクノロジーズ・ジャパン 日本担当部長の大前広樹氏（左）と、Unityのユーザーコミュニティとの橋渡し役である同社コミュニティエバンジェリストの小林信行氏（右） 「開発者のためのオープンソース系ヒロイン」。それが「ユニティちゃん」だ（写真1）。3Dを使ったゲームやアプリを手軽に開発できる統合開発環境「Unity」を提供するユニティ・テクノロジーズ・ジャパンが、2013年12月16日に発表したオリジナルキャラクターである（プレスリリース、公式サイト）。 2013年12月末に開催された「コミックマーケット85」では、同社のブースで、設定集やポスターなどのグッズセットを1000円で販売（写真2）。用意した900部がほぼ完売した。発表時から海外でも注目されているという。 Unityには、ユーザーが作った様々なゲーム作成用素材（3Dモデル、音声、スクリ
ここが残念！Windows 8.1
新しいWindowsが出たらなるべく早く使うようにしている。特に今回は2013年11月14日発売のムック「Visual Basic徹底入門 Windows 7/8.1＆Visual Studio 2013対応」の作業があった。過去に書いた記事（サンプルプログラム含む）をWindows 8.1で検証し、数百ある画面をすべてWindows 8.1のものに差し替える。8.1漬けの生活である。Windows 8について記者は「ここがダメだよWindows 8/RT」という記事を1年前に書き、「『スタート』メニューを返して」と訴えた。8.1で「スタート」ボタンは帰ってきた。望んでいた通りのものとは言えないが、でもまあ、Windows 8よりはだいぶ自然で、Windows 8に戻りたいと思うことはない。
東証がハッカソン開催、株式市場の社会的意義を訴えるアプリを開発
東京証券取引所は2013年10月5日、「『ソーシャルかぶコン』ハッカソン」を開催した。同社が実施しているコンテスト「ソーシャルかぶコン2013」に応募するアプリを開発するイベント。約30人の開発者たちが日本橋兜町の東証に集まり、アプリを開発した。 ソーシャルかぶコンは、株式市場の社会的意義をアピールするアプリや、アプリのアイデアを募集しているコンテスト。「10代後半から30代といった若い世代に株式市場への理解を深めてもらいたい」（東京証券取引所 マーケット営業部調査役 菊池和宏氏）という狙いから企画した。キャッチフレーズとして「株式市場＝“Social Good”」を掲げているが、Social Goodは「社会的意義」を言い換えたもの。若年層に親しみを感じてもらえるよう採用した。 「金融業界以外の方にも届く、一方通行ではない、双方向のインタラクティブなコミュニケーションにしたい」との狙いか
アライド・ブレインズが685の自治体サイトを調査、7割以上でアクセシビリティの問題を確認
アライド・ブレインズは2012年9月5日、685の自治体サイトのアクセシビリティとユーザビリティについて調査した「A.A.O.ウェブサイトクオリティ実態調査 自治体編第7回」の結果を発表した。同調査によると、調査対象サイトの7割以上が、アクセシビリティへの対応に問題があり、サイトに求められる要件を満たしていなかったという。 同調査では、47都道府県、人口4万人以上の市、東京23区の計685団体がそれぞれ運営する自治体サイトを対象に、各サイトのトップページからリンクを巡回して同一ドメイン内のリンクが有効な全ファイルを解析。「画像に対する代替テキストの付与状況」「見出し、箇条書きなど文章構造に関するHTMLの記述状況」「サイト内全体に共通するナビゲーションの付与状況」「リンクテキストとページタイトルの適切さ」「ページ内文字表記、表現の適切さ」について、9段階（A-a～A-e、B～E）で評価した
第4回 明かされぬ基地局の具体像、「量」より「質」を問われる
キャリアのネットワーク力競争において、「人口カバー率」、「データ通信速度」と併せて、「基地局数」が指標としてよく用いられている。この基地局数というものも、人口カバー率、データ通信速度と同様、実にわかりづらい。 基地局が多ければ通信品質は良いのか？ 一例として、ソフトバンクモバイルの孫正義社長がプレゼンで利用した資料をとりあげる。スマートフォン時代の「パケ詰まり」を回避するうえで、有効な手段が「小セル化」だと孫社長は主張した（図1）。この主張は理論的には正しい。同じ面積のエリアを、１つの基地局（セル）でカバーするのに対して、複数のセルでカバーした方が、スループットは上がる。 図1●「小セル化でトラフィックを分散」 出所）2013年3月21日、ソフトバンク孫正義社長プレゼンテーション資料 http://www.softbankmobile.co.jp/ja/design_set/data/ne
第2回 ARと3次元CADで建築・製造の現場が変わる
精度が向上したARに目を付けたのは前回紹介したユニクロだけではない。建築分野や製造分野でも、ARで仕事の進め方が変わりつつある。 メーカー50社がデータ提供 建材や住宅設備のシミュレーションにARを採用したのが、ペーパレススタジオジャパンだ。2013年4月から、窓やドア、便器など建築設計で用いる3DデータのARサービスを始めた。 このサービスを建築士やインテリアコーディネータなどが使うと、施工後のイメージを視覚的に把握しながら、建物や部屋をデザインすることができる。例えば、トイレを設置するシーンがあったとしよう。建築士は設置場所の床に「マーカー」を置き、タブレットを介してその場所を見てみる。すると、タブレットで撮影した映像に、CGで再現されたトイレが映し出される（図1）。
第1回 標的になる車載ソフト
近年、自動車に様々なソフトウエアが導入されるなど、情報技術の活用が進んでいる。自動車1台に搭載する電子制御ユニット（ECU：Electronic Control Unit）の数が、100個以上にのぼる車両もある。ソースコードの行数は約1000万行と言われ、クルマは大規模なソフトウエアを実装するシステムになっている。 ソフトウエアの塊と言えるクルマに対して今、新しい脅威が見えている（図1）。2010年、米国の研究者らが自動車内外からの通信によって車載ソフトの脆弱性を攻撃し、車両の制御システムに影響を与えられることを明らかにした。リアルタイム性が重要である車載システムと情報システムの違いがあるとは言え、認証や通信の秘匿などの面で車載ソフトには情報セキュリティの面で脆弱な部分が存在することが分かった。 しかも今後、車載ソフトのシステムが攻撃される可能性は高まる。攻撃する経路が増えているからだ。車
NIFTY-Serve大同窓会が開催、「秀丸シリーズはピーク時年1億円超えた」
ニフティは2012年8月20日から22日までの3日間、都内で同社がかつて（1987～2006年）提供していたパソコン通信サービス「NIFTY-Serve」のサービス提供開始から25周年を記念するイベント「NIFTY-Serve大同窓会」を開催している（写真1、関連記事1、関連記事2）。 初日となる20日夜の「第1夜」は“やっぱりパソ通が好き。パソ通マニアが一挙集結”と題して、NIFTY-Serveと縁の深い有名シェアウエア作者らによるトークイベントや、人気フォーラムのシスオペ（SYSOP）による当時の思い出語り、パソコン通信に関連する80～90年代の懐かしいデバイス類の展示（写真2、写真3）および参加者による懇親会などが実施された。
絶対に言ってはいけないこのセリフ
中国に董事長として赴任することになったという知人から、どうしたら中国の現地従業員をうまく働かせることができるかと聞かれた。私は、かつて中国企業を買収し100名以上の中国人従業員をマネジメントした経験がある。そのときは、ずいぶん苦労をした。 どうしたら上手く中国人の部下をマネジメントできるかというのは、とても難しい問題である。突き詰めると、結局は中国人をトップに据えて任せた方がいいという結論になってしまいがちだ。我々日本人には理解しがたい中国人のプライドや面子の問題があるからである。ただ、自身の経験から、どうすると中国人と上手くいかなくなるか、中国人の部下を怒らせてしまうか、ということについては十分に経験している。それをあらかじめ知っているだけでも、ずいぶんと結果は違うのではないかと思う。 場面１：みんなの前で叱って「面子をつぶすこと」 これをやってしまったことがある。従業員全員にそのミスに
WindowsアプリをLinuxやUNIXで動かす「Wine 1.4」が安定版に
Wineプロジェクトは2012年3月7日、WindowsアプリケーションをLinuxやUNIX上で実行できるソフト「Wine」のバージョン1.4安定版を公開した。Ubuntu、Fedoraなどの主要Linuxディストリビューション、FreeBSD、OpenSolarisなどのUNIX向けバイナリーをWebサイトからダウンロードできる。 Wine 1.4では、GDI+対応を拡充したグラフィックス描画機構、Windows VistaのAPIモデルをベースしたオーディオスタックなど、中核部分のコードを一新。日本語の縦書きフォント、アラビア語やヘブライ語などの双方向文字のサポートやMicrosoft Office 2010対応などの機能も追加した。 WineはWindowsアプリケーションをLinuxやUNIX上で実行できるようにするミドルウエア。Wineは「Wine Is Not Emulrat
第1回 オブジェクト指向プログラミング
最近、新聞やテレビで注目を集めているプログラミング言語に、米MITメディアラボが開発した子供用ビジュアルプログラミング環境「Scratch」がある。 Scratchの登録ユーザー数は90万人（ダウンロードだけなら登録不要なので実際はもっと多い）、アップロードされた作品数は208万本に達している（2011年10月現在）。TIOBEの人気プログラミング言語ランキングでは35位と、トップ50にランクインしている（2011年10月）。ちなみに1位、2位、3位は、Java、C、C++の順である。Scratchと同じく最近注目を集めているScala（関連記事）は50位だ。Scratchが子供用のプログラミング言語であることを考えると、並み居る大人用言語の中で健闘していると言えるだろう。 子供用プログラミング言語だけど侮れない 現代の子供たちは学校や塾などの習い事で結構忙しいうえ、身の回りにはゲームやア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CGアニメ映画「シュレック」の技術者が“マルネット”をわかりやすく可視化した
情報工学は面白い！