Chrome で Desktop PWAs が実装されたので Twitter Lite を macOS デスクトップで使う - kondoumh のブログ
Chrome 67 の feature flags に Desktop PWAs が入って Android で使える PWA が macOS や Windows でも使える日が近づいてきました。 Chrome のタブを別ウィンドウで開いておくよりもデスクトップアプリらしい振る舞いをします。Chrome に限らずメジャーブラウザが対応中。かなり前から Chrome にはサイトをアプリケーション化する機能がありましたが、PWA が Web 標準であること、サイト側が PWA に対応することで、よりアプリらしい体験を得ることができます。 Desktop PWAs は Chrome 67 では無効化されているため chrome://flags で有効化します。 昨年末に PWA サイトとして話題になった dev.to や Twitter Lite で試せます。 dev.to 有効化して PWA 対
MacでProgressive Web Apps（PWA）を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う
MacでProgressive Web Apps（PWA）を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う GoogleはChrome 73安定版をリリースしました。Chrome 73ではmacOSでのWeb App Manifest対応などによるProgressive Web Apps（PWA）対応とダークモード対応、Signed HTTP Exchangesへの対応などの新機能が追加されています。 PWAの実行環境があらゆるところに行き渡った PWAとは、HTML、CSS、JavaScriptなどのWeb技術によって開発されるWebアプリケーションの一種です。Webサーバから配信されて実行されるだけでなく、リソースをローカルに保存しオフラインでの実行にも対応。Service Workerによるバックグラウンド処理やプッシュ通知なども可能。デ
傾斜をつけた割り勘計算ツールを作ってみた - Qiita
はじめに 忘年会等の飲み会イベントで幹事を任されるのは若手の宿命。 かく言う私も例外ではありませんでした。私の勤務先の場合、社員の年齢差が大きいため傾斜をつけることがほとんど。ただ、この傾斜計算、参加者全員分の年次を把握したり傾斜の具合を微調節したりと意外に面倒で時間をとられます。 いい感じのサービスがないか検索してみたものの、PCサイト用のものはスマホでレウアウトが崩れるし、スマホ向けにはネイティブアプリばかりでPCからは利用できず。意外にもPC・スマホ双方で適切に動くものは見つけられませんでした。 ないなら作ればいい、そこで会社向けに作ったのがこの割り勘計算ツール。 先日公開した割り勘計算ツール(https://t.co/w2j6PD7ZHu)のベースとなった、会社向けver。 各組織の事前に登録しておる社員を選択できて、年次情報をもとに傾斜を計算してくれる仕組み。 pic.twitt
iOSアプリをNuxt.js使ってPWAにしたら意外と良かった話 - Qiita
経緯 GW前に Apple Developer Program の更新のお知らせメールが届く。 iOSアプリはここ2年近く（意識が低く）何も作れておらず更新を迷っていました。 年間メンバーシップの料金は 11,800円。 これで家族で焼肉が食べれる（冗談） PWA にしてみよう！ PWA が iOS 11.3 の Safari でも対応されたこともあり、GWを使って勉強がてらiOSアプリをPWAとして作ってみます。 開発について 使った技術など。 JS Framework 今回は Nuxt.js を使うことにしました。 @nuxtjs/pwa を使って気軽にPWA化してみようと思います。 @nuxtjs/pwa https://github.com/nuxt-community/pwa-module CSS Framework 複雑なUIではないので今回は使いませんでした。 Materia
ClearクローンをPWAとしてNetlifyでデプロイするまで - Qiita
TL;DR https://clear-redev.netlify.com https://github.com/kiyc/clearr ClearのクローンサービスをPWAとして作り、Netlifyでデプロイしました。 コードは書きたいが何を書けば？？ 何か新しいアイデアや解決したい課題を思いつき、それをサービスとして実現するのが理想的だというのはわかっているけれど、そうそう面白いアイデアや課題は見つからないものです。 でも開発欲というのはあるので何かを作りたい。 というときの代替手段として、既存のサービスを真似て作るということがあります。所謂クローンです。 この場合、何を作るべきかというのはわかっているので、純粋に開発に専念出来ます。 これはサービスを作りながら新しい技術を学ぶにはもってこいです。 ということで、今回あるiPhoneアプリをWebアプリとして再実装してみました。 Cle
【Vue.js,Firebase】麻雀好きのエンジニアによる麻雀好きのためのサーバレスな麻雀成績管理PWAアプリをリリースした【個人開発】 - Qiita
【Vue.js,Firebase】麻雀好きのエンジニアによる麻雀好きのためのサーバレスな麻雀成績管理PWAアプリをリリースした【個人開発】Vue.jsWebサービスFirebase個人開発PWA 今までにない麻雀成績管理アプリをリリースしました！ https://t.co/jjpEyVcSHh 麻雀の成績管理アプリローンチしました！ 全ての麻雀好きのためになりますように！ — kooooohe@旅人 (@kooooohe_) 2018年11月5日 背景 雀荘に行くたびに麻雀の成績をほとんどの人が紙で書いている かくいう私もアプリを数個入れていたが、結局紙に成績をつけてしまっていた... 紙のUI,UXにアプリが勝てていないのか？ 元雀荘店員エンジニアとして、最新技術を駆使し、麻雀成績管理Appを作ることが私の責務である 機能要件 PWA 麻雀の得点を記録できる 得点の履歴が見れる 3人の点
なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。 自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術を仕事で使えなかった理由として
Nuxt v2とFirebase(CloudFirestore)でPWA対応Webアプリ開発 - Qiita
福岡から世界中の"むずかしい"を簡単にする株式会社diffeasyCTOの西@_takeshi_24です。 公開から1年以上が経ち、この記事の内容も少し古くなってきました。 Nuxt.jsやFirebaseを使って、サーバーレスでWebアプリケーションを開発する手順について、アドベントカレンダー「diffeasyCTO西の24(にし)日連続投稿チャレンジ Advent Calendar 2019」の中で、「Nuxt.jsとFirebaseとCloudFunctionsでWebアプリ開発」シリーズとして、連載していきます。 Nuxt.jsとFirebaseなどを使ってWebアプリケーション開発にチャレンジしたい方、是非Qiitaアカウントかtwitterをフォローしていただき、ツッコミやいいね！お願いします！ 言葉の説明 まずはNuxt、Firebase、PWAの説明です。 ご存知の方はすっ
PWAを体感できるサービス「ぱちぱち」をリリースした - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今月のはじめあたりから個人で開発をしていたWebサービス「ぱちぱち」を リリース しました。 🎉「ぱちぱち」をリリースしました！🎉 相手に気軽にぱちぱちを送れます👏 プッシュ通知に対応していて、ぱちぱちを受け取ると通知がきます💌 アカウント登録してくれた方は出来る限り私からぱちぱちを送ります👏 是非登録してみんなに「ぱちぱち」を送ってみてください🙏https://t.co/0pQgdWOHqT — おりばー@技術書典5 【き27】 (@oliver_diary) 2018年9月30日 元々は 技術書典5 の執筆を行う上で、扱
Nuxt.js + Netlifyで爆速構築するサーバーレスSPA開発入門
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 こんにちは、アジアクエスト株式会社でフロントエンドエンジニア(以下、FE)をやっています、かめぽんです。 最近、VueもNuxtも勢いすごくないですか？？ すごいですよね？！？！ そんでもって、FirebaseやAWSを使ったサーバーレスアーキテクチャのアプリケーションも増えてきていますね！ だけど、「覚えること多くてよくわからん！けど、なんか動かしてみたい！」 と、思う方もいると思うのでぜひこの記事を参考にしていただけたらと思います。 サーバーレスSPAの構築方法はたくさんありますが、まずは手軽にモダンフロントエンド周りの知見を
Nuxt.jsとFirebaseでサイトを作った話 -4- PWA/GTM/sitemap/feed対応 | isoppp.com
TL;DR Progressive Web App Google Tag Manager sitemap.xml feed 辺りの導入について 各モジュール類 全部Nuxtのコミュニティがサポートしていたりしますので簡単です。 @nuxtjs/google-tag-manager @nuxtjs/pwa @nuxtjs/sitemap @nuxtjs/feed GTM 用意するもの タグマネージャーのID(GTM-XXXXXXX) 実装方法 npm i @nuxtjs/google-tag-manager nuxt.config.js の moduleへの追加 modules: [ // ... ['@nuxtjs/google-tag-manager', { id: 'GTM-XXXXXXX' }], ]
Rails+Vue.jsでSPA/PWAな家計簿アプリ作った - Qiita
はじめに 嫁と「家計簿つけなきゃねー」という話になり、勉強していたRails+Vue.jsな環境で早速作ってみた。 こんな感じで、SPAっぽく動作する。ついでに、PWA化もしてあるのでスマホでもPCでもよしなに動いてくれる。 ソースコードはこちら AccountsBook やったこと SPAなひな型を作る 基本的には以下の記事を参考にコンポーネントの作成やデータの送信などを行った。 なので、特別困ることもなるスムーズにできた。 Vue.jsとRailsでTODOアプリのチュートリアルみたいなものを作ってみた デザイン関係に関しては、愛用させていただいているUmiを使用した。 API周りの認証とかまだ作ってないので、後々のことも考えて以下の記事を参考に実装する予定。 【Rails】RailsでAPIの簡単なトークン認証を実装する 日付を選択できるようにする 家計簿なので支出の日付などを入力で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kiyc/clearr: Re develop Clear
vue-crm
GitHub - harryho/vue-crm: Simple reusable CRM built on Vue 2 PWA template and Vuetify UI
vuetify-todo-pwa
GitHub - davidgaroro/vuetify-todo-pwa: ✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
GitHub - preactjs/preact-cli: 😺 Your next Preact PWA starts in 30 seconds.
GitHub - tkc24/nuxt2_firebase_chat: PWA Web Application by Nuxt v2 & Firebase.
GitHub - S-H-GAMELINKS/AccountsBook: Rails+Vue.jsな家計簿アプリ
