HTTP/3はどうやってWebを加速するか？ TCP、TLS、HTTP/2の問題とHTTP/3での解決策～Fastly奥氏が解説（前編）
HTTP/3はどうやってWebを加速するか？ TCP、TLS、HTTP/2の問題とHTTP/3での解決策～Fastly奥氏が解説（前編） Webの世界では新しいHTTPの標準として「HTTP/3」の策定が進み、現在最終段階にあります。このHTTP/3はこれまでのHTTPをどのように改善し、高速化を実現していくのでしょうか。 2020年11月25日と26日にオンラインで開催されたFastly Japan主催のイベント「Yamagoya Traverse 2020」のセッション「Webを加速するHTTP/3」で、同社の奥一穂氏がHTTP/3の解説を行っています。 奥氏はHTTP/3に対応したHTTPサーバ「H2O」の開発を行うだけでなく、IETFでHTTP/3の標準策定にも関わるなど、日本においてもっともHTTP/3に詳しい人の一人であるといえます。 本記事では奥氏のセッションをダイジェストで
開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
Web制作が面白いほどはかどる！便利な最新オンラインツール54個まとめ
この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV
obnizから使いやすいMQTTブローカーとライブラリ｜IoT-Gym
この記事はobniz Advent Calendar 2019の17日目の記事です。 obnizと他のシステムを連携動作させたいとき、MQTTを使うと割と楽にプログラムを作れます。 MQTTを使う場合 どのブローカーを使うか どのライブラリを使うか を決めなければなりません。私は今まで自分では調査せずにネット記事のコピペでその場凌ぎを続けてきました。今回一念発起して、どのようなブローカーやライブラリがあるか調べてみました。その中で、obnizで使いやすいものを紹介します。 ブローカー： 自分で運用するブローカー: mosquitto、mosca クラウドサービス：mosquitto、shiftr.io ライブラリ： ブラウザ用：MQTT.js、paho node.js用：MQTT.js MQTT ブローカーとMQTTライブラリの紹介なので、obnizのコードは登場しません。あしからず。 M
Nuxt.js+Firebaseの認証・認可を実装した雛形プロジェクトを公開しました - Qiita
この記事について NuxtとFirebaseを使って、これまでいくつかサービス開発をしていますが、認証/認可の実装はどのサービスでも毎回同じようなコードを書いている気がします。 サービスとしてのコア部分ではないですが、センシティブな部分なのでしっかりと調べながら実装すると結構大変ですよね（毎回時間がかかってしまいます）。 ここ最近のサービスはNuxt +Firebaseで開発することが多く、認証 / 認可のコードベースのTipsが貯まってきたので公開したら需要あったりするのかな？ サンプルになりそうなプロジェクト見当たらないし、コアな部分ではないのであまり楽しくないし...。 雛形のプロジェクトとして需要あれば公開します👍 — フジワラユウタ | SlideLive▶️ (@Fujiyama_Yuta) June 7, 2020 自分だけではなく、いろんな人が同じような課題感を感じている
[完全版]バリスタが教えるドリップコーヒーの美味しい淹れ方｜川野優馬 / LIGHT UP COFFEE
美味しいドリップコーヒーの淹れ方を全部ここにまとめました！ 味の好みは人それぞれで、あくまで浅煎りのフルーティなコーヒーが好きな僕の淹れ方です。 調整の仕方とか、安定した味にするために考えてることを参考にしてもらえたら嬉しいです。 前提として、美味しいコーヒー豆、好きなコーヒー豆を使いましょう！！！ YouTubeの動画でもわかりやすく紹介してるので、よかったら見てみてください。 用意するもの・コーヒー粉 1杯分 14g（できたら豆で買って、淹れる前に挽けたら最高） ・お湯とケトル ・ドリッパー ・サーバー（1人分ならマグに直接でもいいかも） ・重さをはかる電子スケール ・時間をはかるタイマー 器具についてはまた別の記事を作ろうかと思ってるけど、基本的に100均のドリッパーでも豆がよければ美味しいので、まずは手持ちの器具でも十分かも。 写真で紹介してるのはHARIOのV60というドリッパ
![[完全版]バリスタが教えるドリップコーヒーの美味しい淹れ方｜川野優馬 / LIGHT UP COFFEE](https://cdn-ak-scissors.b.st-hatena.com/image/square/e85611433f81af0770e786439d7bb51f951d8b3a/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F20639807%2Frectangle_large_type_2_5fd39b4346f8f37c555e36327df34d79.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
nakamu.life - このウェブサイトは販売用です！ - nakamu リソースおよび情報
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.
メンテナブルに Tailwind CSS を使うなら - Qiita
Tailwind CSS をちょっと前から使っていて、気に入ったのでどんどん適用範囲を拡張していきました。数十ページくらいのサイトを Tailwind でデザインし、その出来に満足していました。 （Tailwind の魅力は、選択肢の幅がちょうどよいところだと思っています。マージンが 1px か 2px かはどうでもよい、要素同士が近い方がいいのか遠い方がいいのかで用意されたクラスから選ぶ。） しばらく時が経った頃、Tailwind の最新版がリリースされ、メジャーバージョンが上がっていることに気づきます。いっちょ最新バージョンに対応してやるかと思いいざ進めてみると、結構な労力を必要とすることが分かりました。このポストではそこで得た気づきの話をします。 アップグレード手順はある v0 系から v1 系へのアップグレード手順はこちらです。 https://tailwindcss.com/do
同じUIコンポーネントをCSSで静的に、Vue.jsやプレーンのJavaScriptで動的に実装する -Tailwind Starter Kit
最近のWebページやスマホアプリのUIでよく使用されるさまざまなコンポーネントをCSSで静的に、Vue.jsやReact.jsやプレーンのJavaScriptで動的に実装するためのコードをまとめたTailwind Starter Kitを紹介します。 CSSは分かるけど、Vue.jsやReact.jsは苦手という人にもよいと思います。 Tailwind Starter Kit Tailwind Starter Kit -GitHub Tailwind Starter Kitの特徴 Tailwind Starter Kitのデモ Tailwind Starter Kitの使い方 Tailwind Starter Kitの特徴 Tailwind Starter Kitは、WebページやスマホアプリのUIに使用するさまざまな静的・動的コンポーネントをTailwindCSSを使って簡単に実装できま
Tailwind CSSという風と共に走るフロントエンド開発 - メドピア開発者ブログ
10km40分切りが2020年の目標、メドピア長距離部の小宮山です。 みなさんTailwind CSSはご存知でしょうか。tailwindとは「追い風」を意味します。最高に気持ちよく走れるコンディションですね。 目次 サービス概要 技術概要 Tailwind CSSとは何か HTMLとCSS HTMLとCSSとコンポーネント コンポーネントと雑なセレクタ コンポーネントとインラインスタイル Tailwind CSSがもたらしたもの まとめ サービス概要 まずは今回新たに立ち上げたサービスの紹介です。 「MedPeerスポット×リクルートメディカルキャリア」という医師向けスポット求人マッチングサービス（以下、本サービス）が11月にリリースされました。 medpeer.co.jp ログインや応募などサービスのコアな部分はMedPeer医師会員限定になってしまいますが、サイトの雰囲気自体は非会員
GitLabのCI/CDパイプラインからCloud RunにC#のドキュメントをデプロイする - Qiita
この記事は、シリーズ記事「「C#のライブラリプロジェクトをGitLabにpushしたら自動でDLLが書き出されてついでにDocFXで作成されたドキュメントがCloud Run上にデプロイされる」っていうやつをやる」の一部です。 はじめに GitLabは.gitlab-ci.ymlというファイルを書く事で、データが push されたタイミングでCIが走ります。 .gitlab-ci.ymlという名前ではありますが、もちろんCDを実現する事も可能です。 今回は、以前書いた記事の続きとしてビルドした成果物をデプロイするところまでやってみたいと思います。 関連記事 - C#でドキュメントつきライブラリプロジェクトを作成する - GitLabのCI/CDパイプラインでC#のDLLとドキュメントを書き出す Cloud Run の設定 まずは、デプロイ先を準備する必要があります。 今回は Cloud R
FamiPay公共料金等支払が11/1より一部制限（※三菱UFJファクターと三菱UFJニコスに注意） | 最速資産運用
ファミリーマートが「公共料金・各種料金のFamiPay払い サービス一部変更のお知らせ」を10/22に公表しています。www.family.co.jp/services/smartphone/fa.. 【情報公開日】2019/11/29 【関連タグ】お得/プチリッチ ファミマ/FamiPay 節約お得 ファミリーマートが「公共料金・各種料金のFamiPay払い サービス一部変更のお知らせ」を10/22に公表しています。 www.family.co.jp/services/smartphone/famipay/in... 上記公式サイトによると、公共料金・各種料金の一部支払いについて2019年11月1日(金)よりFamiPayが利用できなくなったとのことです。 具体的には払込票のバーコード番号(91)に続く6桁が以下のもので、販売代金・税金・保険料・家賃などの一部支払についてFamiPayで
Firestoreの性能チューニング - Qiita
はじめに DataflowでFirestoreに大量データを投入する機会があって、性能チューニング周りで苦労したのでまとめておく。 大人の事情でサンプルコードは出せないので、概念だけ。 TL;DR とにかくエラーレスポンスを発生させないことが大事 https://firebase.google.com/docs/firestore/best-practices?hl=ja を真面目に全部やる やりたかったこと 約1億件のデータを、なるべく短時間でfirestoreにインポートしたい インポートは、dataflowを使って並列処理で行う 基本戦略 エラーが起きたらリトライ 並列処理だと、クオータに引っかかったり、サーバ側がたまたま過負荷だったりして、リクエストが正しくてもエラー応答を食らうことがまれによくある。そのため、リトライの機構が必須。（負荷起因のエラーなら、同じリクエストを投げ続けれ
リダイレクトの警告
表示中のページから https://blog.asial.co.jp/2018/09/21/3%E9%80%A3%E4%BC%91%E3%81%ABCognito_vue/aws-amplify%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E6%89%8B%E8%BB%BD%E3%81%AB%E8%AA%8D%E8%A8%BC%E6%A9%9F%E8%83%BD%E3%82%92%E3%83%8F%E3%83%B3%E3%82%BA%E3%82%AA%E3%83%B3?amp=1 にリダイレクトしようとしています。 このページにリダイレクトしないようにする場合は、前のページに戻ってください。
位置情報をトリガーにしてプッシュ通知を送ってみる
GIS では、ジオフェンスと呼ばれる仮想のエリア（ポリゴン）をマップ上に作成することで、エリアへの入出をイベントとしてキャッチすることができます。この仕組みを利用して、顧客へのマーケティングや観光客へのプロモーションなどへの利用が期待されています。 今回は、店舗の位置情報を持つサンプルデータをもとに、店舗から半径 200m のジオフェンスに入った顧客へ、店舗の情報を含んだプッシュ通知を送るアプリを作成しました。筆者は JavaScript 製品担当なので、通知を受信するクライアント側は Web アプリ、通知を送信するサーバー側は Node.js で実装しています。作成したアプリは、ESRIジャパンの GitHub にて公開しています。 プッシュ通知の流れ プッシュ通知を行うには、まず、ユーザーに通知を購読してもらいます。 購読の大まかな流れは以下です。 このあと説明しますが、Web ブラウ
デモアプリで解説！ SwiftにおけるGeoFence実装の勘所 #iosdc #b
SwiftでのGeoFence実装 - Tipsを添えて satoshi0212 (@shmdevelop) GeoFence機能の実装方法と、動作テストを繰り返す中で得た知見とTipsを共有します。 低消費電力、アプリが"Not running"状態からでも起動できる、など強力な利点があるこの機能ですが精度や地点登録個数など制限もあります。 続きを読む
[AWS IoT] MQTTを使用して、Lambdaからブラウザを更新する方法〜aws-iot-device-sdk(aws-iot-sdk-browser-bundle.js)を使用する場合〜 | DevelopersIO
[AWS IoT] MQTTを使用して、Lambdaからブラウザを更新する方法〜aws-iot-device-sdk(aws-iot-sdk-browser-bundle.js)を使用する場合〜 1 はじめに AIソリューション部の平内（SIN）です。 サーバサイドの処理で、「コンテンツが変化した」などの理由で、ブラウザを更新したい場面は多いと思います。今回は、MQTTを使用して、Lambdaからブラウザをリロードしてみたいと思います。 なお、仕組みとしては、ブラウザ側のスクリプトでAWS IoTのエンドポイントをSubscribeしておき、Lambda側で何らかのメッセージをPublishします。 ブラウザ側のスクリプトは、メッセージを受け取ったタイミングで、ページをリロードするというものです。 ブラウザからのMQTTへ通信は、paho-mqttを利用したものが、比較的多く紹介されていま
![[AWS IoT] MQTTを使用して、Lambdaからブラウザを更新する方法〜aws-iot-device-sdk(aws-iot-sdk-browser-bundle.js)を使用する場合〜 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c314deb3fa78641ec91b672f9ae4a09beb77e5d0/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2018%2F11%2Feyecatch_aws-iot-core_1200x630.jpeg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WSL2、Docker、VSCodeで劇的に改善されるWindows開発環境
expressionを使用してグラデーションラインを作成 | Mapbox GL JS | ドキュメント
GitHub - minetti0327/sample-qa: 技術書典7にて販売した「Nuxt & Firebaseではじめる！サーバーレスWebアプリ開発入門」の共有向けリポジトリです。
