サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
html5dev.jp
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは、新井です。 もうすぐクリスマスですね〜 そして今年も残りわずか。早いもんですね。 さて、今日はWebアプリをネイティブアプリっぽく見せる方法について紹介したいと思います。 1.Viewportを設定する 何はともあれViewportですね。 これは有名なので知っている方も多いでしょうか。 スマートフォンでは、Vie
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー 9月も終わりを迎え時の経つ速さを感じています、新井です。 今日はスプラッシュスクリーン(起動画面)の設置方法について紹介したいと思います。 もともとネイティブでアプリ作ったことある人にとっては簡単にできるかもしれませんが、そうでない人にとってはAndroidの方がちょっと分かりにくいかなとというものです。 まずは、iPhoneの場
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー 使っているAndroidを新しいのに変えたいなと思っています、新井です。 今日もAngularJSのお話です。 便利です。AngularJS。 というわけで、今日は$scopeの値をコントローラの外から更新する方法について紹介したいと思います。 まず、通常更新する際には、下記のように更新用のメソッドを用意すればOKです。 func
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!こんにちは、新井です。 ハロウィンですね!仮装しましたか? Facebookとか見てるとみんな色んな格好してますね〜 さて、今日はPhoneGap2.2のお話をしようかと思います。 まだ、rc版で正式版はリリースされてないのですが、ドキュメントは更新されています。 iPhone5 / iOS6 関連のBug Fixなどもありますが、今回はAPIが2つ追加されているのが大きな変更かと思います。 あと、地味にFileTransfer APIの変更も有難かったりします。 追加された、APIは ・Globalization ・Splashscreen の2つです。
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!ちょっと指摘しておきます(丁度、Raphaëlを扱ってる最中でしたw) RaphaëlはCanvas(ビットマップ)ではなくSVG、つまりベクター描画用ライブラリーです。 制作サイドから見た利点としてはお馴染みのJavaScriptの作法で書ける点で、利用者からの利点としては、何十倍に拡大してもビットマップのように輪郭や塗りがギザギザにならない点です(これはFlashもベクター描画なので同じです)。 ※SVGはiOSのSafariで動きますが、Android標準ブラウザはver3.0からSVGに対応しているらしいです。 以下コーディングの際のお試しサイト: Ra
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは〜 新井です。 ゴールデンウィークですね!今年は5月1日2日を休みにして9連休にする人も多いんでしょうか 大型連休、旅行とか行きたくなりますけど、どこも混んでいるのでどうするか迷いますよね。。 前回、前々回とPhoneGapやTitanium Mobileの導入編を紹介してきましたが、今回は2つの比較、というかどっち使
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー 最近にわかに数独にはまっています、新井です。 今日はPhoneGapアプリをより早く動かすために考慮するべきことについて紹介したいと思います。 デバイスの機能を利用するときに使うPhoneGapAPIの速度は変えられないので、ページ遷移やJavascriptによるロジックの実装のお話になります。 1.できるだけロード回数を減らす。
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは 新井です。 今日で8月も終わりですね〜 明日から9月!心機一転頑張って行きましょう こないだ、水曜にイベントでPhoneGapのお話させていただきましたが、懇親会含めて色々な質問をお受けしPhoneGapの盛り上がりを改めて感じることができました。 非常に楽しいイベントでした! Togetterにイベントの様子が
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!MacだとVimを使っていますがWindowsだとサクラエディタを使います、新井です。 今日はPhonegapでiPhoneアプリを作るときや、iPhone向けのWebサイトを作るときのちょっとした気配りについて紹介します。 数字を電話番号にしない タップしたときの暗めな影を良い感じの色合いに変える コピーできないようにする 文字サイズの調整を無効にする アクションポップアップを出さないようにする というあたりについて紹介します。 1.数字を電話番号にしない iPhoneでは電話番号っぽい数字があったら、リンクっぽく青字になったりタップしたら電話かけられたりします。
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー あついですね〜、新井です。 こんにちは さて、今日はちょっと趣をかえて、便利ツールの紹介をしてみたいと思います。 これからスマートフォン向けのWebアプリつくよ!とか、PhoneGap使ってアプリ作ってみようかな〜っていう人向けに、使うと便利なツールをどどんと紹介しちゃいます。 と言ってもそんなに大量にあるわけじゃないので、す
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー どうも 新井です。 花金ですね! どうでもいい話ですが、僕は普段vimを使っています。 で、さっきPCがものすごいウィンウィン言い出したので何かなと思って調べてみたら、何故かvimがCPUを50%くらい食っててLoad Averageが上がっていたりしてました。 普段は1%も使わないので、謎です、、、 とまぁそれはさておき、
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは、新井です。 最近いつもに増して眠気が半端ないです。 こないだの土曜は、12時過ぎに起きてお昼ご飯食べて、また寝て21時頃起きて、晩御飯食べてお風呂入って0時くらいには寝るっていう寝ることと食べること以外はほぼ何もしない1日を過ごしました。 どう考えても寝過ぎですね。。。 さて、今日はPhoneGap始めた時につまづき
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは 新井です。 今日は、 集え、HTML5な開発者、クリエイター! HTML5+CSS3+JSとCANVASでゲーム、PhoneGapでハイブリッドアプリ、開発効率アップ(Sass・Jasmine)等勉強会 というイベントにてLTでPhoneGapについてお話してきます。 たくさんの人に来ていただけるみたいですし、い
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー 新井です。 今日の東京はとっても暑いです。。。 コーラが進みますね! さて、今日はPhoneGapを使ったiPhone/Androidアプリでサーバと連携するようなプログラムを紹介しようかなと思います。 Javascriptのコードの前に、Phonegapの設定ファイルを少しいじる必要があります。 Supporting File
こんにちは〜 新井です。 本日は大安です!! いいですね〜 いつもサービスリリースするなら大安がいいなと思っています。 大安リリースですね。 まぁそうも言ってられない世の中なわけですけども、、、 どうでもいい話はこの辺で、今日はiPhone向けにPhoneGapアプリを作るときに困るかもしれないスクロールについて紹介したいと思います。 特に特定のブロック要素を、その中でスクロールさせたい場合についてです。 ま、要はoverflow:auto的な話ですね。 htmlの高さあるいは横幅が、ディスプレイサイズ以上になる場合は、大きなウェブページを小さいブラウザでみたときと同じで、画面自体スクロールしてくれます。 ただ、リストビューとか特定の要素内のみスクロールしたいときもあります。 ウェブページだと、overflow:autoって書く場面ですね。 ただ、これちょっと注意点があります。
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは! 新井です。 イマイチな天気続きますね〜 金曜日だというのに全くテンションが上りません。。。 さて、今日はハイブリッドアプリを作るときによく使う便利なPhoneGapのプラグインを紹介しようかなと思います。 PhoneGapには、Objective-CのコードをラッピングしたAPIがあってJavascriptからデ
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー 来週のセミナーに向け、絶賛準備中の新井です。 前回はGoogle Mapとの連携の方法を紹介しました。 今回はJavascriptフレームワークの紹介をしちゃいます。 いわゆるMVCとかMVVM(モデル、ビュー、ビューモデル)とかそういうやつですね。 PHPで言うCakePHPやSymfony、RubyだとRuby on Rai
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは 新井です。 今週末は大阪に来ています! 26って元々大阪の国道26号線に由来しているので、あたかもホームタウンに返って来たかのような感じですね! 大阪は東京より暑いです。 今日はPhoneGapでのアプリ内課金の実装について紹介しようかなと思います。 (今回の記事はiPhone向けです〜) 先日書いたHTML5での
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業:株式会社ニーロク(http://i26.jp/) 検索 メインメニュー こんにちは 新井です。 じめじめしますね。 早く梅雨あけないですかね〜 今日はアプリ内課金の、SubscriptionについてPhoneGapで実装する方法を紹介したいと思います〜。 先日紹介した、InAppPurchaseManagerのプラグインの応用編ですね! と言っても基本的な流れは同じで、 window.plugin
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!こんにちは 新井です。 今週末は大阪に来ています! 26って元々大阪の国道26号線に由来しているので、あたかもホームタウンに返って来たかのような感じですね! 大阪は東京より暑いです。 今日はPhoneGapでのアプリ内課金の実装について紹介しようかなと思います。 (今回の記事はiPhone向けです〜) 先日書いたHTML5でのハイブリッドアプリ開発のお供に便利なphonegapのプラグイン達にも出てきた、InAppPurchaseManagerというやつを使います! ここからプラグインのファイルをダウンロードします。 SKProduct+LocalizedPri
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!最近涼しいですね〜 夜とかちょっと寒いくらいですね 新井です。 今週からテニスのWimbledonが始まりました。 今年は例年になく日本人選手もたくさん出場してますし、昨日錦織選手と添田選手が快勝したこともあり日本でもいつも以上に盛り上がってますね〜 さて、今日はレスポンシブデザインについて書いていこうかなと思います。 先日Media Queriesが勧告になりましたしね! レスポンシブデザインって何ぞやって話ですが、ものすごくざっくり言うと画面サイズによって最適なUIって違うはずだからレイアウトから最適な形に変えちゃおうぜっていう某かのものです。 実現するため
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!来週のセミナーに向け、絶賛準備中の新井です。 前回はGoogle Mapとの連携の方法を紹介しました。 今回はJavascriptフレームワークの紹介をしちゃいます。 いわゆるMVCとかMVVM(モデル、ビュー、ビューモデル)とかそういうやつですね。 PHPで言うCakePHPやSymfony、RubyだとRuby on Railsとか有名ですね。あれです。 サーバサイドの開発だと割りと当たり前に使われているフレームワークでも、Javascriptの開発だとまだまだ使っている人は少ないんじゃないでしょうか まだ触ったことない人はこれを機に一度挑戦してみてください!
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!どうも!新井です〜 いつもなら、先週のニュースまとめをやってるところなんですが、先週発表されたJSXがあまりに話題なんで、急遽予定を変更してちょっと触れてみようかなと思います。 JSXっていうのは、先週DeNAさんが発表された、高速なJavascriptコードを生成できるwebアプリケーション向けの言語です。 静的型付けやクラスベースでの実装など、Javaライクな感じになっていますね。 今までひたすらJavascriptばかりやっていた人にはちょっととっつきにくいかもしれませんが、Javaとかやっていた人ならすぐに慣れられる感じでしょうか。 少人数より大規模な開発
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!関東で地震がありましたね! 新井です。 先日も夜中にありましたし、多いですね〜 ガクブルですね。 さて、今日は前回のCSS3でアニメーションの続きをやりたいと思います。 前回は、keyframe使ったので、今回はtransition使おうかなと思います。 大雑把にいうと、キーフレームよりも単純なアニメーション作るときは便利です。 では早速書き方を見ていきましょうか〜 今回はオンマウスしたら、背景色が変わるDIV要素を作ってみようかと。 まずは、HTMLの用意です。 <div id="animation_div"> 背景が変わるよ! </div> これに、簡単なC
このブログでは、HTML5/CSS3/Javascriptを利用したスマートフォン向けモバイルウェブサイトを作るのに役立つ情報を提供しています。オフラインで動くウェブアプリなど、スマートフォン×HTML5の最新情報が満載!!みなさん こんにちは、新井です。 今日は花金ですね! こないだ花金って言ったら友達に死語だっていわれました。。。 そうなんですかね? さてさて今日は、HTML5+Javascriptで効率的に開発を進めるためにっていうテーマで思うところを少し書いてみたいと思います。 Javascriptって、コードがカオスになりがちですよね。。 ・テンプレート内(HTML内)にロジック書けちゃう ・オブジェクト指向と言いつつも、プロトタイプ継承が基本でクラスベースの実装ができない ・コールバックの嵐 あたりが理由かなとも思ったりしますが、上手いことやらないと複数人で大規模な
このページを最初にブックマークしてみませんか?
『【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く