MIMEタイプって何者？ - Qiita
MIMEタイプについての備忘録になります。 MIMEタイプとは Web上ではデータの形式を示すものとして、拡張子の他にもう一つ MIMEタイプ（マイムタイプ）があります。 Webサーバとブラウザの間でやりとりする際に、このMIMEタイプを用いてファイルデータの形式を指定します。 MIMEタイプの形式と種類 MIMEタイプは以下の形式で構成されます。 タイプ/サブタイプ 「タイプ」がファイルの大きな分類で、「サブタイプ」がファイルの種類を表しています。 主なMIMEタイプの例を記載します。 拡張子 文書の種類 MIMEタイプ
サードパーティ Cookie をブロックする制限を緩和する CHIPS という仕様について
作成日 2022-12-30 更新日 2022-12-30 author @bokken_ tag Web, Privacy, Security, Cookie はじめに 3rd Party Cookie をブロックする制限を緩和するための仕様である CHIPS が策定されている。¶ 近年、ユーザの Privacy の向上を目的として 3rd Party Cookie をブロックする流れがある。cross site でユーザトラッキングを提供する多くのツールは 3rd Party Cookie を使っているため、3rd Party Cookie をブロックすることで解決しようとするものだ。すでにいくつかのブラウザではこういった動きが見られる(Firefox, Safari)。¶ しかし、一部のサイトでは 3rd Party Cookie が有効に使われているケースもある。こういったケースで
Webデザインをするにあたり、構造化された文書を意識する - Qiita
この記事の概要 Webデザインは「最終的にHTMLとCSSで表現される」ことは揺るぎません。 イケてるデザインツールを使おうが、流行りのフレームワークを使おうが、最後に存在するのはHTMLとCSSです。1 というわけで、避けては通れないHTMLとCSS。 コードを書かない人でもある程度は理解しておきたいものです。 この記事では「どんなデザインも最終的に構造化された文書（= HTML）で表されるのだから、初めからそのつもりで作る」を念頭に置いて考え方やトレーニングについて書きます。 細かなタグの使い分けやテクニックというより、文章全般を構造化して捉えるための記事です。 HTMLのテクニック自体は別の記事で書こうと思っています。 Webデザインの前に、日頃のドキュメントを考える いきなりWebデザインを対象に話を進めると、構造だけでなくあしらいにも目が行ってしまいかねません。 そのため、まずは
Web APIを手作りする時代は終わった？
::: message info これは[フィヨルドブートキャンプ Advent Calendar 2022 Part.1](https://adventar.org/calendars/7760)の25日目の記事です。 昨日の記事は:@shujiwatanabe:shujiwatanabeさんの[質問しながら出来るようにしていく](https://shu91327.hatenablog.com/entry/2022/12/24/091025)と:@saeyama:saeyamaさんの[Rails/Vue 編集時に画像をD&Dで入れ替えした時のActive Storageの保存方法](https://saeyama.hatenablog.com/entry/2022/12/24/000123)でした。 ::: ↓こういうのを職人が丹精込めて一つ一つ手作りする時代は終わりました。 ```sh
Web フロントエンドにおけるコロケーション (co-location) という考え方について - mizdra's blog
Webフロントエンド界隈の文献などにあたっていると、「コロケーション (co-location)」という考え方が時々登場します。 コロケーションを簡単に説明すると、関連するリソース同士を近くに置いておく、という考え方です。 FooComponent.tsx と同じディレクトリに FooComponent.test.tsx を置く GraphQL fragment は、クエリを発行するコンポーネントファイル (pages/user.tsx) ではなく、fragment を利用するコンポーネントファイル (components/UserInfo.tsx) の中で定義する pages/user.tsx からはサブコンポーネントのファイルで定義されている fragment を import してきて、クエリを組み立てて発行する API ドキュメントは API.md に書くのではなく、コードの中にド
【Web】知っておきたいWebエンジニアリング各分野の基礎知見80
この記事は？ それぞれが専門にしている領域に関わらず、Webエンジニアリングの基礎知識として知っておきたいと思う事を対話形式でまとめていく。知識はインプットだけではなく、技術面接や現場では、専門用語の正しい理解をもとにした使用が必要なので、専門がなんであれ理解できるようなシンプルな回答を目指したものになっています。解答の正しさはこれまでの実務と各分野の専門書をベースに確認してはいますが、著者は各技術の全領域の専門家ではなく100%の正しさを保証して提供しているものではないので、そこはご認識いただき、出てきたキーワードの理解が怪しい場合各自でも調べ直すくらいの温度感を期待しています。なお、本記事で書いている私の回答が間違っている箇所があったりした場合、気軽にコメント欄などで指摘いただけるとありがたいです。 Webエンジニアリングの基礎 この記事でカバーしている領域は、以下のような領域です。W
【認証】JWTについての説明書
はじめに この記事を読んでいるあなたはJWTについて知っているだろうか？JWTは、認証されたユーザを識別するために最も一般的に使用される。JWTは認証サーバから発行されて、クライアント・サーバで消費される。 今回の記事では、Webアプリケーションの認証方法として最も利用されているJWT認証を簡潔に解説する。 本記事の読者の対象 JWT認証について知らない人 JWTのメリット・デメリット、仕組みについて詳しく知りたい人 アプリケーションの認証方法について詳しく知りたい人 JWTとは JSON Web Token(JWT)とは、クライアント・サーバの間で情報を共有するために使われる規格の１つである。JWTには、共有が必要な情報を持つJSONオブジェクトが含まれている。さらに、各JWTはJSONのcontentsがクライアントあるいは悪意のあるパーティによって改ざんされないように、暗号(ハッシュ
個人開発を学べる記事 23選
本記事で紹介されている記事はあくまで個人の独断・偏見に基づいたものであることは予め述べておきます。今回の記事で紹介する記事は、いいねの数がQiitaであれば4桁、Zennであれば3桁であるものを中心に紹介していきます。 開設後３週間で収益１０万円を得た個人開発サイトでやったことの全部を公開する 個人開発の面白さ、アイデアの作り方、個人開発でやってはいけないことや個人開発で収益を得るための具体的なテクニックまで解説されている。これから個人開発をやりたい人は絶対にこの記事を読むべき。 【夫婦で開発】1年かけて1週間を振り返えるアプリを本気で開発してみた 夫婦でReact NativeとFirebaseで開発したタスク管理アプリをリリースした体験談。モックの作り方、役割分担などの方法を実例を踏まえて丁寧に解説されている。ただ単に自分が開発したアプリの特徴や使用した技術を書いているだけではなく、開
「Webシステムの保守業務のみ」を請け負う（お見積もり用の質問集も公開） - Qiita
はじめに 私は普段、受託開発を多く行っております。 ヒアリング・設計から行う開発が基本になりますが、中には**「サーバ保守のみを行って欲しい」**という依頼も少なくありません。 「保守のみの依頼」というのは下記のような内容が含まれております。 トラブル・障害の対応 軽微なシステム修正 サーバの死活監視・リソース監視 SSL証明書の更新 ドメインの更新 発注者からの問い合わせ対応 またこういった依頼が来る際、発注者側では以下のどれかに該当するパターンが多いです。 エンジニアが急に辞めてしまった 保守をお願いしていたエンジニアと揉めた（もう連絡を取りたくない） サービスを納品されたが保守をする人間が必要になった サービスを納品されたが複雑すぎて保守できない サービスをもうすぐリリースするのだが保守担当がいない サービスのランニングコストが高すぎてすぐにでもコスト削減したい サービスの売上がなく
DDoS(分散型サービス拒否攻撃)とは？どのような対策を打つべきか？
eSecurity Planetは10月26日(米国時間)、「What Is a DDoS Attack? DDoS Definition, Types & Prevention」において、分散型サービス拒否攻撃(DDoS: Distributed Denial of Service attack)の概要と対策を紹介した。分散型サービス拒否攻撃がどのように実行され、どのように対策を行うべきかについて説明している。 What Is a DDoS Attack? DDoS Definition, Types & Prevention DDoS攻撃は、複数の侵害されたシステムを使って単一のシステムを標的にし、リソースを圧倒して利用できないようにすることを目的にしている。ボットネットと呼ばれる危険なコンピュータやデバイスのネットワークを使用して標的となるシステムに圧倒的な量のトラフィックを流し込み
React で h1-h6 を正しく使い分ける
Web の基礎を支える HTML の最も重要な要素の一つである h1-h6 要素ですが、 React を始めとするコンポーネントベースのライブラリを特に意識せずに利用すると、SEOやアクセシビリティー上の意図せぬ問題を生むことがあります。 この記事では、 React を例に取り h1-h6 を使うことで生じる問題と、その解決策を３つずつご紹介します。 尚、この記事で紹介するコードスニペットは GitHub リポジトリに動作する状態で公開しておりますので、併せてご参照ください。 前提知識 読者のみなさまは、HTMLの要素 h1-h6 にどのような役割があるか説明できますか？ 大きい文字を出したかったらh1を使って、それより少し小さい文字を出したかったらh2を使う...わけではありませんでした。h1-h6 は 「見出し要素」 と呼ばれ、文章の見出しとなるテキストをマークアップするのに用いられて
【決定版】プログラマーが情報収集で必ず確認するべきWEBサイト 8選(2022年10月時点)
はじめに 今回の記事では、プログラマーが情報収集で必ず確認するべきWEBサイトを8つ一覧形式で紹介する。本記事の読者の対象は主に以下の通り。 プログラミング初心者 情報収集で困っているプログラマー 他のプログラマーの情報収集を参考にしたいプログラマー 効率よくプログラミング学習を進めたい人 プログラミング学習を楽しくさせるサイトを知りたい人 freeCodeCamp.org 世界最大規模のプログラミングメディア「freeCodeCamp」の公式サイト。8,000以上のチュートリアルがあり、しかも無料でPythonやJavaScriptなどのプログラミング言語の基礎的な文法、機械学習、WEB開発やモバイル開発などをこの１つのサイトで体系的に学べる。プログラマーは全員このサイトを確認するべきである。 GitHub 世界中のプログラマーがソースコードを共有したり、共同でプロダクトを開発したりする
CookieのPartitioned属性 (CHIPS) の標準化はじまる - ASnoKaze blog
サードパーティCookieをトラッキングに使用できないようにする「Cookies Having Independent Partitioned State (CHIPS)」という仕組みが議論されています。 現在は、その仕組はW3CのPrivacy CGで議論されています。細かい仕組みは以前書いたとおりです。 ( トラッキングに利用できない3rdパーティクッキー「CHIPS」の仕組み (partitioned属性) - ASnoKaze blog ) このCHIPSは、Cookieに新しいPartitioned属性を利用します。Cookie自体の仕様は、IETFが発行するRFC 6265で定義されており、そこにPartitioned属性を追加してやる必要があります。 そのためIETF側にも「Cookies Having Independent Partitioned State specif
Web開発に必要不可欠なデータベースやSQLとは？ SQL習得に必要な基本のキを学ぶ
データベースとは？ データベースとDBMS データベースの厳密な定義はありませんが、ここでは数ある定義の中から一つ、ご紹介します。“A database is an organized collection of interrelated data that models some aspect of the real-world“（CMU）。つまり、データベースとは、実世界のある側面をモデル化した、秩序だった、相互に関連したデータの集まりを指します。 そんなデータベースとよく間違われるのがデータベース管理システム（DBMS）です。DBMSは、データベースを管理するソフトウェアです。例えば、MySQL、 SQLite、 PostgreSQL、 Oracle Database、MongoDBなどがDBMSに該当します。DBMSの目的は、アプリケーション（データベースの利用者）とデータベースの
RustでWebアプリケーションのバックエンドを開発するには ─ 型システムの堅牢性と柔軟性を業務システムにも！｜ハイクラス転職・求人情報サイト AMBI（アンビ）
ハイクラス求人TOPIT記事一覧RustでWebアプリケーションのバックエンドを開発するには ─ 型システムの堅牢性と柔軟性を業務システムにも！ RustでWebアプリケーションのバックエンドを開発するには ─ 型システムの堅牢性と柔軟性を業務システムにも！ 安全性に大きな特徴があるプログラミング言語Rustは、C言語やC++に代わるシステム記述言語として注目されてきました。しかし、その安全性とパフォーマンスの高さにより、ビジネスアプリケーションの構築にも採用されています。この記事ではキャディ株式会社による事例を紹介します。 こんにちは。キャディ株式会社バックエンドエンジニアの松田と申します。 キャディ株式会社では、「モノづくり産業のポテンシャルを解放する」をミッションとして、製造業分野に関連するさまざまなソフトウェアの開発を行っています。また、そのための主要な開発言語としてRustを採用
PowerShell Core入門 - 基本コマンドの使い方(212) Webページを自動取得する - コンテンツ種類でプログラムを使い分ける
前回までに作成したPowerShellスクリプトは、実はPDFやCSVなど、HTML以外のコンテンツに対して使おうとするとうまく機能しない。今回はこの部分を改善する。 HTMLに対してはうまく機能する 前回、Microsoft Edgeのヘッドレスモードを使うようにしたことで、JavaScriptを使ってコンテンツを取得して表示しているWebページに対してもコンテンツの取得が可能になった。これで取得できるWebページの幅は大きく広がった。前回までの成果物「netcat.ps1」は次の通りだ。 #!/usr/bin/env pwsh #======================================================================== # URLで指定されたリソースを取得 #=====================================
Web Speed Hackathon 2022 を勝手に開催する
CyberAgentのWeb Speed Hackathon 2022 の仕組みが素晴しいと思ったので(特にGitHub Actionsで自動化されたLeaderboardの部分)、自分の環境で遊ぶための方法を書きます。 Web Speed Hackathonとは たぶんフロントエンド版のISUCONのようなイベントです。 参加者は自分でHeroku等にデプロイしたURLを記載したGitHub Issueを投稿し、BOTが返すGoogle Lighthouseの結果を元に算出されたスコアを競います。 ウェブアプリケーションを遅くするための逆プラクティスがあてられているのはISUCONと同様で。 無料で使えるHerokuにデプロイできるかつ（インフラやバックエンド実装で工夫することも可能ですが）基本的にフロントエンドエンジニアのスキルの範囲内でスコアがアップするような設問になっているのが良い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webパフォーマンス高速化とこれからのアーキテクチャ
ウェブフロントエンジニアから見る Flutter Webの 現在地点 / Flutter web as of now
MPA化するSPAとSPA化するMPA
