Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
【エンジニア向け】よく聞くAmazon S3とは｜ただのストレージじゃないの？ | 株式会社PLAN-B
AWS(Amazon Web Service)といえばEC2、S3あたりをよく聞くのではないでしょうか？ S3は聞いたことあるけど、安いストレージかな？という認識の方が多いように感じます。もちろんストレージ機能は優秀で安く、使いやすいですが、もう一歩踏み込んだ使い方をご紹介します。 そもそもS3とはS3とは、AWSの中のサービスの1つです。Simple Storage Serviceを略してS3と呼んでいます。 クラウド型のオブジェクトストレージサービス*です。ざっくりと言うと容量が無制限なFTPサーバーのようなイメージです。 1GBあたり0.025ドル（東京リージョン、スタンダードストレージ記事執筆時点の価格）と破格の安さながら、公式に99.999999999%の耐久性を謳っており、安さと高可用性を兼ね備えています。 *オブジェクトストレージとは、オブジェクト（ファイルなど）単位で出し入
Homepage | GSAP
GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.
Web Vitals | Articles | web.dev
Web Vitals Stay organized with collections Save and categorize content based on your preferences. Web Vitals is a Google initiative to provide unified guidance for web page quality signals that are essential to delivering a great user experience on the web. It aims to simplify the wide variety of available performance-measuring tools, and help site owners focus on the metrics that matter most, the
2022年のブラウザとウェブ標準 | gihyo.jp
2022年になりました。矢倉眞隆（@myakura）と申します。昨年に引き続き、新春特別企画のブラウザとウェブ標準を担当させていただきます。 なお、取り上げるトピックの数やインパクトの大きさもあり、CSSについては別記事となりました。あわせて読んでいただければ幸いです。 ChromeとFirefoxがバージョン100に到達 昨年の新春企画でもすこし触れましたが、今年はChromeとFirefoxのバージョンが100になります。 Chrome 100は、今年の3月29日にリリース予定です。もともとはもう少し先だったのですが、Chrome 94からリリースサイクルが4週間に短縮されたため、Chrome 100のリリースが早まりました。 Chromeよりも早く4週間のリリースサイクルに移行していたFirefoxも、5月3日にFirefox 100がリリース予定です。 バージョンが3桁になることで
正規表現チェッカー | WEB ARCH LABO
正規表現チェッカーは、指定した正規表現と一致する箇所をわかりやすく確認できるツールです。 下のフォームに、正規表現と検証する対象文字列を入力してください。 正規表現 検証対象文字列 結果
Webページがブラウザに表示されるまでに何が起こるのか？
## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 上記で「127.0.0.1 localhost」とあるように、[IPアドレス] [ホスト名]というフォーマットで書かれます。 HOSTS.TXTが使われていた当時 ( 1970年代 ) では、わずか数百台のホストしかなかったので、ネット上の全てのホスト情報の記載が可能でした。 しかし、インターネットが普及していくにつれてHOSTS.TXTは肥大化していき、1983年には、ホスト数はおよそ数万台になりました。もはやHOSTS.TXTによる名前解決は不可能となったので、現在のようなDNS
究極のIT系最新技術情報収集用Slackチーム公開 - モヒカンSlack -
tl;dr コンピュータ系の情報収集用のSlack公開グループ（モヒカンSlack）を作ってみたよ。 皆さんで協力して育てていく共同RSSリーダーみたいなものだよ。 このSlackグループの情報を追っていればオッケーなので、情報取集が格段に楽になったよ。 誰でも無料で参加オッケーよ。下のどっちかからメールアドレスを入力して参加できるよ。 Invite people to mohikan Slackin Google Forms 参加者数 1,694名 (2016/10/7 時点) 4,077名 (2017/1/25 時点) 7,000名 (2017/8/25 時点) 11,747名 (2018/12/1 時点) チャネルのリストは「Gist」にあるよ。148チャネル(2017/1/25時点） 分野ごとにチャネルが別れていて、追いたい分野のものに参加すると良いよ プログラミング言語系(毎朝G
ngrokの利用方法 - Qiita
業務でngrokを利用したので、忘れない為にも利用方法を記載します。 ngrokとは？ Public URLs for building webhook integrations. Spend more time programming. One command for an instant, secure URL to your localhost server through any NAT or firewall. webhookを利用する為のpublicURLを発行できます。 簡易的にセキュアなURLをローカルホストサーバーにNATやFirewallを通して構築することが可能です。 有料プランと無料プランがありますが、ちょっとした動作確認が目的の場合は無料プランで十分です。 ngrok説明図 画像参考：ngrok を使ったら Webhook のデバッグが非常に捗った話 ngrokの
ngrokが便利すぎる - Qiita
はじめに 先日利用したngrokというサービスが便利過ぎたので紹介します。 ngrokとは 簡単にいうと、ローカルPC上で稼働しているネットワーク（TCP）サービスを外部公開できるサービスです。例えば、ローカルPCのWebサーバを外部公開することができます。 ngrokの導入 ngrokにユーザ登録 ngrok公式サイトからユーザ登録します。Githubアカウント、Googleアカウントでも登録できるのでお好みで登録します。 ngrokコマンドをインストール ngrokのサービスを利用するには、公開されているngrokコマンドを使用します。ダウンロードサイトからOSに合ったファイルを取得します。ツールはzip圧縮されているだけなので、ファイルをダウンロードしたら任意の場所に解凍します。 ngrokコマンドをインストール ツールのインストールが完了したら、アカウント登録後に表示される「Wel
【図解】WEBアプリケーションとは？仕組みと開発言語を解説！ - カゴヤのサーバー研究室
WEBアプリケーションを自分で作ってみたくても、どうしたらいいかわからないという方は多いのではないでしょうか。この記事ではWEBアプリケーションの仕組みや作り方の概要、必要なプログラム言語は何かや最初にどんなものをつくるとよいかを解説しています。WEBアプリケーション作りをするにあたりまず必要となる知識がまとめてあるので、この記事を読めば学習に踏み出すことができます。 WEBアプリケーションを作るにあたり、そもそもWEBアプリケーションとはどういったものか振り返っておきましょう。WEBアプリケーションとは名前の通り、インターネット（ウェブ）などのネットワークから利用するアプリケーションソフトウェアです。WEBアプリケーションはWEBサーバー上で動作し、Chrome・FireFoxなど普段ホームページをみるのに使っているWEBブラウザで操作します。 よく知られるWEBアプリケーションの例とし
API開発・テスト便利ツール Postmanの使い方メモ - Qiita
基本的に直感的に使えるPostmanですが、Collection、Test、環境変数、Pre-request Scriptの使い方とかあまり理解してなかったの調べたメモ。 やりたいこと 私がやりたいことはおおよそ下記のようなものです。 基本操作（済み） Collectionの使い方を調べる Testのやり方を調べる 環境および環境変数の使い方を調べる Pre-request Scriptの使い方を調べる その他 準備 postman postmanのページから自分のプラットフォームに合ったものをダウンロードします。 その他詳細は、他のページに譲ります。 テスト用APIの用意 ローカルに環境を用意します。環境変数によるURL変更等をテストするために下記2つのURLを用意します。 api.phpの内容は一旦同じです。 http://localhost/test/api.php http://l
ngrok で docker のローカル環境を外部公開 - Qiita
ngrok by @inconshreveable (Ctrl+C to quit) Session Status online Session Expires 7 hours, 59 minutes Version 2.3.35 Region United States (us) Web Interface http://127.0.0.1:4040 Forwarding http://12491a60.ngrok.io -> http://localhost:3000 Forwarding https://12491a60.ngrok.io -> http://localhost:3000 Connections ttl opn rt1 rt5 p50 p90 0 0 0.00 0.00 0.00 0.00
METALLIC RATIO ／ 貴金属比 [黄金比・白銀比などを計算]
『Metallic Ratio』とは貴金属比という意味です。2つの数値の比において、美しいとされる比率というものが存在しており、特に有名なものが黄金比＝1:1.618というもので、数多くの美術品や建造物、デザイン等の構成の中にこの比率を見ることができます。 黄金比の他にも白銀比、白金比、青銅比と呼ばれるものもあり、それらを総称して『貴金属比』と呼ばれています。 上のツールは、基準となる数値をひとつ指定するだけで、黄金比や白銀比に代表される各貴金属比を簡単に算出できるWebアプリです。数値だけではなく視覚的にも比率を確認できるので、求めている比率を直感的に得ることができます。 デザイン作業などで美しい比率が必要な時にご利用ください。
ローカルサイトを外部に公開できるngrokの使い方
ローカル環境で作っているサイトを、ネット経由で見せたいときってありますよね？ そんなときに便利なのが「ngrok 」というコマンドラインのツールです。 自分の端末のローカル環境で作業をしているウェブサイトを同僚に見せたいときや複数端末でブラウザテストをする際、また、BrowserStack やCrossBrowserTesting のような外部のブラウザテストサービスを使うときにも役立ちます。あと、コワーキングスペースなどで作業していてネットワーク環境がコントロールできない時にも便利ですね。 しかも、これが無料で提供されています。ありがたいですね。開発者の方に感謝です。 ngrokでできること ngrokでできることを簡単にまとめると、以下の通りです。 localhostにhogehoge.ngrok.comで外部からアクセスできる マルチデバイスのテストに便利 CrossBrowserT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブアクセシビリティ 導入ガイドブック - デジタル庁
LottieFiles: Download Free lightweight animations for website & apps.
URLエンコード・デコード｜日本語URLをサクッと変換 | すぐに使える便利なWEBツール | Tech-Unlimited
Postman | API Development Environment
ngrok - secure introspectable tunnels to localhost
