Debugging Service Workers
プログレッシブ ウェブアプリ: オフライン コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 1. ようこそ このラボでは、既存のウェブ アプリケーションをオフラインで使用できるようにします。これは、プログレッシブ ウェブアプリ ワークショップの一連のコンパニオン Codelab の最初です。このシリーズにはさらに 7 つの Codelab があります。 学習内容 Service Worker を手動で作成する 既存のウェブ アプリケーションに Service Worker を追加する Service Worker と Cache Storage API を使用してリソースをオフラインで使用できるようにする 必要な予備知識 簡易 HTML と JavaScript 必要なもの Service Worker をサポートするブラウザ 2. 準備 まず、この Co
Nuxt.js で Markdown ベースのブログを構築する（Markdown 編） - jmblog.jp
この記事は「Nuxt.js で Markdown ベースのブログを構築する」シリーズの一部です。 Nuxt.js で Markdown ベースのブログを構築する（Markdown 編） ← ここ Nuxt.js で Markdown ベースのブログを構築する（Nuxt.js 編） Nuxt.js で Markdown ベースのブログを構築する（サイトパフォーマンス編） 本ブログは、 Markdown で記事を書き、 Nuxt.js の静的ファイル生成機能を使って静的ファイルを書き出し、 Netlify を使ってホスティングする というシステム構成になっている。具体的にどのようにしているか簡単に紹介する。 processmd を使った Markdown ファイルの変換処理 それぞれのブログ記事は YYYY-MM-DD-xxxxx.md という Markdown ファイルに書いている。ファイル
ReduxとRxjsと非同期処理 - 株式会社Rmake Blogs
Keywords: 技術 ES2015 JavaScript Redux RxJS ReactNative React Native for Web 黒田 大介(Dycoon)です。 Application architectureの理解を深めておこうと思いReduxやRxJSで実験的なプログラムを書いてみました。 特にReduxでの非同期処理をどう書くべきかと言うのはよく話題になるのでそこに重点を置いて確認してみました。 実験プログラムの機能は以下のとおりです。 Reduxのexampleのtodoの機能 localStorageへの保存機能（最小限の非同期処理として） これを以下の組み合わせで作りました。 Redux+redux-observable RxJS(Reduxの役割をRxJSである程度再現) デモはこちらです。 https://rmake.github.io/react-n
React Native と Android Studio を使い比べてみる - 株式会社Rmake Blogs
黒田 大介(Dycoon)です。仕事では少し入り組んだwebアプリのフロントエンドをJavaScriptで書いたり、Unityを触ったりしています。 今回は Smartphone でプラットフォームが用意している UI の機能を使うようなアプリ開発について調べてみます。Smartphoneのアプリ開発ではプラットフォームが用意している開発環境と、それらを間接的に扱う代替的な開発環境のどちらを使うかという選択肢があります。 基本的にはSmartphoneアプリ開発はOSのプラットフォームが用意している開発環境を利用すればおこなうことができます。 Android Studio + Android SDK + Java (あるいはKotlin等JVMを出力できる言語) XCode + iOS SDK + (Objective-C or Swift) これらを使う場合、プラットフォームが提供するA
Virtual x86 - JavaScriptによるx86エミュレーション
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WindowsやLinuxがWebブラウザ上で動作しますよ！ 最近JavaScriptを使って既存のOSをエミュレートする試みが増えてます。既に10年くらい前のPCよりJavaScriptのが速いのではないでしょうか。何でもJavaScriptという環境がどんどん整いつつあります。 今回紹介するのはOSのエミュレートではなく、CPUエミュレータになります。x86の命令をnode/JavaScriptでエミュレートし、昔のOSをWebブラウザ上で実行しています。 Virtual x86では任意のCD、フリッピー、ハードディスクイメージが利用できます。QEMUをWebブラウザで実行しているイメージに近いと言えます。全ての機能が使える訳ではないようですが、x86の殆どの機能が使えるようで
スマートフォンのブラウザ上でオリジナルTシャツをデザインして注文できるウェブサービス「tmix」を開発しました
去年末くらいから取り組んでいたのですが、結構いい感じに出来上がったので告知させてください。 スマートフォンのブラウザ上でTシャツをデザインして注文できるウェブサービス「tmix」を開発しました。 サーバーサイドが私でエディタ部分は@dycoonが実装しました。 オリジナルTシャツをWEBでデザイン制作してプリントできる tmix 運営・企画・デザイン：株式会社spice life 開発：株式会社Rmake iOS5.1以降、Android 2.3.3以降対応 スマフォ版Tシャツデザインエディタ ■ 経緯 元々tmixは、2009年に始まったPCブラウザ上でTシャツをデザインして注文できるサービス（flash）でした。 このサービスによって、ブラウザ一つで多くの人が手軽にTシャツを作って楽しめるようになりました。 しかし、時代は変わりスマートフォンからのアクセスが4割を占めるようになり、tm
jQueryで画像上にあるマウス位置の座標を取得する - Pyro Memo
画面に対する絶対的な座標の取得方法はすぐ見つかったが、画像の左上を基点とする座標を取得する方法を見つけるのに手間取ったのでメモ。 マウス座標の取得方法には色々ある（offsetXやらlayerXやら）ようだが、ブラウザによって取得できる値が異なるみたい。IEの場合はoffsetX、offsetYで指定した要素の座標を取得できるようだが、Firefoxでは画面に対する座標しか取得する方法が見つからなかった。 jQueryのプラグインで、Dimensionsというのを使うと取得できた。http://jquery.com/plugins/project/dimensions 指定したエレメントの幅や高さ、相対的、絶対的な位置を取得することができる。 script type="text/javascript" src="/static/javascripts/jquery-1.1.3.1.js"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
GitHub - xotahal/react-native-material-ui: Highly customizable material design components for React Native