やばい、iOSにネイティブアプリ要らなくなるかも。SafariもPWAに対応する可能性 - Qiita
これ以上は長くなるため後述． Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかしSafariが対応しておらず，世間的にはモチベーションの上がらない状況であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである． 20ヶ月という永遠とも呼べる時を経て，2017/08/032にようやく In Development となったわけであった． ちなみにMicrosoft Edgeでは既に開発中34である． だから何なのか SafariにService Workersの実装がなされると，一気にウェブアプリへの移行が
日本は、世界は 人気アプリにみる新潮流：日本経済新聞
米調査会社アップアニーがまとめた15カ国・地域のアプリダウンロード数と売り上げの月別ランキング（縦）、推移（横）を2016年から2017年8月まで、アプリのアイコンを使ってビジュアル化した。アイコンにカーソルを合わせるとアプリ名や開発企業の国・地域、カテゴリーを表示する。中国はiOSのみ。 国・地域別に人気アプリのカテゴリーや指標をボタンで切り替えていくと、どんなことが見えてくるだろうか。例えば中国を見ると、「フェイスブック」や「ワッツアップ」「インスタグラム」など世界的にメジャーなアプリが見当たらない。ダウンロードできるアプリを国が制限しているためだ。 ふだん日本では目にしないような「その国ならでは」のアプリがあったり、逆になじみのあるアプリが意外な国でつくられていたりと、様々な発見があるはずだ。（データ協力 App Annie） TOPICS - 01 ポケモンＧＯ、 ロングランになら
スマホ版のウェブデザインをクリック一発で確認できるChrome拡張機能「MobileLayouter」
使い方はいたってシンプル。スマホ版のウェブデザインを確認したいページにアクセスし、右上のツールバーで確認したいスマホの端末をクリックするだけ↓↓ このようにサクッとスマホ用のページを見ることができます。↓↓ あとがき @isloopをフォローする かなり便利な拡張機能ではあるのですが弱点もあります。 まぁMobileLayouterが悪いわけじゃなくChrome自体の問題なのですが、ウィンドウの横幅が400px以上に小さくならないのですね。 したがってパーフェクトにiPhonenでのデザインを確認できないのがたまにキズではあります。（画面幅は320pxに出来ます。） まぁ、iPhone 6からどえらく画面が広くなるみたいですけど・・・。 あぁホントにデカクなるのかなぁ。Storyboardの分岐が増えてしまうがな・・・。ﾊﾅｼｿﾚﾀ 【関連】AutoPatchWork - 分割してるページ
第6回 「直感的にわかりやすいUI」は、本当に使いやすいのか？ | gihyo.jp
なぜ、子どもは大人にとって思いがけない操作をするのか 筆者には保育園に通う息子がいます。彼の最近のお気に入りは、筆者のPCで画像検索をして、昆虫や海の生物を描くことです。筆者が家で仕事をしていてもおとなしく絵を描いてくれているのはいいのですが、筆者の仕事用のデスクにイスを持ってきて、デュアルディスプレイで使っている24インチの画面に画像を大写しにして占有するので、筆者はせっかくのデュアルディスプレイにも関わらず、MacBook PRO本体の画面しか使えず困っています。しかし、ゲンゴロウを書いていたと思ったら、参考にしていたのがエゾゲンゴロウモドキでゲンゴロウではなかったり、突然マラリア蚊を書き出したり（息子のもう1つの趣味は、有毒生物について調査することです）と、日々面白いことも起こるので、ついつい許しています。 そんな息子は、画像検索（操作は基本的に筆者がしている）で目的の画像がスクロー
スマートフォン、タブレットの判別情報をHTMLに追加·Device.js MOONGIFT
Device.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 最近はスマートフォン、タブレット、デスクトップとWebブラウザごとの処理分岐が多くなっています。そのような時に都度ユーザエージェントで判別しているのでは面倒です。使ってみたいのがDevice.jsです。 iPhoneで縦の場合。デバイスの種別やOS、向きが判別できています。 横向きにすれば判定が変わります。 タブレットの場合も同様です。 HTMLソースです。htmlのクラスに追加されています。 向きを変えればhtmlのクラスがリアルタイムに変わっています。 Device.jsではOS（iOS/Android/Blackberry）、向き（縦または横）、種別（スマートフォンまたはタブレット）といった情報をHTMLタグに対して定義してくれます。これを基準にすれば処理判定がとても簡単になるでし
スマートフォン向けWebアプリケーションフレームワーク·App.js MOONGIFT
App.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 スマートフォン向けにはアプリ開発もありますが、審査などなしでサービス提供したいと思ったらスマートフォン向けWebアプリとしてリリースする手もあります。今回はそのためのフレームワークApp.jsを紹介します。 YouTube検索アプリ。まるでネイティブアプリのようです。 画像検索。検索結果がPinterest風に並んでいます。 スケッチアプリ。何とタッチ操作で絵を描いて、それを保存できてしまいます。 一覧に戻るとちゃんと登録されています。すごい。 オリジナルのmemeを作るWebアプリ。画像の上下に好きな文言を追加できます。 例えばこんな感じに。 フィード系。非常に良くできています。 ブックマーク機能なるものもあります。 App.jsではHTMLを指定されている記法に沿って書き進め
スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
海外プリペイドSIM＋無線LANルータ導入マニュアル──「台湾」編
日本のワイヤレスインターネット環境がかなり整ってきた2010年現在、自分が使用するPCやスマートフォン、iPadなどを「日本と同じように、海外に行っても使いたい」と思う人も多くなってきている。ソフトバンクモバイルが2010年7月21日に導入する「海外パケットし放題」も、それを後押しするサービスの1つとなりそうだ。 今回取り上げる「台湾」は、複数の通信事業者が3Gサービスを提供する。さらに、パケット定額通信に対応する「プリペイドSIMカード」も販売されており、海外渡航者も手軽にモバイルデータ通信環境を入手できるのが特徴だ。より手軽な一例として、iPadと日本で購入できる3Gデータ通信対応のポータブル無線LANルータを用い、台湾のプリペイドSIMカードで活用する方法を紹介しよう。 台湾には携帯電話事業者が6社あり、うち4社がW-CDMA／HSDPA方式（つまり、日本の3Gサービスとほぼ同様）の
KPCB Internet Trends 2013
KPCB Internet Trends 2013 INTERNET TRENDSD11 CONFERENCE5 / 29 / 2013Mary Meeker / Liang Wu Outline• Key Internet Trends – Growth Continues• Re-Imagination – Being Re-Imagined & Uploaded• Mobile – Aggressive Momentum• Computing – Yet Another Platform Change…• Lots to Learn from China – Volume + Innovation• Most Enabled Entrepreneurs Ever?• So, You Want to Be a Public Company?• High-Skilled Immigrat
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。 http://atnd.org/events/51539
「jQuery Mobile」を活用したスマートフォンサイト作成（後編）
はじめに 簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。前回に引き続き、今回もjQuery Mobile 1.3.0で登場した新機能を紹介します。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、2.0.0ですが、現時点でのjQuery MobileはjQuery 1.7～1.9対応を前提としているため、今回のサンプルでは1.9.1を用いています。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基本的な使い方は、第3回を参照してください。 また、執筆時点でのjQuery Mobileの最新版は、1.3.1です。1.3.0での不具合修正が主で新機能の追加はほぼありません。こちらからzipファイルでダウンロードできます。サンプルでは、h
Sencha Touch 2 ソースコード読書会 第2回レポート
先週の金曜日、アスキー・メディアワークス様の会議室をお借りして、第 2 回目の Sencha Touch 2 ソースコード読書会を開催しました。お越し頂いた皆様、どうもありがとうございました！ 今回もアスキー・メディアワークス様のご好意で Ustream 中継を実施して頂きました。録画が残っていますので、ご興味のある方はぜひご覧下さい。 – Ustream 録画 core/lang/Array.js まずはフレームワークの土台を支えるものから、ということで core ディレクトリのソースコードを読んでいます。前回、core/Ext.js、core/version/Version.js、core/lang/String.js と読み終えたので、今回はその続きの core/lang/Array.js から読み始めました。 splice について each forEach indexOf con
UI Inspiration May 2013
In the increasing trend in web design towards perfecting the ideal user experience, interface design always plays a key role. Last week we published 10 major trends we took from our eBook "Web & Mobile Trends for 2013", among which content-first was the key idea. The interface, being relatively superficial, coud be the second most important to consider. And in the visual world in which we live, if
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
BYODのセキュリティ向上のためにできる10のこと
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 何にでも旬というものがあるが、今の旬はBYODだろう。自前のデバイスを持ち込むという動きは特に新しい現象ではないが、これまでにないほど注目されていることは確かだ。 人々はこれまで、自分のノートPCやモバイル機器をこっそりと会社のネットワークにつないでいた。また、1人くらいは同情的なIT担当者がいて、BYODを試みる道を外れたユーザーが会社の資産を使えるよう、セットアップを手伝ってくれた。しかし最近では、これが当たり前のことになっている。今では、会社のネットワークに自前のデバイスを持ち込まないという人の方が少数派だ。最近では、自分で選んだデバイスで、電子メールをダウンロードしたり、VPNにつないでほかのユーザーと文書を共有するための設定方
LINE、Comm、カカオトークの退会＆機種変更時のスムーズなアカウント引き継ぎの方法を教えます。
無料で通話やチャットでコミュニケーションがとれる『LINE』や『Comm』『カカオトーク』は、多くの人が利用している定番アプリ。 これらは便利な半面、電話帳の情報を使ってやりとりするため、改めてセキュリティをしっかりした上で登録し直したいという人もいるのでは？しかし、どのようにして「退会」すればいいかわからない方も多いと思います。 そこで、上記3つのアプリの「退会」方法をお教えします。さらに、機種変更時のアカウント引き継ぎの方法もご紹介します。 「退会」前に知っておきたいこと 「退会」するにあたって、知っておくべきことを以下にまとめました。退会するにあたってリスクも背負うことも了承の上で行ってください。 アプリをアンインストールしても「退会」できない 「退会」は、アプリをアンインストールしたら完了ではありません。それだけではアカウントが残ってしまいます。また、新たにアカウントを取得すると複
主婦でもできる Android Layout
1. 主婦でもできる Android Layout 2011/09/17(Sat) Hiromi Tsuzuki(@mrshiromi) http://mrshiromi.net 2. 自己紹介：現在 ● Mrs.HiromiでAndroidアプリ公開中。 ● 但し、javaは書けません。 ● 女子部「ネイル・ド・ロンジョ」のネイルパーツ画像。 ● ドロクリ利用した「MH Clock」シリーズ。 ● つ部「みんなのラーメンタイマー」画像とレイアウト。 ● B社ハッカソンがきっかけの「おなまえなあに？」画像。 ● 専業主婦です。子育て中です。仕事が無いです。 2011/09/17 主婦でもできる Android Layout 2 3. 自己紹介：過去 ● キャリアは大学卒業後3年間のみ。 ● 資格は無かったけどCOBOLでプログラミングを少々。オフ コンのデータベース管理とポスレジ管理。なぜ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
海西瓤蔚建筑材料集团有限公司
http://gbmsoftware.com/