最近、以下のような記事を不定期に書いているわけですが。 iPhoneアプリを作ってみよう(Xcode4編)第1回:じゃんけんゲーム iPhoneアプリを作ってみよう(Xcode4編)第2回:簡単ブラウザ そういえば、iOSアプリの開発の基礎的なことって、ちゃんと書いてなかったような・・・・?(^^;;; てなことを考えてた時にTwitterでXcode関連の開発本について、「どの本がいいですか?」的な質問を受けたりもしました。 そこで、大型連休にiOSアプリの開発の勉強をしたい!という方もいらっしゃるかもしれないし?、ってことで、iOSアプリ開発の「基礎」について、色々調べてまとめてみました。 iOSアプリ開発に必須なもの まず、開発環境として必要なのが以下。・Mac・XcodeMacは最近のものであれば、どの機種でも問題ありません。ちなみに私はサンタさんに頂いたMacBook Airの1
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / html5 boilerplate mobile の viewport指定が変わってたんですこんなのに。 あれーでもこれってあれじゃない?iPhoneで横にするとでかくなりすぎちゃうやつじゃない?iPhoneのバグだか仕様だか分からないけどって前書いた(1, 2)のだけれど、html5 boilerplate mobileにはもう一工夫してあった。それがこれ。 A fix for iPhone viewport scale bugこれは何かというと、基本はこれ width=device-width, initial-scale=1.0で、iPhoneではこれ width=device-widt
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / スマートフォン用のviewport指定、このいずれかかと思うんだけどどうなんだろう。 リキッドパターン iPhoneの場合、縦の時:幅320px、横の時:幅480pxにviewportが調節される。それ以外の幅のデバイスでは、そのデバイスの幅に合わさってリキッドになる。 user-scalable=noなので、ユーザーによるピンチイン、ピンチアウトのズームが不可能。この時点でかなり嫌だが、これは、iOSが、縦→横にorientationさせた時、ズーム率を自動で調節するという機能を殺すため。(iPhoneであれば縦→横でズーム率が1.5倍になる) この自動ズーム率調節機能がイキでいいのであれば
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 結局 が一番いいのかもと思った。html5 boilerplate mobileでも使われていたので… 以下はよく検証してないので間違ってる可能性があります。 まず、ほんとは にしたい。想定される結果は、iPhone縦だとviewportの幅が320px、iPhone横だとviewportの幅が480pxになるというもの。だがこれをやると、iPhoneで縦→横にしたとき、コンテンツの幅は320pxのまま、これが幅いっぱいにズームされた状態になる。iPhone Safariは、基本、縦→横にしたら、その時の画面の幅を維持して拡大してくれるので、user-scalableがyesである限り、wid
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
ジャジャーン! 面白法人カヤックの距離の話! あなたのFacebook情報からカヤックとの距離が出せる 画期的コンテンツ!その名も「距離診断」! 通称ソーシャルグラフ採用とも呼ばれております! ズ、ズバリ!カヤックとの距離1m以内だった方は 1次書類審査パス出来ます! 面白法人KAYACとは? 面白法人カヤックは、鎌倉に本社を構え、 Webを中心に事業を展開する企業です。 詳しくは、日替わりで最新情報をお届けする コーポレートサイトをご覧ください。 これまでにカヤックに入社した社員をみてみると、 社員が紹介した人の採用率は高い!ということがわかりました。 社員と気の合う仲間は、カヤックとも相性が良いのかも!? そこでFacebookの履歴から「社員と似たもの度合い」を「距離」として判定し、 書類選考に代えてしまおう!というのがこのソーシャルグラフ採用です。 距離
MacOSXでRailsの開発をしている方にちょっと朗報。普通Railsで開発をしているとき、自分用の開発サーバをローカルで $ rails sとコマンドを打ち、使っているかと思います。 これをやると3000番のポートで開発中のアプリがdevelopmentモードで立ち上がり、そこにブラウザでアクセスして閲覧、結果を踏まえて修正・・・という流れです。 こうしていると何が困るかというと サーバを自分でいちいち立上げないといけない 別のアプリも開発サーバを上げるとなると、ポートをずらさないといけない 開発用Webサーバ、Webrickは割りと重いので上げっぱなしにしておけない かといってApacheやNginxを使うとなると、設定ファイルをいちいち修正したりが必要 とかという感じです。(まぁ、それほど辛い悩みでもないのですけど) ということで、37Signalsの新プロジェクト「Pow」をご紹
url Flex勉強会第137回@京都 AIR2.6ではじめるAndroidアプリとiOSアプリ開発 AKABANA 有川 榮一さん (http://www.akabana.net) AIR for Android Android OS対応のAIRランタイムから始まった AIR2.6 SDKのところに置いてある スマートフォンでできることは大体できる FMS連携もできる Flash Builder 4.5 Mobile機能に要注目 iOSアプリと違ってAndroidは解像度対応が大変なところを吸収してくれそう Adobe AIR Launchpad 簡単なサンプルアプリを作れる AIR 2.6 USB経由のデバッグができる StageWebView 外部のNativeなブラウザを使って高速に描画 見た履歴をサムネイルとるようなブラウザが作れる ソフトキーボードの制御 対応していない機種もあ
(サービスの設計の話だけですっかり長文になってしまったので、予期せずエントリーをいくつかに分けることにします) 24時間で課題に沿う「生活をより便利にするサービス」を開発するクックパッド主催の「開発コンテスト24」に参加しました。 » エンジニア向け「第2回 開発コンテスト24」開催 | クックパッド株式会社 サービスの設計・開発・デザインなどプロダクトをリリースするためにやらなければいけないことをすべて24時間以内にこなさなくてはいけないので、3日分くらい働いた感覚です。 課題提出後はすっかり疲れて何もできなかったのですが、一夜あけ、せっかくなので貴重な体験のなかで得られた知見を残しておこうと思いブログを書くことにしました。 具体的なシーンを思い浮かべることができるサービスを @bluerabbit777jp さんから「コンテストに参加するので手を貸してほしい」という Twitter の
追記 開発コンテスト24 結果が発表されました。 » 第2回「開発コンテスト24」受賞作品発表 | クックパッド株式会社 残念ながら Team 3meter として参加して開発した、Help Me Tutor は受賞できませんでした。いい線行ってたと思うんだけどなあ、残念。 » Help Me Tutor 受賞作品はそれぞれ素晴らしいアイデアで問題を解決できている作品だと思います。受賞された方々、おめでとうございます。 Help Me Tutor は、最初の出来上がりのこれはいけるんじゃないかという印象を信じて、完成度をあげて、App Store に申請、プロダクト化するところまでがんばってみたいと思っています。 追記ここまで » クックパッド「開発コンテスト24」に参加しました - その1 : 僕は発展途上技術者 の続き。 その1は長々書いてしまったので、その2ではサクッと、開発の Ti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く