今回からいよいよプログラミングを行います。最初のプログラミングはInterface Builder上で行います。 前回のおさらい 第3回では、Interface Builderを使った画面の作り方を学びました。実際に画面（View）に配置したパーツを再確認してみましょう。 Viewに配置されたパーツと名前 ユーザに何らかの文字を入力させるための「テキストフィールド」 ユーザにいくつかの選択肢の中からひとつを選ばせるための「セグメンテッドコントロール」 画面上に文字を表示するための「ラベル」 これらのパーツを配置しただけの状態では、アプリは何の役にも立ちません。そこでいよいよ「役に立つアプリ」にするために、プログラミングの作業へと入っていきます。 操作と処理を確認する まず、ユーザがパーツに対してどのような操作を行うかと、プログラムにどのような処理（動作）をさせるかについて確認しておきましょ

これは、HTML5 Advent Calendar 2014の7日目のエントリーとして書いております。 2008年4月1日に初版が発行された、オライリー・ジャパンの「ハイパフォーマンスWebサイト」を未だに参考にされている方は多いと思います。 ウェブページ内で、背景やボタン、ナビゲーションバー、リンクなどで多数の画像を使う場合は、CSSスプライトを使うのがエレガントな解決策です。そうすることで、マークアップが整理され、扱うべき画像の数も減り、レスポンスも高速になります。 ― 「ハイパフォーマンスWebサイト 高速サイトを実現する14のルール」 Steve Souders著 その部分を参照されてか、時折、「CSSスプライトを使うことで、HTTPリクエスト数が削減されて、高速化に繋がる」と書かれている方をお見受けします。 しかし、それは本当なのでしょうか? そこで、今回、本当に効果があるのかど

開発コンテスト24とは、午前9時にテーマが発表されてから24時間以内 という制限のもと コンセプトを決め デザインを定め 実装を完了する までをこなす、開発のトライアスロンとでも言うべきイベントです！ 2010年から毎年開催されてきた開発コンテスト24ですが、今年は10月18日（土）の開催となります。 詳細はこちら (「第5回 開発コンテスト24」開催のお知らせ) をご覧ください。 今年のテーマはリンク先のページで10月18日 (土) の午前9時に発表されます。 作業スペースとしてクックパッドのラウンジを開放します！ 10月18日 (土) 8時30分〜17時30分の間、クックパッド本社 (渋谷区恵比寿) のラウンジを作業スペースとして開放します。 地図 当日はクックパッド社員が手作りランチでおもてなしします。ぜひともご利用ください！ なおラウンジ利用の申し込みの期限は10/10 (金) 1

Apple Watch の SDK である『WatchKit』がリリースされてたので、さっそくさわってみました。 以下、サンプル実行方法、AppleWatchアプリの実装方法（所要時間1分、プログラミング不要！）、全クラス解説の順に書いていきます。 ※本記事は、Appleによる公開ドキュメント（ログイン不要領域にあるもの）の範囲で書いています。 サンプル実行方法 何はともあれまずはサンプル実行。 iPhone6 シミュレータとかの並びに Apple Watch とかが来るのかなと思ってたので、一瞬サンプルをどう実行してよいのか面食らいましたが、シミュレータメニューから [Hardware] > [External Displays] > [Apple Watch - 38mm] または [Apple Watch - 42mm] を選択 で、Apple Watch サイズの外部ディスプレイシ

Titanium Mobile SDK 1.7.0と統合開発環境Titanium Studioがリリースになったニュースは前回の記事でお伝えできたのですが、同時にTitanium Developer（旧開発環境）の配布が終了した点についてはお伝えすることができませんでした。いままでTitanium Developerを使っていれば自動でダイアログが出ていたSDKのアップデートも、現在のTitanium Developerでは手動でSDKをアップデートする必要があります。これからTitanium Mobileの開発を行う人にとっても、また1.7.0にアップデートしたい人にもTitanium Studioでの開発が必須になりつつあるので、今回はTitanium Studioの導入について解説します。また、1.7.0からAndroidでのデザインの指定が変更になっているのでこちらについても簡単に

遂にAppleからiPhone6とiPhone6 Plusが発売になりましたね。 画面が大きくなって、YouTubeやゲームをするときは捗りそうで有り難いことです！ しかし、手放しで喜んでいられない人もいのが、WEb開発やアプリ開発の業界で生きている我々。 新機種が出る度に高解像度化されいく端末に合わせ、仕様を作りなおしていくのも大変な作業です。 そして、この度iPhone6 Plusのデビューに合わせて現れたのが「@3x」！ iPhoneアプリを申請する際は、今までのサイズに加えて「@3x」へも対応した画像を用意しなくてはいけなくなったし、スマフォのサイトを用意する時は、「@3x」サイズも想定して作成する必要がでました。。 筆者も先日、iPhone6 Plus対応のアプリを作っていた際に「@3x」でバタバタしましたので、備忘録を兼ねて画像サイズ一覧を作成しようと思います。 そもそも

前回の記事で環境構築と土台となるプロジェクとの作成ができたので、今回から実用的なアプリの制作に入ります。数回にわけてTwitterクライアントを作成しますので、ネットワーク周りや画像の取り扱いまでTitaniumの簡便さを体験していただければと思います。 どんなものを作るか まずは、実際に作るアプリのイメージを固めましょう。TwitterアプリはiPhoneアプリの中でも優れたアプリが多く激戦区となっているジャンルです。一方でTwitterを使い込んでいくと自分のよく使うWebサービスと連携させたくなり、自分の使い方にカスタマイズしたアプリも欲しくなるものです。ということで、Twitterのひと通りの機能を実装しつつ拡張しやすいシンプルなアプリを目指しましょう。 図1　画面イメージ 画面構成としてはこのようなアプリをイメージしておきましょう。 まずはTableView Twitterアプリ

Amplify PlatformBuild, publish, validate, and govern APIs across multiple clouds, on-premises data centers, and gateway vendors, while automating continuous discovery of new and unknown APIs. Go to the Product Webpage

jQT A Zepto/jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.

今回は、アプリをiPhoneやiPod touchで動かす方法について学びます。 iPhone Developer Programへの登録 自作のアプリをデバイスで動かすためには「iPhone Developer Program」への登録（有償）が必要です。 まずはiPhone Dev Centerにログインします。 iPhone Dev Center 右側にある「iPhone Developer Program」の項目から「Apply now」をクリックして登録画面へ進みます。その後のページで「Learn More⁠」⁠→「⁠Apply Now」と進み、ログイン画面が表示されたら再度ログインを行って下さい。 登録ページ ログインすると、個人（Individual）での登録か、企業および団体（Company/Organization）での登録かを選択した後、金額の確認、ライセンス契約の確認

本連載もいよいよ最終回を迎えました。ここまで開発してきたアプリケーションを、App Store上で全世界に公開する手順を解説し、これまでのまとめを行います。 アプリの登録に必要なもの App Storeへアプリを登録するためには、以下のものを用意する必要があります。 57×57ピクセルのアイコン 512×512ピクセルのアイコン (JPEGまたはTIFF) スクリーンショット アイコンを作る アイコンは、アプリを起動するためのホーム画面に並ぶアイコン用に57×57ピクセルの物と、iTunesのApp Store上で表示するために512×512ピクセルの物の2種類が必要です。そこで、はじめに512×512ピクセルのアイコンを作っておき、それを57×57ピクセルに縮小すると手間を省くことができます。もちろん、App Store用とアプリ用でアイコンを別の物にしても構いません。 アイコンは2つ用

とあるお仕事で、iPad をサポート（＝ Universal 化）してほしいという要望があり、せっかくなので iPhone 6 / 6 Plus （4.7 / 5.5 inch スクリーン）もサポートしようってことで、新しい Xcode 6 の新しい仕組みである Size Class を使って複数画面対応を行ないました。あと、同じく Xcode 6 から Asset Catalog でベクター形式がサポートされるようになったので、こちらもトライしてみました。 で、そのときに学んだ諸々の断片的なメモです。勘違いもあるかもしれないのでその際は優しくご指摘いただけますと幸いです。 ※ちなみに Size Class やベクター形式画像の使用は iOS 8 以上縛りではありません。単に Xcode 6 の新機能というだけなので。 Size Class の前提知識をつける 「Size Classsとは

今回は、実際のiPhoneアプリ開発に必要なSDKの入手方法、さらにその基本設定を中心に解説します。 iPhone SDKとは 第1回では、iPhoneの開発環境であるXcodeについて説明しました。そもそもXcodeは、基本的にMac向けのアプリケーションを開発するためのツールです。そこで、これを使ってiPhoneアプリを開発するために「iPhone SDK」という開発キットを追加でインストールする必要があります。iPhone SDKをインストールすることで、XcodeからCocoa Touchを使ったり、開発中のアプリをMac上で動かすための「iPhone シミューレータ」を使ったりできるようになります。 また、あらかじめXcodeがインストールされていない場合でも、iPhone SDKをインストールする際にXcodeを一緒にインストールすることができます。まずはiPhone SDKの

TOPICS Programming , Mobile , HTML/CSS , JavaScript 発行年月日 2010年08月 PRINT LENGTH 208 ISBN 978-4-87311-461-3 原書 Building iPhone Apps with HTML, CSS, and JavaScript FORMAT PDF Objective-Cを使わなくてもWebアプリケーション開発の標準技術でiPhoneアプリケーションを開発できます。本書ではパソコン向けWebアプリケーションをスタート地点に、CSSのカスタマイズ、jQueryの利用、jQTouchを利用した高度なアニメーション、PhoneGapを使ってネイティブアプリケーション化することでiPhone固有の機能を使う方法、そしてApp Storeへの登録に至るまで、HTML＋CSS＋JavaScriptによるiP

今回から始まった「目指せ！iPhoneアプリ開発エキスパート⁠」⁠。iPhoneアプリ開発について解説します。第1回目は、iPhoneアプリ開発をするうえで最初に知っておきたい基礎知識を中心にお届けします。 アプリ開発者から見るiPhoneの特色 iPhoneはときおり「革新的なデバイスである」などという表現とともに紹介されることがあります。その言葉が表す通り、単なる「iPod付き携帯電話」にとどまらず、iPhoneは魅力的な特徴がたくさんあります。ここではアプリ開発者が特に意識するであろうiPhoneの特色を見てみましょう。 携帯電話にはあたりまえの方向ボタンや数字キーがない アプリ内で使われるボタンやスイッチなどのパーツが統一されている 限られたボタンしかない代わりに、本体のほぼ全面をタッチパネルとしたiPhoneでは、アプリ開発者は従来のようにボタンの種類や数に制約を受けることなくイ

はじめまして、株式会社はてなでアプリケーションエンジニアをしている倉井龍太郎（id:r_kurain）と申します。この連載では、今もっとも注目集めているスマートフォンアプリ開発環境であるTitanium Mobile（以下Titaniumと省略）を使ったiPhone及びAndroidアプリケーションの開発方法について解説していきます。 Titaniumとは TitaniumはAppceleratorが開発しているスマートフォンアプリ開発環境です。本来iPhone／iPod／iPad であればObjectice-Cを使用して、AndoridであればJavaを用いて作成するネイティブアプリケーションが、どちらの環境でもJavascriptのみで開発できるようになるものです。Titanuiumは無料で利用することができます。サポートを受けるにはAppceleratorの有料プランに入会する必要が

第4回TitaniumでTwitterクライアント─⁠─OAuthを使ったAPI呼び出し 倉井龍太郎 2011-01-11

Slack は、人と情報を集約するプラットフォームです。伝えたいことは、文字でも、音声でも。社外の組織ともやり取りできます。

プログラミングの生産性を上げるには - Cside::Private とても面白かったのでマネしてみた。人それぞれあると思うので自分のスタイルを。 といっても、かなり不真面目なので参考にはならないと思う。 1 . README.rst を書く まず最初に何がしたいのか、どんなことをしたいのかを書く 概要、ゴール、実装方法、使用ライブラリ、TODO などを書いていく そして README.rst に擬似コードを書き始める コンパイルが通る必要は無い コメントもガンガン書いていく とにかく issues とか使わず全て README.rst に書いていく 一通り出来てきたら Trello にタスクを移す 2 . 擬似コードでプロトを書く コードを書いてみないと分からない事が多いのでまずはコードを書く よく iPhone でコードを書いているのだが、オレオレ言語で書いている Erlang っぽい