IntelliJ Platform is an OSS platform developed by JetBrains for building IDEs and language-aware developer tools. It is used by IntelliJ IDEA, Android Studio, CUBA Studio and Cursive, to name a few. Built on Java, it provides a cross-platform approach to building tools for any language, whether targeting the JVM or not. It is available under an Apache 2.0 license allowing you to create royalty-fre
Webブラウザからアクセスできる端末側の機能は増加しており、Webアプリでも随時サポートしていく姿勢が必要です。Webアプリの進歩を止めてしまえば、Webアプリの存在自体が過去のものとなってしまうでしょう。 PWAは比較的新しい概念ですが、開発コミュニティでは以前から活発に議論されています。コミュニティの参加者は過去2年間で堅実に成長しており、今後も一定のペースで増え続けていくでしょう。 著名な企業もこの時流に乗りPWAを採用し始めています。たとえば、Twitter（3億2,800万人のユーザーを有するソーシャルネットワーク）とAliExpress（世界最大級のeコマースサイト）では、すでにPWAを実用化しています。実用化されているPWAを手に取って確認したい方は Twitter Lite をお試しください。 PWAのメリット PWAには次のようなメリットがあります。これらは開発者・エンド
NaClの佐田です。 今回はブラウザで撮影したカメラの画像をサーバに送信するまでの記事です。 本記事を読まれた方が、カメラの簡単な操作をRailsアプリへ追加できるように紹介します。 本記事をご覧になっている方は、SNSを利用しているでしょうか。 私は携帯で撮影した画像をSNSにアップロードすることがあるので、仕事でカメラを撮影する機能をアプリに追加した時に面白いと感じたので記事にすることにしました。 確認した時の環境は「Chrome バージョン 56.0.2924.87 (64-bit)」です。 画像を撮影するカメラは、タブレット型パソコンにあるカメラ機能を使用しました。 サンプルをGitHubのsada/camera_appリポジトリに置いたので、そのコードを基に紹介していきます。 ブラウザからカメラを使用する許可 ブラウザからカメラを使用する方法は、WebRTC落穂拾い：初心者がつま
2017.06.19ブラウザで音声入力の可視化と録音とある技術相談が舞い込んできて、その時の返答を念のため後で技術検証した話。やりたいことは大まかに「ブラウザで音声入力をリアルタイムに可視化する」「ブラウザで音声入力を記録する」の2点で、音声入力は getUserMedia() で取得できて、可視化はそのデータを Canvas or WebGL でいじり、録音は MediaRecorder でやるのだろうと思いつつ、組み合わせて一応動く状態まで組んだ。 navigator.mediaDevices.getUserMedia()ユーザーのカメラやマイクの入力は getUserMedia() で取得できるが、一昔前までは navigator から生えていて、これが MediaDevices というメディア接続をまとめたオブジェクトへ移動したとともに、API も Promise インターフェース
Media Capture and Streams この仕様書をだらーっと流し読みしたので、知らんかったことをメモ。 あとついでに気になった指定について調べたことも。 MediaTrackConstraints navigator.mediaDevices.getUserMedia({ video: {}, // <- この引数 audio: {}, // <- この引数 }); ざっくり`true`指定しかしたことなかったけど、実は細かく指定ができる。 見ればわかるけど、定数のconst(ants)ではなく制約というconst(raints)と捉えるとイメージしやすいかも。 指定できるもの 仕様書より。 dictionary MediaTrackConstraintSet { ConstrainLong width; ConstrainLong height; ConstrainDoub
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: The easy way to turn a website into a Progressive Web App 原文公開日: 2017/11/21 著者: Alexandre Plennevaux Webサイトを簡単にPWA（Progressive Web App）に変える方法（翻訳） Progressive Web Appって何？ PWAは基本的にWebサイトの一種で、モバイルでアクセスするときにユーザーのデバイスに保存可能で、ネイティブアプリと同じように振る舞います。読み込み画面を備えていて、ChromeのUIを非表示にでき、接続が切れてもコンテンツが表示されます。最大のメリットはユーザーのエンゲージメント（engagement）を促進することです。AndroidのChromeブラウザ（他のモバイル用ブラウザについてはわか
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
先日からWebKit の ServiceWorker(以後SW) が InDevelopment になったとかなんとかでインターネットがざわついてるよう。 「Service Workers が in development」とWebKitが言ったから八月三日はPWA記念日 結局国内のトラフィックの大部分を占めている iOS が今まで全然対応がされていなかったがために PWA がまだまだ未来のもののように感じられていたかもしれないが、これでおそらく一気に身近なものになる(なった)のでは無いだろうか。 SW の機能と offline-plugin SWはWeb Workerの一種であるが、SWがもたらす機能には主に次の3つがある。 プッシュ通知 (Web Push Notification) AppCacheの失敗を踏まえてコントロールしやすくなったキャッシュ バックグラウンド同期 このうち、
Web技術でアプリ開発2016特集・第5弾は、プログレッシブウェブアプリ (Progressive Web Apps)をご紹介させていただきます。 はじめに プログレッシブウェブアプリ(Progressive Web Apps)という言葉が初めて登場したのは2015年8月のAlex Russellによる記事Progressive Web Apps: Escaping Tabs Without Losing Our Soulです。当時オフラインやプッシュ通知など、モバイルウェブを飛躍的に進化させる画期的な機能が次々と追加されていた状況において、このムーブメントを呼称するための言葉が求められていました。Google社内でいくつもの候補が挙げられましたが、Service Workerの発案者としてAlex Russellが推したのが、この「プログレッシブウェブアプリ」でした。 また、当初Goog
中国で生まれたサービスモデルがシリコンバレーにも飛び火、いま中国で一番ホットなQ&Aアプリ「Fenda（分答）」とは? Image credit: Fenda（分答） コンテンツビジネスのマネタイズ、そして KOL（キーオピニオンリーダー、各業界に影響を与える著名人）の知識や経験をマネタイズに役立てている好例が中国で実証された。いまや中国企業の考案したアイデアがシリコンバレー企業に影響を与えるまでになっている。中国のナレッジ共有スタートアップ Fenda（分答）は TechNode（動点科技）に対し、シリコンバレーのスタートアップ Whale の初期の考えに影響を与えたと語った。 もちろん、スタートアップの激しい競争の中では形にすることこそ重要であり、どちらが先に着想を得たかは問題ではない。それでも Fenda は、中国のスタートアップがアイデアやビジネス展開について独創性を高め、影響を広
[レベル: 上級] iOS の Safari で PWA (Progressive Web Apps: プログレッシブ ウェブ アプリ) がいよいよ稼働し始めました。 iOS 11.3 ベータ版に搭載の Safari 11.1 で PWA の一部機能が動く iOS が Service Worker をサポートする可能性が浮上したのが昨年の夏でした。 年末には開発版 Safari で Service Worker がデフォルトで有効になりました。 とはいえ、PWA の何らかの機能が実質的に動くようになったわけではありません。 しかしながら、iOS 11.3 ベータ版に搭載されている Safari 11.1 で PWA の一部機能がついに動くようになりました。 AppleのSafariのエンジニア、Ricky Mondello（リッキー・モンデッロ）氏が明らかにしています。 iOS 11.3
iOS 11.1ではアプリやSafariのScrollToTopが「Ease out」になっています。詳細は以下から。 本日、AppleはiOS 11へアップグレードした一部のiOSデバイスで「i」の自動修正機能が異体字セレクタ16を付加した「I」になり最終的に「A[?]」という表示や入力がされてしまう不具合[1, 2, 3]を修正した「iOS 11.1.1」をリリースしましたが、iOS 11.1.1を含むiOS 11.1.xではメニューバーをタップした際に最上部へスクロールする「ScrollToTop」動作が「Ease out」になっているそうです。 The new scrollToTop ease out animation in iOS 11.1 is 🔥🔥🔥 So nice — Justin Stanley 👨💻 (@JStheoriginal) 2017年9月27日
日本最大級の実名グルメサービス「Retty」（レッティ https://retty.me/ ）を運営するRetty株式会社は、運営するニュースメディア「Rettyグルメニュース」( https://retty.news/ ) について、『Progressive Web Apps（以下、PWA）』を導入したことをお知らせします。これにより、モバイルのWebブラウザにおいて、ネイティブアプリのようなスピーディな動きを実現できます。 ■ 豊富なデータや妙々たる執筆陣を強みに、信頼性の高い記事を発信中 「Rettyグルメニュース」は、「『人』から食を捉えると、グルメはもっと楽しくなる！」をテーマに、実名グルメサービス「Retty」を運営するRetty株式会社のニュースメディアとして、2017年2月に配信を本格スタートしました。「Retty」が有する数百万件の投稿データや、3,000万人超のユー
Learn why and how other developers have used the web to create amazing web experiences for their users. ��_ V We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: プログレッシブウェブアプリ PWA開発入門: 柴田文彦: 本
![ランサーズ [Lancers] - 仕事をフリーランスに発注できるクラウドソーシング](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd3a3c4df3121299730c35d16c5e006a788c4cbb/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fstatic.lancers.jp%2Fimg%2Ficon%2Flancers_logo200_200.png%3Fv%3D2.0){kind=logo}