スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選：スマホ向けサイト制作で泣かないための秘伝ノウハウ（1）（1/2 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。第1回は、PCやケータイと比べて際立ったスマホの特徴2つや、スマホ向けサイト制作3手法の基礎知識と課題、iPhone／AndroidなどOS／機種依存でのハマリどころをサンプルを交えて3つ紹介 連載開始に当たって 初めまして。KSKの「フレックスファームビジネスユニット」でエバンジェリストをしている渡辺と申します。筆者の所属するフレックスファームでは、スマートフォン向けWebサイト構築支援ツールの開発・販売を行っています。国内で販売されて
「天に召されたデータに献杯！」
「お店のWebサイトが見られない」「顧客データ1万件が消えた」――6月20日に起きたファーストサーバの大規模障害にほんろうされた人々が、愚痴をこぼしながら名刺と杯を交換するイベントが行われた。（編集部） 100人近くが「天に召されたデータに献杯！」 「天に召されたデータに献杯！」――6月20日に起きたファーストサーバの大規模障害にほんろうされた人々が、心ゆくまで愚痴をこぼしながら名刺や杯を交換するイベント「ファーストサーバ データ消失オフ『データはどこへ消えた？』」が、7月14日深夜、東京・阿佐ヶ谷のライブハウス「阿佐ヶ谷ロフトA」で開かれた。 土曜の深夜という時間帯にもかかわらず、自社のサーバが被害に遭った人やファーストサーバの同業他社、業界関係者など100人近くが集結。隣人のデータ消失被害に同情を寄せ、復旧の報告に歓声を上げるなど、深夜の阿佐ヶ谷は異様な熱気に包まれた。 障害が起きたの
おばかアプリ選手権出場アプリ一覧
2009年から地道に回数を増やしているおばかアプリ選手権。各回のチャレンジャーの数も増えてきました。おばかな勇士アプリをiPhone、Android、そのほかで分類し紹介します。 「おばかアプリ」とは、「おばかアプリ選手権」とは 「おばかアプリ」とは、ムダにかっこよくて、かゆくないところにも手が届く、ばかばかしくて面白いアプリを指しています。デザインハック・ミーティング「おばかアプリ選手権」は、デザイナ×エンジニアのコラボレーションが創りあげる「おばかアプリ」のむだにかっこいい度合いとばかばかしさ、チームワークを競うイベントです。 本稿では、これまでの「おばかアプリ選手権」に参加してくれた「おばかアプリ」たちを、「おばかアプリ図鑑」としてまとめてお届けします。これから新しい「おばかアプリ」を作りたい人、必見の書です。 おばかアプリ7カ条 おばかは正義である おばかに国境はなし おばかは変態
誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
誰でも作れる！ “崩れない”HTMLメルマガ作成術
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（3/4 ページ） HTMLが持つパワーを最大限に引き出す、10のコツ さて、HTMLメールを使う最大の理由は、「画像を使い、自由にレイアウトができる」という点でしょう。そういう意味では、前述の画像を扱ううえでの注意点は、とても重要です。 特に、ネットショッピングやゲームなどのような、大きめの画像を配置してクリックを訴求するようなデザインの場合、「大きい画像を1つの画像として書き出すのではなく、いくつかの部分に分割して、それらを＜table＞要素を使って配置する」というのが一般的でしょう（そして、その中にリンクさせるボタンなどを配置する場合が多いでしょう）。 そんなとき、不明な余白ができてしまうと、とても目立ってしまいます。前述した画像の問題点を把握しておくことは、スムーズに作業を進めるうえで、とても重要です
「社内のノウハウを一元管理するには？？？」（1） IT戦略 － ＠IT
お世話になります。 私の勤めている会社は小規模（３０人程度）のソフトハウスです。 日々、業務支援系のシステムを作成しています。 基本的には似たようなシステムを毎回作成しているわけですが、 どうしても無駄だと思う事があるのです。 それは、設計やプログラミングで培われるノウハウが常に個人の所有 となっている点です。 自分で得た知識は自分の頭（またはPC）にあるだけではもったいないと思います。 各人の得た知識を社内で一元管理すれば、同じような疑問に対する調査や作成の 手間が省けると思います。 Excelなどで管理する方法もあるとは思いますが、同時実行の面から不向きだと思います。 複数の人が同時に読み書きが出来る良い方法は無いものでしょうか？ ちなみに、これは平社員の私が考えている事なのでコストをかける事ができません。 フリーのソフトなどがあれば良いのですが・・・。 ご回答宜しくお願いします。
スマートフォンアプリデザインに役立つ 基礎のまとめ！
スマートフォンアプリデザインに役立つ 基礎のまとめ！：一撃デザインの種明かし（14）（1/4 ページ） 各キャリアが新Android携帯を続々と発表し、スマートフォンへの注目がますます盛り上がる中、アプリケーションも、iPhone／Androidともに展開するものが増えてきました。 そういった中で、本稿ではスマートフォンアプリのデザインのコツをまとめてみます！ iPhone／Androidともに展開しているアプリ3例 まずは、iPhone、Androidともに展開している有名アプリを3つ紹介します。それぞれのスクリーンショットを見ながら違いを探してみてください。 【1】クックパッド レシピの投稿と検索ができるアプリです。PCサイトの雰囲気はそのままに、トップ画面を旬のキーワードと履歴、検索ボックスのみに絞ったシンプルなUIになっています。要素とコンテンツを極力減らすことで、レシピ検索に集中
iUIで始めるiPhone用Webアプリ開発の基礎知識
JavaScriptライブラリ「iUI」 連載第1回の「WebアプリをiPhoneっぽくするための5つのポイント」では、業務用iPhoneアプリをiPhoneっぽい見た目にする重要性を説き、iPhoneっぽくするための5つのポイントを解説しました。また、iPhoneっぽいWebアプリを作るためのJavaScriptライブラリをいくつか紹介しました。 今回は、そのJavaScriptライブラリの中から、「iUI」を使ってiPhone用のWebアプリを作ります。 手始めにiUIを使った簡単なサンプルページを作ってみます。また、iUIに独自の見た目、動作を追加する方法についても説明します。 iUIを試す前に iUIを使ったアプリケーション構築を実際に試す前に、まずiUI自体に含まれるサンプルページで、その動作を確認してみます。 なお、iPhoneの実機を使ってiUIの動作を確認するためには、iP
はじめまして。Androidアプリ開発＆デザイン（1/3） - ＠IT
＠ITスマソ開設記念！ 女子部部長に聞くAndroidアプリ制作のコツ 面白法人カヤック 意匠部 林真由美 2010/12/7 これから大注目のAndroidアプリ制作。どうやったら作れるのか。何に気を付ければいいのか。どのような視点が必要なのかを、Android女子部部長である矢野りんさんに、カヤックのデザイナばりみちゃんが教えてもらいました（編集部） 売れるAndroidアプリ作りのためのコツを探る いま、GoogleのモバイルOS「Android」の対応機種が増えて、盛り上がっている。 ものの作り手としては、この波に乗っかりたい！ でも、「Androidで動くアプリを作るには、どんなノウハウが必要なのか？」「どんなことが表現できるのか？」「何を作ったら面白いのか？ 」わたし同様、こんな、人に聞いたら恥ずかしそうな基本が、分からない人も多いはず。 Android女子部部長であり、デザイ
いまさら聞けないiPhone/iPadアプリの作り方の基礎
いまさら聞けないiPhone/iPadアプリの作り方の基礎：SDKで始めるiPad/iPhoneアプリ開発の勘所（1）（1/4 ページ） 初めてiPhone/iPadアプリ開発に挑戦する人が、迷わず短時間でアプリを作れるように、数多くの情報の中から要点をグっと絞った開発の勘所を紹介する入門連載です 迷わず短時間でiPhone/iPadアプリを作れるように 皆さんのお気に入りのiPhone/iPadアプリは何でしょうか。筆者は、Googleカレンダーと同期してくれるスケジュール管理アプリがお気に入りです。いまでは目的のアプリを探すのも大変なほど、日々多くのiPhone/iPadアプリが登場しています。 6月8日にはiPhone 4の発表があり、マルチタスクやモバイル広告ネットワーク、ゲーム開発など、iPhone OS改め、iOS 4で実現できる機能がたくさん追加され、さらに魅力的になりました
実はメイリオまだ進化中！ 誕生秘話を河野氏に聞いた － ＠IT
2010/01/07 現在ロンドンの地下鉄の案内図や路線図で全面的に使われているアルファベットフォント「New Johnston」をデザインしたのは実は日本人――。こう言ったら驚くだろうか。その日本人とは、イギリス在住のグラフィック・デザイナー、河野英一氏だ。河野氏はまた、Windows Vistaから標準で添付されているフォント「メイリオ」（Meiryo）をデザインしたことでも知られる。 2009年11月5日、来日中だった河野氏の謦咳（けいがい）に接する機会に恵まれた。訥々（とつとつ）とした中にも、デザインに対する情熱がかいま見える氏の語り口は、集まった出版、印刷、組み版、情報処理の専門家らを魅了した。 ビル・ゲイツがゴーサインを出した偶然 メイリオ――。横書きを前提に欧文・和文が混在するテキストを表示したときに美しく文字が組まれること、ディスプレイで読むことを最優先として液晶ディスプレ
iPhone向けWebアプリを作ろう（1/4） − ＠IT
Safari Web Content Guide for iPhoneを読み解きながら、iPhone／iPod touch上のWebブラウザのSafariで動くWebアプリを作成し、UIを最適化するコツを紹介します。 （編集部） Safari Web Content Guide for iPhoneを読み解く ネイティブアプリケーション開発を可能にするSDKが公開され、一層注目を集めている米アップルのiPhone（Applle Developer）。3Gへの対応がうわさされ、日本市場向けの発表も待たれますが、読者の中には、早速iPhone向けのアプリケーション開発にチャレンジしている人もいるでしょう。 しかし、ネイティブアプリケーションを作るにはそれなりにプログラミングスキルが必要ですし、完成したアプリケーションは米アップルが用意する「App Store」経由でしか配布できないといった制約
いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
タメになる？ ダメになる？ おばかハウツー（1/2） - ＠IT
デザインハック1周年記念 タメになる？ ダメになる？ おばかハウツー（1） 90秒でRSSアイコンを作る方法 川田十夢（cmrr_xxx） 2009/8/26 ゼロからのスタートに疲れた皆さんのためのフォトショップハウツーTipsです。おばかだけどちょっとだけタメになるハウツーをご紹介 ゼロからのスタートに疲れた皆さんのためのフォトショップハウツーのTipsです。例えるならば、冷蔵庫の余りモノを使って短時間でササっと一品作るみたいな、数種類のレトルトカレーを混ぜ合わせてプロ顔負けの味のカレーを作るみたいな、クジラって本当に捨てるところないよねみたいな、おばかだけどちょっとだけタメになるハウツーをご紹介いたします。フォトショップの最新機能は一切使っていないので、地球にも財布にもやさしい企画となっています。 90秒でRSSアイコンを作る方法 本記事は、都合により掲載を延期します。 [an er
私だけ不当に評価が低い。どうして？
私だけ不当に評価が低い。どうして？：ITアーキテクトが見た、現場のメンタルヘルス（6）（2/2 ページ） 「すべてやります宣言」してみよう とにかく私はSEに、目標面談をきちんと受けるように提案しました。それにはまず書類を作らないといけません。書類に記入する目標は、キャリア目標、チーム目標、ビジネス目標の3つです。SEはいいます。「何を書いていいのか、よく分かりません」 「キャリア」「チーム」や「ビジネス」という言葉は、会社の目標管理でよく出てきます。難しく聞こえますが、キャリアは「わたし」、チームは「あなた」、ビジネスは「みんな（会社）」、この言葉に置き換えられます。 キャリア目標には、SE自身が仕事で得たいと思うことを書きます。チーム目標にはSEがメンバーのために役立つと思うことを書きます。ビジネス目標は、SEが会社のためになると思うことを考えて書くことになります。SEはこれを聞いてい
空前の人材不足でもエンジニアが大事にされないのはなぜか － ＠IT
2007/11/27 シマンテックは11月27日、世界的に行ったIT環境についての調査結果「State of the Data Center Research」を発表した。企業情報システムの現場では世界的にIT人材が不足。その中でも日本は特に深刻だった。 調査は米Ziff Davis Enterpriseが実施。世界の情報システムの開発、運用に関わる800人以上が答えた。対象企業の平均従業員数は3万1250人。年間の平均IT予算は米国企業で78億円、米国以外の企業は59億円。Global 2000に入る大企業が中心。800人超の回答者のうち、日本の回答者は12.2％を占める。 情報システム管理の世界的な課題は人員の不足。回答者の52％が人員が不足していると答えた。さらに「適切な人材が見つからない」が86％を占めるなど、「エンジニアの頭数ではなく、（優秀な）人材が不足している」（シマンテック
Silverlight開発を始めるための基礎知識（1/3） － ＠IT
編集部注：本稿はSilverlight 1.0の入門連載です。Silverlight 2アプリケーションの開発の仕方について詳しく知りたい読者は、連載「Silverlight 2で.NET技術をカッコよく使おう」をご参照ください。また、最新版のSilverlight 3に関しては、記事「Silverlight 3、ここがすごい！」をご参照ください。 次世代のRIA（Rich Interactive Application：表現力／操作性に優れたアプリケーション）技術として脚光を浴びているマイクロソフトのSilverlightですが、まだまだ事例も少なく、資料も日本語ではほとんど用意されておりません。そのため、言語としては多くの優れた機能と可能性を秘めているSilverlightの恩恵を受けることが簡単ではありません。 そこで、本連載では初心者から中級者を対象にSilverlightが持つ機
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
Thermo、Share、CoCoMo――Adobe MAXで見えた次の技術 ― ＠IT
米アドビ システムズは、新分野へと踏み込み、また業界大手と競争している分野で推進力を高める新技術を発表した。 同社のチーフソフトウェアアーキテクト、ケビン・リンチ氏は10月2日にAdobe MAX 2007で、企業のコアユーザー――デザイナーと開発者――がより効率的に仕事ができるようにする新技術の提供計画を説明した。 デザイナー向けアプリ開発ツール 「クライアント、サーバ、サービス、ツールのいずれにおいても、アドビのチームはフル回転で取り組んでいる」（同氏） 聴衆の喝采や歓声から判断すると、最も歓迎された新技術の1つが、コードを書かずにアプリケーションを作成できるアドビの新しいデザイナー向けツールだった。コードネームは「Thermo」という。 「当社には世界最高のツールがあるが、もっといいものを作れると思っている」とリンチ氏は語り、Thermoのデモを行うマーク・アンダース氏とスティーブン
最適な工期は「投入人月の立方根の2.4倍」、JUASが調査 ― ＠IT
2007/07/05 日本情報システム・ユーザー協会（JUAS）は7月5日、ユーザー企業102社の357プロジェクトを調査した「ソフトウェアメトリックス調査2007」を発表した。システム開発の企画、開発計画に始まり、保守や運用管理まで実態を調査した内容で、企業情報システムの実態を伝える。調査結果からは“デスマーチ”となるプロジェクトの実態も浮かび上がった。 デスマーチ化するプロジェクトの条件の1つは工期の設定が不適切であることだろう。調査から導き出された標準開発工期は「投入人月の立方根の2.4倍」。調査対象のプロジェクトの全体工数と全体工期をグラフ化し、回帰直線によって求めた。この計算によれば1000人月のプロジェクトの場合は24カ月の工期を設定するのが標準的といえる。事情によってこの標準工期よりも短い工期しか取れない場合は、その短縮率を計算して対策を採るべきとJUASは提言。だが、「（短
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
