気まぐれ対応です. プッシュ通知などには対応していません. スポンサーリンク // PWAについておさらい 作り方 〆 PWAについておさらい blog.thetheorier.com 先日紹介したように、かなり昔ですがWebサイトでもiOSアプリやAndroidアプリのように振る舞うPWA(Progressive Web Apps)というものがあります. アプリのように振る舞うのでブラウザのURL表示や共有ボタンなどブラウザ側のUIが取り除がれて画面全体をこちら側で扱うことができ、またWebPushやNotificationPushなども行える、まさにアプリに限りなく近づいたWebサービスを…

結論 通知の許可を求めるには、ユーザからのアクションが必要だよ。ページアクセスのタイミングで勝手に許可を求めることはできないよ。 はじめに この記事は、「なんかPWAってやつであたかもネイティブアプリのようにプッシュ通知を送信できるらしいけど、iOSでうまくいかないな～」と思っている稀有な方に向けたものです。 PWA導入システムの背景 少し特殊な事情があり、使用ユーザはごくごく一部に限られていること ユーザは、プッシュ通知を許可する前提で使用を始める、という同意書を書く（プッシュ通知はオプトアウト） といった背景があり、ユーザがアクセスしたタイミングで、「通知の許可」を求めるダイアログを表示し…

ランキング参加中iPhone ランキング参加中Apple iOS16.0から対応はしていたPWAですが、一部の機能は後手となっていました. iOS16.4からプッシュ通知に対応しました. スポンサーリンク // PWAとは 設定1：Push APIの設定 設定2：PWA対応サイトをホーム画面に追加する 比較 プッシュ通知やアイコンバッジは？ 〆 PWAとは Webの世界ではシンプルに記事を提供するWebサイトと、コメントやデータの加工、動画視聴、商品購入などの機能を兼ね備えたWebアプリにおおまかに大別されてきました. スマホが登場しスマホ向けアプリが生まれ、これまでのWebサイトやWebアプ…

こんにちは！今回は、ノーコード開発ツール「Softr」について、構築したアプリをPWAとして端末にインストールできるようにする「Softr mobile」の利用方法をご紹介します。 Softrは、本ブログでもご紹介したことがある直感的にWebアプリを構築できるノーコード開発ツールです。レゴのようにWebサイトを組み立てられるデザインスタジオや、SEOや会員限定ページなどの面倒な設定が簡単にできる点が特徴のノーコード開発ツールでしたね。そんなSoftrについて、今回は「Softr mobile」という、ユーザーがアプリをPWAとしてインストールできるようにする機能の利用方法をご紹介していきます。…

えっ、PWAって、死んでるの？😨・・・ 以前、一度、サーバーに、PWA（プログレッシブウェブアプリケーション）を実装したことがあった、出来るとは思っていたが、最近、CMSのワードプレスを使う事が多く、使っていなかった。ウェブアプリケーションの部分は、javascriptと、ブートストラップが、便利な場合もあるので、PWAを、また実装しようとしたら、忘れてた事が多かったから、再学習してみる。別に、PWAが、実装できなくなった訳ではないようだ・・・ 完全に、忘れたし😵‍💫、コードを削除してたので😵、まず、サンプルから知る・・・ GitHub - mdn/pwa-examples: Examples…

概要 参考情報 概要 以下、自分用のメモです。 WWDC22にて、やっと Safari で、macOS, iOS, iPadOS にもプッシュ通知(Web Push通知)がサポートされるとのこと。 macOSは年内、iOS, iPadOSは来年っぽいですね。 これ、待っていた方多いのではないでしょうか。PWAの採用が進むかもしれませんね。今後。 まだ、全部見ていないのですが、忘れないうちに情報をメモメモ。。。 speakerdeck.com backapp.co.jp www.suzukikenichi.com applefan.net 参考情報 web.dev 過去の記事については、以下のペ…

Lighthouseで計測したところ下記のような要修正項目が現れた。 該当する下記のページを読んでみると、maskableアイコンとはどうやらすべてのAndroidデバイスで美しく表示されるアイコンフォーマットらしい。 ちなみにマスキング可能なアイコンフォーマットに従わないPWAアイコンは白い背景が与えられるとのこと。 Manifest doesn't have a maskable icon PWAアプリにmaskable icon を追加する方法 まずは下記のMaskable.app EditorにアクセスしてMaskableアイコンを作成する。 Maskable.app Editor 上…

なんかもう夏なんだ……4月中旬ってなに？ 割と長いことプレイしてるけど「カーリングボムにあたった」表記は初見な気がする。 #スプラトゥーン3 #Splatoon3 #NintendoSwitch pic.twitter.com/JoPn4J8gnP — 狐島本土 (@fox_mainland) 2024年4月13日 週末はカーリングボムがデカくなるエリア。 デカいのでぶつかるだけでやられるんで、みんな引き気味に投げ合う感じもある訳ですが、上からの落下はあまり想定してなかった。楽しいと言えば楽しいのでこの五倍ぐらいのジャンボカーリングボムみたいなスペシャルを追加してください。 五倍じゃデカすぎる…

私が担当しているプロダクトの検証環境はIP制限をしています。更にはその前段に、全プロダクト共通の認証基盤があり、認証基盤の検証環境も同様にIP制限がされている状態です。開発者が検証環境にアクセスできるように全社VPNのIPはもちろん許可していますが、 全社VPNの回線が弱い 当プロダクトはPWAもあるので、スマートフォンからもアクセスする必要があるが、スマホに全社VPNを導入できない という問題があるため、開発者の自宅IPも許可しているのが現状です。この運用には下記のような課題があり、今回これらを解決したいと思います。 IP許可設定の運用負荷が高い。 開発者の増減や、自宅のルーター再起動・PC…

違うわ、違うわ。 ノートシステム Logseqもいいですけど、そうじゃなかった。 2つのエディタを使うんじゃなくて、4つですね。 タイプ分けすると4つあるから、それぞれ分散させる。 そう考える流れでした。 で、ローカル・オープン型はObsidianでいいわけです。 ローカル・パターン型はPages。 清書して印刷するとなると「ワープロ」が必要です。 対して、クラウド・パターン型にはScrapbox。 どのデバイスでもPWA化して単体で起動しています。 Paper 残る、Dropboxを読み書きするクラウド・オープン型を何にするか。 デバイス間でデータ共有するのでMarkdownを扱えるアプリに…

WEBデザイナーとして成功するためには、様々なスキルや知識が必要です。この記事では、WEBデザイナーになるために必要な知識に焦点を当てて解説します。 まずはHTMLとCSSの基礎を理解し、その後にカラーセンスやデザイン理論、インタラクションデザイン、JavaScriptの基礎などについて学んでいきましょう。さらに、よくある疑問や質問にも答え、成功するためのポイントをお伝えします。 WEBデザインに興味がある方やこれからWEBデザイナーを目指す方にとって、この記事が役立つ情報となることを期待します。 【PR】Webデザイナーを目指す方におすすめのWebデザインスクール！ 副業・フリーランスのWe…

ATProtocolのRustライブラリを作っている 活動の続きとして、ライブラリの動作確認も兼ねてDesktop Applicationを作ってみることにした。 Tauri RustでDesktop Application作成、といえば今もっとも普及しているのがTauriだろう。 tauri.app ステータスとしてはMobile Application対応を含む v2のリリースに向けてBeta versionが公開されている、という状態のようだ。 Tarium で、AT ProtocolのためのRustライブラリである ATrium をバックエンドで使ったTauri製のBluesky Cl…

blogs.oracle.com news.mynavi.jp 例えば、JEP 463は、大規模なプログラム用に設計された言語機能を理解することなく、学習者が最初のプログラムを記述できるように、Java プログラミングへのスムーズなオンランプを提供するもの。これにより、学習者は単一クラス・プログラムの合理化された宣言を記述できる。 オラクル、Java 22発表 - 注目機能はJavaプログラミングへのスムーズなオンランプの提供 | TECH+（テックプラス） ⇧ スムーズにJavaのプログラミングに入れたとして、その後のことが考慮されてると信じて良いのだろうか？ 実際の現場では～、みたいに梯子…

凍てつく寒さは遠のいてまいりました 花粉と倦怠の季節の恐怖におののく、かえるのクーの助手の「井戸中 聖」（いとなか せい）でございます。 試行・思考・嗜好錯誤をくりかえしておりますが、一行に足踏み状態です。よくあることです。こういうのは時間が解決してくれます。（主に飽きるか、あきらめるか、挫折による。意思が強ければ稀に天啓をうけることもある） 書くこともないのですが 何もしていないのとほぼ同義なので、ネタがないのですが、無理やり生存報告します。 あ、春分点（太陽の黄経が0度となる瞬間：本日、日本時間12:06～07台)に願掛けするの忘れてた！来年やります。 最近面白かったこと たまたま見たYo…

【プロモーション】 Logitec Blu-ray ディスクドライブ 外付け 書き込みソフト付 LBD-PWA6U3LWH ホワイト ロジテック エレコム ELECOM10,980円 Logitec Blu-ray ディスクドライブポータブルブルーレイドライブセキュリティロック機構Power2Go採用■おもな特徴・国内最軽量、最小クラスのコンパクト設計のUSB3.2Gen1(USB3.0) ポータブルブルーレイドライブ。最大100GBの大容量データのバックアップ、セキュリティ保護機能を搭載した、書き込みソフト付き。・ドライブは9.5mm厚の超薄型タイプを採用・付属のケーブルは、50cmUSBケ…

5 章 レプリケーション リーダーとフォロワー ノード障害への対応 フェイルオーバーの問題 レプリケーションログの実装 ステートメントベースのレプリケーション WAL の転送 論理ログレプリケーション トリガーベースレプリケーション レプリケーションラグに関する問題 自分が書いた内容の読み取り モノトニックな読み取り 一貫性のあるプレフィックス読み取り マルチリーダーレスアプリケーション ユースケース 書き込みの衝突処理 一貫した状態への収束 トポロジー リーダーレスレプリケーション 5 章 レプリケーション レプリケーションの目的は データを地理的にユーザの近くで保持しておくことでレイテンシ…

近頃AmazonでChromeBookが売り出されていることが多いです。Windowsのノートパソコンと比較するとやや安価であり、機能もシンプルであることが売りです。 家電量販店では「PCのエントリーモデル」みたいな感じで売られていますね。 ということで今回は2024年現在においてChromeBookって何なんですかという部分を詰めていこうと思います。 Chrome OS ChromeBookにはChromeOSが内蔵されています。ChromeOSは超ファジーな感覚で捉えるとGoogleChromeと愉快な仲間達で構成されるOSで、Googleアカウントに紐づけて様々なGoogleサービスを利…

iOSアプリのリリース iOSアプリのリリースはAppleのエコシステムを活かすことが重要です。以下が基本的な手順です。 ■開発者アカウントの取得： 開発者プログラムに登録し、Apple Developerアカウントを取得します。 ■証明書とプロビジョニングプロファイルの作成： 開発用の証明書とプロビジョニングプロファイルを作成し、Xcodeで設定します。 ■iTunes Connectでアプリを登録 ： アプリの情報やスクリーンショット、キーワードなどを入力し、iTunes Connectでアプリを登録します。 ■ビルドとテスト： Xcodeでアプリをビルドし、テストを行います。不具合がない…

※本記事は、Geminiによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 2024年に最も人気のあるウェブ開発技術 重要なポイント: GeminiへのQA Ｑ：PWA台頭の理由は何でしょうか？ Ｑ：PWAは、何の言語で実装するのでしょうか？ Ｑ：JavaでPWAは作れるのでしょうか？ 感想＋雑記 原文 Most Popular Web Development Technologies in 2024 - DEV Community 意訳+要約 2024年に最も人気のあるウェブ開発技術 ウェブ開発は絶えず変化しており、新しい技術とトレンドが急速…