Google Play™ ギフトカードが当たるWキャンペーン！ 「はてなブログ」のAndroid™アプリをリリースしました - はてなブログ開発ブログ
※キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 本日、はてなブログのAndroidアプリをリリースしました。お持ちのAndroid端末から、はてなブログの記事作成や、購読中のブログを手軽にチェックできます。 今回のリリースに合わせて、Google Play™ ギフトカードが当たるWキャンペーンを実施します。応募方法はこのエントリーの最後をご覧ください。なお、当エントリーをAndroidのブラウザから開くと、簡単に応募できます。 「はてなブログ」Androidアプリでは、お手持ちのAndroid端末で手軽に記事が書けるだけでなく、撮った写真を簡単に記事に使える仕組みや、「購読中のブログ」が読みやすい新デザインの導入などの配慮をしています。 下記のリンクからダウンロードできます。どうぞご利用ください。 ※対応OS：Android 4.0.3以降 Androidアプリ「
プログラム言語の知識は不要。オリジナルのAndroidアプリを作成できる「JointApps」のサービスが本日スタート
プログラム言語の知識は不要。オリジナルのAndroidアプリを作成できる「JointApps」のサービスが本日スタート 編集部：Chihiro デジタルハリウッドは，オリジナルのAndroidアプリを制作できる「JointApps」のサービスを本日（2013年8月27日）開始した。JointAppsは「アプリが作れるアプリ」で，利用者にプログラム言語の知識がなくても，簡単なブロックのつなぎ方のルールを覚えれば誰でもアプリを作成できるという。サービスの詳細は以下に掲載したリリース文で確認してほしい。 JointApps公式サイト “アプリはジブンでつくる時代” プログラム知識がゼロでもOK！ブロックを組み合わせるだけ！ オリジナルのAndoridアプリがたったの4ステップ・10分で完成 『JointApps』（ジョイントアップス） ８月２７日（火）よりサービススタート http://www.
jQuery.flickable experiment - Qiita
公式のスクリプトだと jQuery 1.5.x じゃないと動かないっぽいんで非公式の修正版を使うという話． jQuery.flickable のサンプルはここを見るよろし． 以下のコードはここで実演． <!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html" charset="utf-8"> <meta name="robots" content="noindex, nofollow"> <title>flickable test</title> <!-- use jQuery 1.5.2 daringly <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js">
Query.flickableをjQuery 1.6に対応させてみる - Orangesoft
Query.flickableがjQuery 1.6に対応していないみたいなので 対応させてみました。 正確にはjQuery 1.6.2対応です jQueryは1.6になってattr()の扱いが変わったようでその為に1.5と互換が取れない部分が発生し、色々問題があったみたいです。 で、1.6以前の互換の為にプロパティもattr()で取得出来るようにした1.6.2が出ましたが「scrollHeight」「scrollWidth」「clientHeight」「clientWidth」等のプロパティはprop()で取得しないといけいないようで、その部分が原因でQuery.flickableは動かないようです。 なので、 327行・349行・813行付近のattr()を以下のようにprop()に置き換えます。 maxHeight = this.elementWrapper.prop('scr
iPhone、iPadでのoverflow:scroll/autoの動作について - SUSH-i LOG
ある案件で、divタグにoverflow:autoを指定し、スクロールバーを表示される様な指定をしていたのですが、iPadで確認を取った時に、スクロールバーが表示されていない事を教えてもらい、iPhoneでも同様の状態になっている事に気づきました。 また、通常のスクロールのようになぞってもスクロールされず、中のコンテンツを確認することが出来ませんでした。 何か方法でもあるのかと調べてみたところ、「メモ: iPad（iPhone）の困った仕様」で、「二本指」でなぞることでスクロールする事が分かりました。 説明書が無い、また、二本指でのスクロールはあまり使わないことから、中々気づきにくい操作であるような気がするので、iPhone向けのコンテンツなら尚更、ページ内に説明文が必要な感じを受けました。 「直感的」な操作であるタッチパネルであっても、今回であればページ内の一部のコンテンツをスクロールさ
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
スマートフォンのブラウザでoverflow:scrollでスクロールさせようとした話。 - 車輪を再発明 / koba04の日記
スマートフォンのブラウザで、Google Mapみたいな感じにdivの中に入れたでっかいcanvasをグリグリスクロールさせたいと思って調べてみてわかったことのメモです。 ※結論から言うと自分のやりたいことは出来ていないので、解決策を知りたい人には役に立ちません。 サンプルの説明 こんな感じで320×320のdivの中500×500のcanvasを入れてみます。わかりやすいようにoverflow:autoではなく、scrollで指定しています。 <div style="width:300px;height:320;overflow:scroll;border:solid 1px gray"> <canvas width="500" height="500"></canvas> まずPCブラウザ(Chrome) まぁ当然スクロールバーが表示されます。(注:画像です) iOSのブラウザ スクロ
iPhoneとAndroidにおいての“ジェスチャー”について
スマートフォンのUI設計において、まず考えるべきって何だと思いますか？ 色々と挙げられますが、今回は”ジェスチャー”について考えてみましょうか。 ジェスチャーを使ったイベントを設定できるライブラリとかも紹介します。 さて。 まずぱっとマツモトが思いつくWebブラウザとスマートフォンでの表示の違いは、 クリックエリアを広く取らなくてはならない※場合によってはサイズが決められている focusはない(タッチした瞬間がそうとも言えるけれど) 基本的にリキッドでレイアウトする というところです。 まぁその他にも結構留意するところはいっぱいあるのですが、 そもそも、一番大きいのは、 「タッチして操作する」ところ。 しかもマウスでのジェスチャーとは根本的に異なります。 まずはちゃんとここから考えてみようと思います。 スマートフォンのOS間で異なるジェスチャー こちらを参考にしています。 【参考元(PD
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
TechCrunch | Startup and Technology News
While all of Wesley Chan’s success has been well-documented over the years, his personal journey…not so much. Chan spoke to TechCrunch about the ways his life impacts how he invests in startups.
スマホアプリ開発はHTML5／jQuery Mobileとネイティブどっちがいいの？～第2回テックヒルズまとめレポート（1/2） - ＠IT
スマホアプリ開発は HTML5／jQuery Mobileとネイティブ どっちがいいの？ 第2回テックヒルズまとめレポート 柴田克己 2012/4/27 iPhoneやAndroid端末の急速な普及を受け、多くの開発者が近年関心を寄せているのが「HTML5で実現できるWebアプリと、各プラットフォーム向けに特化したネイティブアプリ。開発するならどちらがトク？」というテーマだ。 2012年4月13日に、このテーマについて実際にスマホやWeb向けのアプリ開発を手掛けている技術者たちが意見を戦わせる「第2回テックヒルズ『ネイティブアプリ』vs『Webアプリ』～これからのアプリ開発のトレンド～」と題したディスカッションイベントが、六本木アカデミーヒルズで開催された。 司会進行を務めたのは、同イベントを企画、運営するインターネットサービス企業「CROOZ」の技術統括本部取締役の小俣泰明氏だ。 小俣氏
Facebookも採用する“専任エンジニア不要”のアプリ開発手法とは？
スマートフォンの普及の勢いが止まらない。IDC Japanが3月に発表した調査結果によれば、2011年通年の国内スマートフォン出荷台数は前年比約3.6倍の2010万台に達したという。こうした中、インターネットサービスを本業としていない企業であっても、プロモーション活動などの一環としてスマートフォンアプリを提供することに注目が集まりつつある。 「スマートフォン向けネイティブアプリは、企業にとって“不動産”のようなものだ」――こう話すのは、アプリプラットフォーム事業などを手掛ける米Brightcoveのジェフ・ワトコットCMO（Chief Marketing Officer）。同氏によれば、ネイティブアプリの価値はユーザーに使ってもらうことが全てではなく、ホーム画面に“常駐”しているだけでも企業のブランド認知度向上などに役立つという。 このほか、顧客のメールアドレスを知らなくてもプッシュ通知で
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
スマホサイト案件の見積もりについて
スマホサイト案件の見積もりについて 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.７倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いところで画象の切り出しより手間がかかることもあります。ならすとページ単価はPCの0.７倍くらいの感じじゃないでしょうか？ 検証コストは増大 対応端末が多く検証コストはPCと比較して増大します。iPhone3G、iPhone3GS、iPhone4、iPhone4Sの中から2端末ぐらい(iOS4.x系とiOS5系)。Android2.2、Android2.3から売れてる端末で2端末ぐらい検証するのがよいでしょう。(場合によって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://shop.apadjp.com/
スマートフォン対応、気をつけたいトラブル
http://japan.internet.com/webtech/20120202/3.html
Titanium でつくろう！ iPhone/Android 両対応アプリ
ブラウザ上でHTML5ベースのiOS/Androidネイティブアプリが作れる「Monaca」
