ドットインストール代表のライフハックブログ
日本経済新聞の電子版。「ビジネス」に関する最新のニュースをお届けします。
なかなか良さそうだったので備忘録。iOSやAndroidなど、スマートフォンでのHTML5環境に合わせて作られた軽量モバイルフレームワークです。jQuery互換なので慣れてる方は使い方もすぐに覚えられると思います。特に軽量なのが嬉しいですね。 現状、jQueryを使うのであればスマートフォンにはjQuery Mobileという選択肢となりますが、やはりファイルサイズが気になります。そこで、jQueryをなんとか軽量に使おう、という動きが少し目立ってきました。 例えばzepto.js。がそうですし、jquipという、目的に合わせてjQueryを細分、モジュール化するライブラリなどもあります。 jQ.Mobiもその一つで、jQueryっぽく使えるHTML5環境のスマートフォン向け軽量ライブラリです。 用途を絞ることで軽量化できる、って事ですかね?こういう動きは個人的に歓迎ですけど、問題は派生ラ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
仕事柄、スマートフォンのアプリを日々検証してます。 特に最近は怒涛の如く新機種がリリースされているため、新機種が出るたびに検証と、少なくともここ1年では一番大変です。 一通り検証するだけで、丸1日かかります。 今後が怖すぎます。個人的には楽しみなんですけどね。 せっかくなので、全機種を一通りいじり倒したこの経験を共有しておこうかと思いました。 先月から今月にかけてたくさんの機種が出てますので、現在購入検討されている方など、少しはお役にたてるのではないかと思ってます。 ご覧の通り広告も入ってませんしステルスマーケティングでもないのでご安心ください。 ただし、当然主観が入ってますので、参考程度にしておいてください。 キャリア別に分けて書かせていただきます。 2009年にいち早くAndroid端末を出し、その後も積極的にAndoroid端末のリリースに注力しているドコモは、全キャリア中最もAnd
どのようなディスプレイサイズでも自動で レイアウトを調整してくれるレスポンシブな イメージスライダーを実装出来るjQueryプ ラグイン・Blueberryのご紹介です。イメージ スライダーを取り入れているサイトは多い のでこういうのは助かりますね。 iPhone等のスマートフォンにも自動でサイズを調整してくれます。痒いところに手が届く系ですね。地味にありがたい。 見た目はシンプルなイメージギャッラリーです。が、閲覧するディスプレイのサイズに依存する事無く、自動で幅を調整、最適化してくれます。MediaQueryと相性良さそうですね。 表示確認 Media Queries Testerでのキャプチャです。 Mobilizerでのキャプチャです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery
公式iPhone®およびAndroidアプリケーション「はてなブックマーク」が外出時でも、もっと便利に使えるツールとしてパワーアップしました。 自宅のPCで気になる記事をブックマークしておいて、外出先で気になったときに、スマートフォンを使ってすぐ検索、といった使い方が可能です。 はてなブックマークを持ち歩いて、もっと便利なスマートフォン生活を体験しよう! iPhoneおよびAndroidアプリケーションでも自分のブックマークを検索できるようになりました。 自分のブックマークの上にある検索フォームに、検索したい単語(例:iPhone)を入力すると、過去の自分のブックマークからの検索結果をその場で表示します(Androidの場合は、右上にある検索ボタンを押すとフォームが表示されます)。 自宅や会社のPCで過去にブックマークした記事も、外出先で気になったときにすぐ検索して楽しめます。 外部アプリ
まだ 6 月だってのに早くも今年初あせもができちゃったよ!かいーの nakamura です。 サイトのモバイル、スマホ対応もすっかり一般的になってきた今日この頃、みなさんいつもどんな方法でキャリア判定を実装しているでしょうか。がっつりフレームワークなどを使っていればさほど難しくはありませんが、ほとんどプログラムが動いていないような静的なサイトの場合はちょっと面倒ですね。今日はそんな時に有用な .htaccess を使ったキャリア判定の方法をご紹介します。 仕様 今回、ルートディレクトリ / は PC 用サイト、/m/ 以下がモバイルサイト、/sp/ 以下がスマホサイトとして以下の仕様を元に記述方法を考えていきます。 PC で /m/, /sp/ 以下にアクセスしたら / にリダイレクト。 モバイル、スマホで PC サイトにアクセスしたらそれぞれ /m/, /sp/ にリダイレクト。 モバイ
■編集元:ニュース速報板より「スマホ流行で、折りたたみ携帯廃れる→ヒンジメーカー倒産」 1 名無しさん@涙目です。(不明なsoftbank) :2011/06/18(土) 17:53:53.91 ID:1UigvsyX0 ?PLT(12000) ポイント特典 大阪証券取引所は6月17日、折り畳み型携帯電話のヒンジメーカー、ストロベリーコーポレーション(JASDAQスタンダード)が2011年3月期に債務超過に陥ったとして、猶予期間入り銘柄・監視区分銘柄に指定した。同社は折り畳み型携帯電話やノートPC用のヒンジメーカー。携帯電話市場の需要縮小、ノートPC市場の円高と価格競争から厳しい状況が続いており、売上高は2009年3月期の約61億円から11年3月期には約25億円に減少。携帯向けヒンジ事業で生産拠点の縮小など、経営合理化を進めた結果、11年3月期は17億7200万円の最終赤字を計上。
先日、こんな記事を見かけました。 iPhoneの画面ロックを解除するためのパスワードに、かなりの人が『1234』や『0000』を使っているという記事です。ロックの意味がありません。こういうの、あらゆる場面でもう100万回くらい警告されているはずですが、一向になくならないですね。人間は痛い目に遭って初めて学習するので、まあ仕方ない事です。 で、多分何度か言っている事ですが、iPhoneなどの端末に、パスワードの逆の働きをする『逆パスワード』をつけて欲しいです。『0000』や『1234』、自分の生年月日などを逆パスワードに設定しておくと、そのワードが入力されたら起動ロック、カメラで写真を撮り、GPSで現在位置を取得して、あらかじめ決めてあるメールアドレスに送信する、という機能です。 この機能があると、端末を盗んだり拾ったりしても、うかつに適当なパスワードを入れてみる、という事がしづらくなります
スマートフォンの普及を背景に、「レスポンシブWebデザイン」(Responsive Web Design)という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか? 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
NTTドコモやau、ソフトバンクモバイルなどが提供している、加入者同士で電話番号を利用して短文をやり取りできる「SMS(ショートメッセージサービス)」について、携帯電話会社を越えてやり取りできるよう、各社が検討を開始した事が2009年9月に明らかになりましたが、ついに実現しました。 詳細は以下から。 報道発表資料 : ショートメッセージサービス(SMS)の事業者間接続開始について | お知らせ | NTTドコモ ショートメッセージサービス (SMS) の事業者間接続開始について | 2011年 | KDDI株式会社 ショートメッセージサービス(SMS)の事業者間接続開始について | ソフトバンクモバイル株式会社 ショートメッセージサービス(SMS)の事業者間接続開始について|報道発表資料|イー・アクセス NTTドコモとKDDI、ソフトバンクモバイル、イー・モバイルが本日共同発表したプレスリ
jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアップ ダイアログの作成 キャンセルとセーブのボタン カラム構造を作る時のポイント スマフォ対応ページの基本HTML まずは、スマートフォン対応ページを作成するための基本となるHTMLです。 HTML <!DOCTYPE html> <html> <head> <
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
携帯の説明書の女の子に萌えてしまった件 Tweet 7 1 以下、名無しにかわりましてVIPがお送りします 2011/03/26(土) 00:41:25.79 ID:BusKZINI0 3 以下、名無しにかわりましてVIPがお送りします 2011/03/26(土) 00:42:38.07 ID:w2rmRLcO0 わからんでもない 6 以下、名無しにかわりましてVIPがお送りします 2011/03/26(土) 00:43:13.79 ID:RdT0dAH0O エネルギーチャ〜ジ 7 ぽっぽ焼き ◆pOPPOVB9oU 2011/03/26(土) 00:43:16.98 ID:VzYQAAM+0 俺のエネルギーもチャージされた 14 忍法帖【Lv=7,xxxP】 【東電 82.1 %】 2011/03/26(土) 00:44:43.51 ID:p7n756wn0 ねーよ 15 以下、名
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア(コーダー)と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの? HTML5とCSS3を使うメリットは? HTML5とCSS3で何ができるの? そもそも、HTML5とCSS3ってもう使えるの? 使えます。 (※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません) 現在のスマ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く