マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も
マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も マイクロソフトは、JavaScriptで2Dや3Dモデルを高速に扱えるライブラリ「Babylon.js」の最新版「Babylon.js 5.0」正式版をリリースしました。 We'd like to formally introduce the next version of the Babylon Platform - #BabylonJS5 Blog: https://t.co/aMgjIIeIin Video: https://t.co/OMssjZZPPz#gamedev #gamedevelopment #indiedev #indiedeveloper #webdev #3D @WebGPU #w
Flutter for Windowsが正式版に、「Flutter 2.10」リリース。単一コードでiOS/Android/Web/Windowsアプリが可能に
Flutter for Windowsが正式版に、「Flutter 2.10」リリース。単一コードでiOS/Android/Web/Windowsアプリが可能に GoogleはDart言語のフレームワークであるFlutterの最新バージョン「Flutter 2.10」のリリースを発表しました。 Announcing Flutter for Windows Our latest release includes stable support for Windows as an app target. Now, you can build high-quality Windows apps that also run on mobile and web. Read the blog https://t.co/2vsUtt7XAf — Flutter (@FlutterDev) February
WebAssemblyランタイム「Wasmer 2.1」リリース。WASI用に仮想ファイルシステムを実装し、ブラウザでもWASIが利用可能に
WebAssemblyランタイム「Wasmer 2.1」リリース。WASI用に仮想ファイルシステムを実装し、ブラウザでもWASIが利用可能に 米Wasmer社はオープンソースのWebAssemblyランタイム「Wasmer 2.1」の正式リリースを2021年12月2日付けで発表しています。 Wasmer 2.1では、仮想ファイル機能を提供することでWebブラウザやNode.jsで互換性のあるWASI APIを実現、iOSへの対応などの強化が行われました。 BREAKING NEWS: Wasmer 2.1 released. Features added, bugs smashed, don't wait, try it now! - Wasmer-JS - Virtual Filesystem - iOS Support - Singlepass in Windows - Faster
Progressive Web Appsの振り返りとこれから | gihyo.jp
Progressive Web Apps（以下、PWA）は2018年ごろからホーム画面へのインストール機能やキャッシュ戦略等の技術視点でエンジニアの間で話題に挙がるようになりました。現在ではWebパフォーマンス、ユーザビリティ向上、PoC（実証実験）といったビジネス視点でも注目されており、多くのWeb実装にPWAが取り入れられています。 今回の記事では、国内のPWAの動向を振り返り、改めてPWA開発のスタンダードとこれからのPWAについてまとめます。 日本国内でのPWAの動向 2015年にPWAという名称が生まれ、Google Chromeを始めとした各ブラウザが順次PWAに対応していきます。2018年にiOSのSafariがService Workerに対応したことををきっかけに国内でもPWAが注目され始めました。筆者もその頃からPWAに興味を持ち、2019年2月に立ち上がったTechコ
【完全無料】Flutterを使って簡易ライブ配信アプリを構築する
はじめに 皆さんはFlutterというフレームワークを知っていますか？ flutterはgoogleが開発したios,android,webアプリが作れてしまうフレームワークになります。(Dartという言語を使って３つ一気にアプリが作れる！！！) こちらの記事はそんなflutterのフレームワークを使って開発のアプリの紹介記事になります。 作ろうとおもった経緯 flutterの勉強がてら、なにか簡単アプリを作りたいなと思っていたのですが、自分自身が動画関連の会社に勤めているもあり、せっかくなら、 「ライブ配信が行えるflutterアプリを作ってみよう！」 と思い、今回のアプリを開発しました。 アプリの概要 スマホのカメラで撮影した映像をweb上で視聴できるというアプリケーションになります。 具体的な構成は以下の通りです。 今回作成したflutterアプリケーションでスマホのカメラ映像をrt
Capacitor: Webアプリをクロスプラットフォームに展開
import { LocalNotifications } from '@capacitor/local-notifications'; LocalNotifications.schedule({ notifications: [ { title: "On sale", body: "Widgets are 10% off. Act fast!", id: 1, schedule: { at: new Date(Date.now() + 1000 * 5) }, sound: null, attachments: null, actionTypeId: "", extra: null } ] });import { Geolocation } from '@capacitor/geolocation'; // get the users current position const pos
iOS 15のSafariで表示したWebサイトやTwitterなどに投稿されている画像からテキスト認識表示を利用してテキストを抽出する方法。
Webサイトをキャプチャした画像などiOS 15のSafari上に表示された画像からテキスト認識表示を利用してテキストをコピーする方法です。詳細は以下から。 Appleは2021年06月に開催したWWDC21の基調講演の中で、iOS 15/iPadOS 15の新機能として写真内にあるテキストを抽出し、コピー＆ペーストできるようにする「テキスト認識表示 (Live Text)」機能を発表、 Apple Web Developer Experience Teamのエバンジェリストを務めるJen Simmonsさんは、このテキスト認識表示はiOS 15/iPadOS 15のモバイルSafariにも統合され、抽出されたテキストデータはWebコンテンツの一部ではなくShadow DOMとして挿入されるため、 JavaScriptなどの影響は受けずにコピーやWeb内検索が利用可能で、例えばTwitte
記憶に残らないものをメモするためにMemory Noteという仕組みを書いた
Memory NoteというプログラマブルなTodoアプリのミドルウェアを書きました。 ややこしいですが、大雑把に言えばReminder的なTodoリストを扱うREST APIをCloudflare Workersで動かす仕組みです。 Headless Todo Appという単語がしっくりくるのかもしれません。 単体だと何ができるのかよくわからないものですが、Todoサービスを自分用に作れる仕組みです。 対象ユーザーは主に自分ですが、Memory NoteのREADMEにセットアップ方法や関連するクライアントの実装も公開しています。 自分の場合は、iOSのショートカットから音声入力で、メモをGitHub Projectのボードにカードして記録しています。 この記録したメモを、iOSのWidgetsとしてホーム画面に出したり、AlfredのHotKeyでワンタッチで表示したり、部屋に電子ペー
そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends
WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ
Hobson's Browser - Infrequently Noted
Update: This post was turned into a talk for State of The Browser in October 2021; you can watch the recording here. Update, The Second: Welp, I was wrong. I assumed that Facebook PMs and engineers were smart. Of course they were going to get found out modifying content via In-App Browsers, just as this post warned they could. It's long past time for Google and Apple to act to curb this abuse via
Apple、アプリやWebによるユーザー追跡の許可制を今春導入と発表 - iPhone Mania
「データプライバシーデー」の1月28日、Appleは、新バージョンのiOS14、iPadOS14、tvOS14でアプリやWebサイトがユーザーを追跡する際にユーザーの許可が必要となるプライバシー機能「App Tracking Transparency（アプリケーションのトラッキング申告）」を今春から導入すると発表しました。 ユーザーの追跡には許可が必要 Appleが発表した「App Tracking Transparency（アプリケーションのトラッキング申告）」の導入により、Apple以外の企業がアプリやWebサイトを通じてユーザーのデータを追跡する場合、事前にユーザーの許可が必要となります。 Appleが公開したスクリーンショットでは、「Facebookが、他社のアプリケーションやWebサイトを通じてあなたの行動を追跡することを許可しますか？」という質問に対して「許可しない」「許可」の
ITPのCNAMEクッキー規制について｜AD EBiS マーテック研究会
ご無沙汰しております。11月6日に、CNAMEレコードを使って付与された1st-party cookieの規制機能を搭載したiOS14.2がリリースされましたので、その内容をまとめます。いつものことですがマーケティングよりブラウザの細かい話です。正式発表前なので誤りの可能性がありますがご了承またはご指摘ください。 規制の仕組みまず規制されるのは、AppleのWebKitエンジニアJohn Wilanderさん（ITPの発明家）が「Third-party CNAME cloaking」として定義するものです。 Third-party CNAME cloaking means a first-party subdomain resolves to a third-party domain which does not match the resolution for the top frame
Pixela への活動記録をスマホとNFCタグで自動化する（iOS / Android） - えいのうにっき
Pixela は、さまざまな数値情報を記録・可視化できる無料のWebサービスです。私が開発・運営しています。 pixe.la 今回、記事タイトルの内容を自分でもやってみて、比較的カンタンに実現できたので紹介します。これを使えば、何かの回数とか時間とかを Pixela に記録するのが、より手軽にできるようになると思います。 この記事では一例として、「自分の自動車の運転時間の計測」を題材に、iOS / Android 両OSの場合の実現方法をご紹介します。ちなみに iPhone は、「iPhone XR」「iPhone SE（第2世代）」「XS 以降の iPhone」で、ここで紹介する方法が利用可能です。Android スマートフォンであれば、現代のスマートフォンであればだいたいどれでも利用可能なのではないかと思います（NFCに対応していれば大丈夫だと思います）。 【OS共通】事前準備 NFC
iOS 13はWebページ全体をスクショ可能 「フルページマークアップ」を試す
iOS 13ではスクリーンショット機能が改善された。 改善された内容に触れる前に、スクリーンショットを撮る方法を説明しておく。ホームボタンのないiPhone（X以降）では、本体側面の「サイドキー」と「ボリュームアップキー」を同時に押す。ホームボタンのあるiPhoneでは、本体上部または側面にある「スリープ／スリープ解除キー」と「ホームボタン」を同時に押す。 【訂正：2019年10月14日11時31分 初出時に、スクリーンショットの方法として「長押し」と記載していましたが、正しくは「同時に押す」です。おわびして訂正致します】 改善された内容は大きく3つに分かれる。順番に説明していく。 Safariでフルページのスクショを撮れる これまでも、Safariで特定のWebサイトを表示し、その内容を記録するのにスクリーンショットを使っていた人も多いはず。しかし、時刻やバッテリー残量などの余計なアイコ
【iOS12】iPhoneを傾けるだけ！Webページがスクロールするショートカット - iPhone Mania
iOS12の新機能「Siriショートカット」を使って、iPhoneを傾けるだけで、Safariに表示したWebページを自動でスクロールできるショートカットをご紹介します。 Safariで表示したWebページを自動スクロール！ iOS12で利用可能になったSiriショートカットは、Siriに話しかけるか、簡単な操作だけで、さまざまな操作を実現できる便利な新機能です。 そのSiriショートカットを使って、Safariに表示されたWebページをiPhoneを傾けるだけでスクロールさせられるショートカットを、先日も便利なショートカットを紹介していたYouTubeチャンネルiDeviceHelpが紹介しています。 試してみたい方で、まだ「ショートカット」アプリをインストールしていない方は、この機会にインストールしておいてください。 ショートカット「Tilt Scroll」を登録 利用するショートカッ
スマートフォン用サイトを制作するデザイナーさんに伝えたいWebブラウザのViewport(表示領域)の話。エンジニアにも役立つかも。 Part2｜Takumi Hasegawa (unshift)｜note
スマートフォン用サイトを制作するデザイナーさんに伝えたいWebブラウザのViewport(表示領域)の話。エンジニアにも役立つかも。 Part2 今回は ・少し厄介なランドスケープ時のViewportの高さの話 ・かゆいところに手が届きそうで届かないCSSのvw/vhの話 ・これまた厄介なアプリ内ブラウザ (WebView)でのvhの話 の三本立てでお送りしたいと思います。 ・・・ 少し厄介なランドスケープ時のViewportの高さの話Webコンテンツ閲覧中に、スマートフォンを横向きで使うシチュエーションって個人的にはそんなにないですが、全画面 (html, bodyのwidth, heightが100%)のコンテンツだったり、キービジュアルをViewportに合わせた大きさにする、といったようなコンテンツではランドスケープ時の挙動に注意が必要です。 Android Chromeの場合 A
フリーランスエンジニアの単価を決める - Qiita
記事概要 書いた目的 フリーランスエンジニアの単価設定に「情報の非対称性」ある フリーランスは市場動向掴んで「売り手」になるべき エンジニア応援したい、優秀なエンジニアは年収伸ばせば良いし、キャリアミスマッチしてるエンジニアは再構築すれば良い 読者想定はフリーランスエンジニア、qiitaに多そうだから投稿 記事の内容 1. 自分のプロフィールと単価を公開 前職年収900万円で、フリーランス日額6.5万円〜10万円 40社ぐらい営業して、1/3は話が進む 2. この単価設定にした根拠を説明 前職基準、採用市場、派遣、フリーランス市場、英語圏 3. 終わりに 「こんな人材求められてるんじゃないかな」、「こうしたらキャリア積めるかも」を記載 正社員に戻って修行するなら、開発チームが強い（CTOが役員として存在）イケてるWeb企業で正社員キャリア積むことを目指すべき フリーランスのままでも「チーム
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter、リプライにダメだしする反対票機能「自分向きではない」のテスト展開を拡大／Webで広範囲に。iOSとAndroidでも近々利用可能に
生まれ変わった「Microsoft Whiteboard」が公開 ～まずはWeb、Android、「Microsoft Teams」で／来月にはWindows/iOSにも対応。個人用「Microsoft アカウント」もサポートへ
トラッキング規制と代替技術の最新情報まとめ
