Every website should be designed with a responsive approach. To keep you on the right track, testing early and often, with any of these responsive testing tools, will ensure that your design looks right on all browsers, and at all viewport sizes. Every modern website needs a responsive design. This does require more effort but the end result is worthwhile. I actually recommend testing your ideas w

セクションナイン の 吉田真吾（@yoshidashingo）です。 昨今のサーバーレスアーキテクチャの実装パターンについて5つの分野でユースケースをまとめました。 実装方法はAWSがベースですが、クラウド各社のFaaSに大きな機能差はないので(そもそもシンプルなコンセプトなので)、FaaS単体よりも、連携可能な周辺サービスまで含めて自分のアプリケーションのユースケースに合っているかどうかが大事になってきます。また、そもそもいくつかの実装はPaaSのオプション機能として組み込まれている場合もあります。よって、この先連携先の機能強化などによってもっと多くのパターンが発見されることになると考えています。 【1】Webアプリケーション シングルページアプリケーション ex. Serverless Single Page Apps Web API REST API GraphQL 非同期Webジョ

Sign up or Sign in to view personalized recommendations, follow creatives, and more.

ハイブリッドとモバイルWebアプリ開発の決定版 開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。 クラウド上にすべてのツールを 強力なCLI（コマンドラインツール）やデスクトップ向けアプリ（WindowsとmacOSに対応）を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。 美しいUIコンポーネントと自動スタイル モバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンド開発という言葉があちらこちらから聞こえてくる。 「反対語はバックエンド開発だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。」 ・・・とか思ってたらとんでもない。 世の中ではJavaScript界隈を限定している風な使われ方をしている。 私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。 本文は、近年のWeb技術に追いつこうと調査した結果のメモ書きである。 n番煎じの内容だが、Web業界にいない人間の視点 なので、私と同類のレトロエンジニア等、一部の人には

今年は AWS モバイルのアドベントカレンダーをやります！ おはようございます！12月になりましたね！ Developers.IO もクリスマス気分でお送りいたします。 12月といえば、デベロッパーにとってはアドベントカレンダーの季節。Developers.IO では、今年はAWS のモバイルサービスをテーマにしたアドベントカレンダーを開催いたします。 今年も数多くのモバイル向けの新サービス、新機能がリリースされました。幅広く取り扱っていく予定ですので、お楽しみください。 初回の本記事は、AWS のモバイルサービスの要とも言える Amazon Cognito がテーマです！ Amazon Cognito、知っていますか？ Amazon Cognito は、ユーザーのアイデンティティやデータ同期に関する機能を提供する、主にモバイルアプリのためのAWS のサービスです。 Cognito が世の

JavaScript API documentation with instant search, offline support, keyboard shortcuts, mobile version, and more.

Updated 2015.12.07 / Published 2015.04.04 Firefox OSやWindows Phoneの登場でユーザエージェント情報に依存して処理を行っている部分が相次いで見直しを迫られることになりますので、2015年版JavaScriptユーザエージェント判別・判定と同趣旨でPHPにてスマートフォン・タブレットまわりのユーザエージェントを判別・判定して分岐処理を行う手順をご紹介します。 <?php class UserAgent{ private $ua; private $device; public function set(){ $this->ua = mb_strtolower($_SERVER['HTTP_USER_AGENT']); if(strpos($this->ua,'iphone') !== false){ $this->device =

Saying farewell to Pixate. When we launched Pixate, our mission was to change the way mobile apps were prototyped. We joined Google just over a year ago to continue our mission, and to pursue a broader vision of changing the way products were designed and built. While a lot of the ideas we’ve been developing could work inside the Pixate framework, we believe we can have a larger impact if we move

Build immersive experiences for web, tablet, and mobile with the Now UI kit.

株式会社エイビットは、メーカーズブームで脚光を浴びているワンボードマイコンArduinoの通信拡張機能環境として使用できる、基板型PHSデータ通信端末「PHSシールド」を2014年12月から販売を開始いたします。 ３Ｄプリンターの急速な普及を背景に、いまでは消費者が自分の欲しいモノを生産できる時代が来ようとしています。弊社ではそのようなパーソナルファブリケーションを後押しし、通信機器分野での開発環境を提供するため、特別な知識を必要とせず容易に公衆回線網でインターネット接続ができる、基板型データ通信端末「PHSシールド」を開発いたしました。 Arduinoと組み合わせて、専用データ端末のものづくりが可能 PHSシールドは、Arduinoシールドと互換のピン配列を持った基板型のPHS端末です。PHSシールドは、Arduino 側から簡単なAPIで使用できるTCP/IPスタックおよびHTTPなど

SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも 業務アプリケーション最大手の独SAPは、業務アプリケーションのためのJavaScript製JavaScrit UIライブラリ「OpenUI5」をオープンソースとして公開しました。 OpenUI5は、同社のモバイルアプリケーションなどに用いられているJavaScript製ライブラリ「SAPUI5」の主な機能をオープンソース化したもの。jQuery、CSSプロセッサのLESS、ODataライブラリのdatajsなどが使われています。 ボタンやアコーディオン、メニュー、テーブル、ダイアログと言った部品だけでなく、レスポンシブ対応のグリッドレイアウトなどのレイアウト用部品も含まれており、モバイルデバイスに対応するレスポンシブデザインのUI構築が可能になっています。 JavaS

Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different

NTTドコモ、au、ソフトバンクモバイル、イー・モバイル、UQ Wi-MAX、ウィルコム、日本通信(b-mobile)などのモバイル回線の速度を測定し、測定した位置とともに登録できるウェブサービスが「LiveSpeed」です。iPhone、Android搭載スマートフォンなどで利用することができます。サービスの利用方法は以下から。 LiveSpeed http://livespeed.jp/ まずアカウントを登録する必要があるので、上記サイトの「REGISTER」をタップ。 ユーザー名、メールアドレス、パスワード、確認用パスワードを入力して、「REGISTER」をクリック。 登録したメールアドレス宛に以下のようなリンク文字列が含まれたメールが届くので、リンクをクリック。 リンク先のページでユーザー名とパスワードを入力して、「Account Confirm」をクリック。 「START LIV

Webデザイン 1-14 スマートフォン／タブレットを考慮したUIデザイン PCとスマートフォンの違いは、ブラウザの大きさだけではない。クリックとタップといった挙動をはじめ、相違点を充分に理解しておかないと、せっかくのWebサイトもスマートフォンではサーフできない可能性もあるので注意が必要だ。 制作・文／白木達也（アローグ・プランニングス）　飯塚まり子 一般的に、ある程度慣れたユーザーであればクリック=タップ、スクロール=フリックなどの、アクションとそのリアクションを予想することができる【01】。しかし、実際には端末によって微妙な違いがある。さまざまなハンドアクションがある中で、少し違いの目立つものを挙げてみよう。 【01】「Touch Gesture REFERENCE GUIDE」 米国のインタラクションデザイナー／IA であるルーク・ウロブレウスキ（Luke Wroblewski）氏

このサイトをリニューアルするに当たってのちょっとした裏ミッションは、Google AdSenseを効果的に配置しサイトの収益性をある程度アップさせることだった。というのも、レンタルサーバー時代は年間5,000円程度だったサイトの維持費が、VPSサーバーに移転すると20,000円程度までアップ。今までならそれでもまあ良かったが、来年には子供が生まれると言うことで、男には何よりも恐ろしい事態が目前に迫ってきた。 小遣い制！！(T-T) 嫁が今と同じように働けなくなる時点で世帯収入ダウンは避けられない。なので文句を言う気も無いし、むしろそうするべきだと思ってはいるが、そうなるとこのサーバー維持費が地味に痛い。というわけで、サイトの維持費と欲を言えばガジェットヲタクとしての生活を少しでも維持するべく、サイトの収益化を少しは考えてみようと思うようになった。 以来色々試していたが、先日「Google

小売業のBrookstoneが、カートリッジを使い切るまでにスマートフォンを何度も充電できるポータブル燃料電池を発売する。 燃料電池メーカーのLilliputian Systemsは米国時間5月8日、同社のポータブルUSB電源を取り扱う最初の小売業者がBrookstoneであると発表した。同製品はBrookstoneブランドで発売される。この燃料電池デバイスは厚めのスマートフォンぐらいのサイズで、軽量の燃料カートリッジはライターとほぼ同じサイズだ。 今回の発表は、マサチューセッツ工科大学から独立して10年になるLilliputian Systemsとポータブル燃料電池技術全般にとって大きな進歩だ。ポータブル電源システムを開発した燃料電池会社はいくつかあるが、その多くは失敗してきた。 この新しい燃料電池は、USBケーブルを持つ任意のデバイスを充電できる。 Brookstoneで販売される燃料