Play 2.xのScala Templatesでビュー＆フォーム操作
Play 2.xのScala Templatesでビュー＆フォーム操作：Scala＋Play 2.0でWebアプリ開発入門（6）（1/3 ページ） 2.0からScalaに対応したWebアプリ開発の人気軽量フレームワーク「Play」について解説し、Webアプリの作り方を紹介する入門連載。今回は、Play 2.xでビューを表現するための機能「Scala Templates」と、フォームを用いてデータをやりとりする方法を解説します。 前回の記事「Play 2.1にアップグレードしてコントローラを使いこなす」では、コントローラのいろいろな使い方、さらにセッションやフラッシュスコープの使用方法を紹介しました。 今回はPlay 2.xでビューを表現するための機能「Scala Templates」と、フォームを用いてデータをやりとりする方法を紹介します。 Scala Templatesを使ってビューを作
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
Stores.jp、BASE、ZEROSTORE、Whytelistを勝手に採点
こうした工作ものもやっておりまして、普段の飲み助コネクションを生かして、懇意の飲食店から注文を受けて制作したり、懇意になりたい女の子にプレゼントしてみたりしてきたわけですが（バツグンに効果なし）、そろそろ広く販売してみたいなと。 しかし、いわゆるショッピングモールに出店するのは毎月の固定利用料が重いし、オンラインショップ開業支援サービスは管理画面の設定項目が多過ぎて心くじかれるし……。そもそも、それでガッツリ食っていくぞ！ という意気込みではない段階では、これらは少なくとも私にはいろんな意味でオーバースペックなのですね。 というところへ最近話題になっているのが、簡単にオンラインショップが作れるサービス。極めて短時間にオンラインショップが無料で開設でき、月額費用も掛かることなく、すぐに販売を開始できるというもので、昨年次々と登場しました。 そこで、 ストア作成機能（簡単にストアを作れるか、オ
第4回 要素の操作＆ユーティリティ編
連載目次 現在の要素セット（カレント要素）を指定された要素で囲むには、、wrap／wrapAll／wrapInnerメソッドを利用します。引数htmlには、HTML文字列のほか、DOM Elementオブジェクトを指定することもできます。 それぞれの違いについては、実際の動作を確認した方が早いと思いますので、まずは具体的な例を見てみましょう。以下は、既存の<p>要素に対して、枠線付きの<div>要素を追加する例です。 <script type="text/javascript"> $(function() { $('#wrap > p').wrap( $('<div></div>').css('border', 'solid 1px Blue') ); // 個別の要素にラップ $('#wrapAll > p').wrapAll( $('<div></div>').css('border'
初音ミクと日本のクリエイティビティ
世界一クリエイティブな国、日本 「世界一クリエイティブな国は日本、クリエイティブな都市は東京。（参照記事：「最もクリエイティブな国・都市」は日本・東京 でも日本人は自信がない──Adobe調査」2012年4月にAdobe社が米英独仏日の各1000人、計5000人の成人に聞いた国際アンケート調査結果だ。 36％が日本を最もクリエイティブな国と評価し、2位のアメリカ26％に大差を付けた！ うなずける。ポップカルチャー、ファッション、食べ物、ケータイ文化、どれも日本は抜きんでている。アメリカは金融、IT、ハリウッドなど多くの分野で世界を引き離し、ビジネスの創造力を見せ付けているが、表現文化を一部のクリエイターだけでなく国民全体で創出する点では日本が勝る。 最もクリエイティブな都市では、東京が他の都市を抑えて1位の30％！ ニューヨークが21％、パリが15％。これもうれしい。東京は銀座、渋谷、アキ
タッチデバイスを指で快適に操作させるために
タッチデバイスのUIの特徴とその癖から、HTML5のWebアプリでUXを実現するポイント、Webでのタッチイベント仕様を見てみよう。 前編のタッチUXを実現する7つのポイントでは、タッチデバイスの特徴と、その上でタッチUXを実現する7つのポイントについて説明しました。後編では、そのようなUXを実現するためにWebアプリでのタッチ仕様や、実装のポイント、今後の動向など、より技術的な面から解説します。 W3Cによるタッチイベントの標準化 Webアプリケーション向けのタッチイベント仕様はW3Cによって標準化が進められていて、執筆時（2012/10/20 現在）の段階で、勧告候補となっています（最新のものはW3Cの明示する「Touch Events version 1」を確認してください）。まだ仕様は確定していませんが、最新のiOS、Androidのブラウザでほぼ仕様通りのものが使用できます。タッ
タッチUXを実現する7つのポイント
思ったより指はじっとしていない。タッチUIの特徴と癖を分析して、タッチUXを実現する7つのポイントを紹介する。 普及してきたタッチデバイス 現在、スマートフォンやタブレット端末がすさまじい勢いで普及してきています。iPhone/iPadは新製品が出るたびに販売記録を塗り替え、Androidのスマートフォンやタブレットも各社からさまざまな端末が発売されています。今秋にはMicrosoftからWindows 8/RTも発売され、いよいよタブレットが本格的な普及期に入ります。 これらはすべてタッチUIで操作する、ということがこれまでのPCと大きく異なります。 直感的で分かりやすいタッチUIはあっという間に市場に受け入れられました。ユーザーは新しい体験を期待と興奮で歓迎しました。今やスライドしてページスクロールは当たり前で、スワイプでページをめくることに迷う人はいません。 同時に、そのような端末で
第3回 変数の宣言とスコープ ― ＠IT
JavaScriptが、いま注目を浴びている。 長い冷遇の時代を経ながらも、Ajaxという技術の登場とも相まって、JavaScriptの価値はいままた確実に見直されつつある。その過去の凋落と近年の華々しい脚光は、「復権」と呼んでもよいかもしれない。 本連載は、JavaScript復権のいまこの時代に求められる、JavaScriptという言語への理解を再確認しようというものだ。その連載、第3回となる今回扱うテーマは、「変数」である。どのような言語においても同様であるが、コード上で値を入力し、処理した結果を格納し、また、ほかへと引き渡すすべての基本となるのが変数だ。プログラミング言語を理解するうえにおいて、変数の理解は欠かせない。そして、それはJavaScriptの世界においても同様だ。 本稿では、JavaScriptにおける変数のデータ型に始まり、そのスコープ（有効範囲）の概念、そして、初学
HTML5のCanvasに欠けているもの：フレームワーク － ＠IT
OSSプロジェクトのホスティングサイト「GitHub.com」では、Flashで実装されていた一部のUIをCanvasに移行したという HTML5のCanvasとFlashの最大の違いは、アニメーションなどを行うために利用できる抽象レベルだ――。こう指摘するのは、Gitベースのコードホスティングサービス「GitHub.com」の共同創業者、Tom Preston-Werner氏だ（ちなみにWerner氏はマイクロソフトに買収された検索ベンチャー「Powerset」の元社員で、買収直後に“サラリー以外に3年間で30万ドル（約2770万円）”というおいしいオファーを断ってまでGitHub.comのフルタイム開発の道を選んだことでも知られている）。 Flashで書かれた一部のUIを全面的にCanvasで書き直した経験からWerner氏は、Canvasにはまだ抽象度の高いフレーワムワークが欠けてい
Vimをプログラム開発環境にしてしまおう
今回から、Vimをプログラム開発環境にしてしまう方法を解説します。これができれば、Vimでプログラムを編集した後に、コンソールに戻ってコンパイルの指示を出すという面倒を避けられます。（編集部） そろそろ実用的なことを - Cプログラミング これまで7回にわたってVimの基本的な使い方を解説してきた。これまで紹介してきた操作法を身に付けておけば、かなりの速度でテキストファイルを編集できるようになっているはずだ。Vimを操作する能力は、熟練すればするほど高速になる。スキルアップに費やす対象としては悪くない選択肢だ。今回以降しばらくの間は、より具体的なシーンを想定して、操作方法や、または操作方法をより便利な次元へ引き上げるプラグインについて紹介していく。 Vimといえばやはりプログラミング言語や設定ファイルの編集エディタとして利用することが多い。今回は、C言語のソースコード編集とコンパイル、実行
設定ファイルを作って自分の好みに改造
設定ファイルのサンプル これまでに紹介した基本的な設定項目を利用して、設定ファイルのサンプルを作ってみると以下のようになる。コピー＆ペーストして最初の足がかりとして使ってみるといいだろう。まずはUNIX／Linux向けのファイルだ。 " [Backspace] で既存の文字を削除できるように設定 " start - 既存の文字を削除できるように設定 " eol - 行頭で[Backspace]を使用した場合上の行と連結 " indent - オートインデントモードでインデントを削除できるように設定 set backspace=start,eol,indent " 特定のキーに行頭および行末の回りこみ移動を許可する設定 " b - [Backspace] ノーマルモード ビジュアルモード " s - [Space] ノーマルモード ビジュアルモード " - [→] ノーマルモード ビジュアル
Cocoaの素、Objective-Cを知ろう － ＠IT
Objective-C初心者のための入門連載です。Objective-Cとは何かの基礎知識から、さまざまな基本構文／文法（変数、データ型、nil、配列、プロパティ、アクセサ、クラス、スーパークラス、ルートクラス、サブクラス、ポインター、メソッド、インスタンス、リンク、ラッパークラス、コンパイラディレクティブ、id、メッセージ式、文字列操作、forなどの繰り返し（ループ）、列挙子、ディクショナリ（連想配列）、高速列挙、オブジェクト指向、継承、プロトコル、多重採用、セレクター、クラスクラスター、カテゴライズ、カテゴリ、メモリ管理、ガベージコレクション、参照カウンターなど）を、書き方が分かる豊富なサンプルコードとともに解説します。
UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―
UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―：連載：UX（ユーザー・エクスペリエンス）研究（2/2 ページ） ◇UXを高めると何がうれしいのか？ そもそもUXに配慮すると何が良くなるのだろうか？ システムに投資するのなら、企業経営上の観点から、投資対効果（＝ROI：Return On Investment)を追求する必要がある。よってUXへの投資も、経営層に対して「どれだけ利益があるか」を説明する必要がある。 利益を考える場合には、大きく2つの観点しかない。つまり、 コストを削減するか 売上を伸ばすか である。 ●コストを削減する UXがもたらすコスト削減としては、大きく3つある。 実際にシステムを利用する人間の作業時間／労働コストの削減 システム利用者へのトレーニング・コスト削減 オペレーション・ミスが減る
UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―
連載目次 ◇本連載の趣旨 ユーザー・エクスペリエンス（以下、UX）とは、大ざっぱにいうと、ある製品（アプリケーション）をエンド・ユーザーが使った際に経験する「楽しさ・心地よさといったプラスの感情」を、（エンド・ユーザーに提供する）価値として重視するコンセプトだ。具体的には、見た目のみではなく、使い勝手や信頼性などの側面を重視した設計を行い価値を実現する。（UXの詳細な定義については後述）。そのUXが注目されるようになって久しい。が、UXの定義や意味するところ、もたらされる恩恵は、一般の開発者レベルまで伝わっているだろうか。 開発者にUXについて尋ねると「UXはデザイナーの仕事（なので、自分には関係がない）」というような意見を持っている方に出会う。本当にUXに関係のない開発者がいるのだろうか。 アプリケーションに対するエンド・ユーザーの不満を例に、不満の原因が誰の責任か見てみよう。 これら、
impress.jsでド派手なスライドをつくろうぜ！
“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ
意外と知らないバージョン表記・数字の豆知識
「Java News.jp（Javaに関する最新ニュース）」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」（駆け足の要点説明）でお届けします（編集部） ちまたにあふれるバージョン表記 少し前に「Web 2.0」「○○2.0」という表記が流行したのを覚えていますでしょうか。よく見かける広告のコピーにも、最近では「バージョンアップ」という言葉が普通に使われています。バージョンや、バージョン表記は、ソフトウェアの世界だけでなく、ごくごく一般化したように思えます。しかし実際には、どういう意味か分からないのが、バージョン表記です。 アプリケーションソフトウェアの開発は、さまざまな状態／段階を経て完成します。その段階／状態と、リリース後の状態／段階を示したのが、バージョン表記です。 例えば、数字以外でも、以下のような表記を見かけたことはありません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホアプリの作り方【超まとめ】UI編：スマホアプリのデザイン／グラフィック描画に役立つ記事39選 - ＠IT
https://atmarkit.itmedia.co.jp/ait/subtop/features/da/dt_jqueryref_index.html
フォーム関連要素（2） HTML5でinput要素に追加された新しいタイプ13連発
連載インデックス「作って学ぶAIRウィジェットの基礎→応用」 - ＠IT