日経電子版 サイト高速化とPWA対応 / nikkei-high-performance-pwahtml5j Webプラットフォーム部 第19回勉強会 W.A.S.M featuring PWA https://html5j-webplat.connpass.com/event/74013/
【2023年版】Webプッシュ通知の全ての最新対応ブラウザとOSを解説します！
ついに、iOSのSarafiにもWebプッシュ通知が解禁になりました！最も効果的なWebプッシュ通知を設定するために、2023年のすべての最新OSとブラウザで、文字制限やメディアサイズなど、Webプッシュ通知の全要素を解説していきます。 Webプッシュ通知の利用可能なシステムと一般的な要素macOS Ventura版のGoogle ChromemacOSVentura 版のSafarimacOS Ventura版のFirefoxWindows11版のGoogle ChromeWindows11版のMicrosoft EdgeWindows11版のFirefox iOS 16.4版のSafariAndroid 12版のGoogle Chrome Android 12版のFirefoxWebプッシュ通知の対応OS・ブラウザ一覧 [NEW]2023年4月より、Webプッシュ通知がiOSにも対応
Webサービスのパフォーマンスに関する考え方まとめ - Qiita
自分の経験をドキュメントに整理する目的で書き出し。 どうやって効率を良くするか、という観点ではなく、今のシステムのパフォーマンスはどの程度か、という事を把握する目的。 流れも関係なくざーっと書いているので随時構成は変更する。 内容も随時更新。 突っ込み歓迎。 Webサービスパフォーマンスとは ここでは、以下に書くように狭義なものと広義なものを定義する。一般的な定義ではなくオレオレ定義なので注意。 狭義：ユーザーがアクセスしてからレスポンスが返ってくるまでの速度。 Webサイトやアプリが早い・遅いという時の一般的な指標。 そもそもこの段階でパフォーマンスが悪いとユーザー体験が非常に良くないもっさりとしたサイトとなる。 大体の目安として 数十ms以下 : 早い 100ms ~ 500ms : ちょっと遅いかな 500ms ~ 1s : もっさり 1s以上 : ヤバい という感じ。ただし、モバイ
Stable Diffusion を Colab で Web アプリ化する - 詩と創作・思索のひろば
Stable Diffusion が来てるねってことで貧者の GPU であるところの Colaboratory でいろいろ試したいのだけどノートブック上で Python のコードをこまごまいじりながら試行錯誤するのは微妙に体験が悪い。 ちょっとしたウェブサービスとして立てて実行できるとよいけれど、なかなかクラウドサービスも帯に短し襷に長しという感じで GPU を気軽に借りられるところはなさそうだ……と思ったら、Colab 上に HTTP サーバを立てられることを知ったので、その方法でやってみることにする。 やってみたソースは以下。 GitHub - motemen/stablediffusion-server-on-colab README にあるノートブックを開いて Huggingface のトークンを埋め、GPU を選択して実行するとサーバが起動する。サーバが起動する前のセルに表示され
Web5 | TBD
Alice holds a digital wallet that securely manages her identity, data, and authorizations for external apps and connections. Alice uses her wallet to sign in to a new decentralized social media app. Because Alice has connected to the app with her decentralized identity, she does not need to create a profile, and all the connections, relationships, and posts she creates through the app are stored w
【公式】SALOWINシェアサロン | フリーランス美容師のためのシェアサロン
ご利用時に空いている席をご利用いただけます。また退勤時は次ご利用の方のために利用区画の清掃やリセットをおこなっていただきます。店舗によっては一区画を占有できるプランもございます。
Webブラウザ上で純粋なHTTPだけで単方向リアルタイム通信を可能にするHTTPのストリーミングアップロードが遂にやってくる - nwtgck / Ryo Ota
Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。
svg要素の基本的な使い方まとめ
3.図形の描画と図形のグループ化 SVGにおいてはグラフィック描画の手続きをXMLツリーとして表現する．様々な要素の組み合わせで複雑なグラフィックを構成するのだ．本項では最も基本のpath要素とその他の基本図形要素，及びg要素による図形のグループ化について説明する．これらの要素はSVGを表示可能な全ての環境で動作し，簡単なグラフィックであればこれだけで十分に間に合う． path:パス図形の描画 path要素は任意の図形を表す．図形定義が柔軟に行えるが，円や四角などの単純な図形を描画するだけなら後述する専用の要素を使ったほうが良い． パス図形の定義 d属性には曲線を引く際のコマンド(パスコマンド)のリスト(パスデータ文字列)を指定する．パスデータ文字列の前から順にコマンドを実行し，得られた(曲)線に囲まれた領域をパス図形と呼ぶ．SVGにおけるグラフィックはこのパス図形を元に描画される． d属
【お手軽】iOS Safariで表示したWebサイトをMacOS SafariのWebインスペクタでデバッグする方法 | DevelopersIO
はじめに パフォーマンスチューニングをしていてモバイル通信回線を使った計測をしたい時にこの情報を見つけたので、実際に試した方法を残しておきたいと思います。 準備するもの iOS 6以上がインストールされたiPhone/iPod Safari 6がインストールされたMac MacとiPhone/iPadを繋ぐUSBケーブル 事前の設定 MacOS Safariの開発機能 すでにオンにしている方はこの作業を飛ばしてください。 まず、開発機能をオンにします。 Safariを開き、メニューから環境設定を開きます。詳細メニューの下にあるメニューに開発メニューを表示をオンにします。 メニューに開発と表示されていれば問題ありません。 iOS SafariのWebインスペクタ iOS SafariもWebインスペクタの機能をオンにします。 環境設定を開き、Safariの設定を開きます。 Safariの設定
AngularJSを使ったWebサイトでSEOするためにLobiがやっていること - KAYAC engineers' blog
スマートフォンのネイティブアプリをメインにサービス展開しているLobiですが、 Webブラウザからも利用することができます。 https://web.lobi.co Webブラウザからでもチャットの投稿・閲覧が行えます。 このサイトは AngularJS を用いて実装されています。 AngularJSとは AngularJSはGoogleが提供しているJavaScriptライブラリです。 https://angularjs.org/ Webページ内でのユーザーのアクションに対応するコンテンツ生成や表示変更などをJavaScriptで強力に実現します。 SEOとの相性 AnguraJSに限らず、JavaScriptで動的にコンテンツを生成するWebページには、 SEOとの相性が悪いという欠点があります。 これは検索エンジンのクローラーがJavaScriptの実行までは行わないことに起因してい
websec-room.com - websec room リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
Webページ全体を画像にする方法Chrome拡張機能3つ（プラグイン）
公開日：2015年9月25日最終更新日：2016年5月6日 : ソフト・アプリ・ツール Webページ全体を画像として保存することができるChromeの拡張機能の紹介です。パソコンで使用するスクリーンショットの機能では、ブラウザに表示されている部分しか画像にできません。 拡張機能を使用すれば、ブラウザで1度に表示できないWebページ全体を画像として保存することができます。Webページを資料として保存したい場合など、とても便利です。Web制作者としてはなくてはならない機能となっています。 Webページの画像保存に便利な拡張機能をおすすめ順で紹介していきます。 Blip-shot_機能追加ページへ いまの所、一番シンプルで優秀な拡張機能です。キャプチャの機能で１番大事なのは、見た目のまま余計な部分もなく画像化してくれることです。その点この機能は、動きのスクリプト部分も見た目のまま画像化してくれま
Webページの裏側にも遊び心を！面白いHTMLソースコード・アートまとめ 2013年夏｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループの石川です。 Webサイトを作るクリエイターさんの中には、一般的に閲覧者の方が見る「Webサイト（表側）のデザイン」、いわゆる"見た目"をデザインすることに留まらず、Webページの裏側とも言える「HTMLのソースコード」までアートに変えてしまう遊び心を持った方がいらっしゃいます。 先日、ちょっと調べる機会があったのでカテゴリに分けてまとめてみました。 どれも「おお～すごい」と感心したり、「プッ」と笑いを誘うようなユニークなものばかりで、気付いた時のインパクトや話題性がありますよね。 いつもと比べるとちょっとユルめのテーマですが、たまにはこういうのもいいかなぁと。 それでは、HTMLソースコード・アートをお楽しみください！ ロゴ／マークタイプ 1. The Coca-Cola Company 2. Tumblr. 3. Flow 4. The
Googleタグマネージャー（GTM）とは？アナリティクスとの連携方法や使い方を解説
Googleタグマネージャー（GTM）とは？アナリティクスとの連携方法や使い方を解説 これから“BtoBマーケティング”を本格的に行いたいという方向けに、マーケティングの戦略設計や各種施策のノウハウを網羅した資料です。 1. Googleタグマネージャー（GTM）でどんな問題が解決できる？ サイト担当の皆様、日々の業務でこんな問題はありませんか？ ・タグを貼る度に、別の部署や制作会社に依頼しなければならない ・ 一つのサイトに様々なツールのタグが混在してカオス ・ どこにどのタグが記述されているか、把握しきれない ・複数人でサイトの管理しているので、最新状況が把握しきれない タグマネージャーを導入することで、これらの問題が解決できます。 CTAの効果計測、広告配信設定、外部ツールとの連携、チャットポット設置の際など、サイト運用上でタグを使うシーンは数多くありますので、サイト運用にはタグマネ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIkit
とほほ氏、いまだ健在！ 超定番のWWW解説に“とほほのDocker入門”が追加され話題に／もうすぐ開設して四半世紀の老舗サイト【やじうまの杜】
WordPress Themes, HTML Templates - ThemeForest
Software Development, Design & Consulting | Akveo
22 Best New Premium Bootstrap Admin Themes and Templates | AZMIND