雑にReactアプリを作りたい時に使ってるもの
import "./App.css"; import { Link, Route, Switch } from "wouter"; function Nav() { return ( <nav> <Link to="/">Home</Link> <br /> <Link to="/about">About</Link> </nav> ); } function Home() { return ( <div className="App"> <h2>Home</h2> <Nav /> </div> ); } function About() { return ( <div className="App"> <h2>About</h2> <Nav /> </div> ); } function App() { return ( <> <Switch> <Route path="/" compo
デジタル庁のサイトやばすぎるwww - Qiita
はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ
日本のウェブデザインの特異な事例
sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人
これは便利！ありそうでなかった最新Web、オンラインツール36選
この記事では、「それ、何使ってるの？」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ
【2020年】CTF Web問題の攻撃手法まとめ - こんとろーるしーこんとろーるぶい
はじめに 対象イベント 読み方、使い方 Remote Code Execution(RCE) 親ディレクトリ指定によるopen_basedirのバイパス PHP-FPMのTCPソケット接続によるopen_basedirとdisable_functionsのバイパス JavaのRuntime.execでシェルを実行 Cross-Site Scripting(XSS) nginx環境でHTTPステータスコードが操作できる場合にCSPヘッダーを無効化 GoogleのClosureLibraryサニタイザーのXSS脆弱性 WebのProxy機能を介したService Workerの登録 括弧を使わないXSS /記号を使用せずに遷移先URLを指定 SOME(Same Origin Method Execution)を利用してdocument.writeを順次実行 SQL Injection MySQ
WebサーバのDNSへの登録方法が変わるよ - JANOG48 LT
https://example.com/ example.com. IN HTTPS 1 svr.example.com. ; svr.example.com. IN A 192.0.2.1 ; IP IN AAAA 2001:db8::1 example.com. IN A 192.0.2.1 ; IP IN AAAA 2001:db8::1 ; CDN cdn.example.net. IN HTTPS 10 sv1.example.net. alpn=h3,h2 ech=abc … IN HTTPS 20 sv2.example.net. alpn=h3,h2 ech=xyz … sv1.example.net. IN A 192.0.2. 1 sv2.example.net. IN A 192.0.2.2 https://example.com/ ; Web CDN example
汚染されたネット広告、大企業も関与 「バレなければ問題ない」2兆円市場の影
「飲むだけで痩せる」「毛穴の汚れがごっそり」「シミの漂白剤と話題」――市場拡大が続くネット広告で、誇大・虚偽表示が後を絶たない。自浄作用が働かず、国が対応に乗り出すほど深刻な事態となっている。 関係者に取材を進めると、業界のゆがんだ構造が見えてきた。 1万件以上も苦情 電通の発表によれば、2020年のネット広告費は2兆2290億円で、テレビや新聞などマスコミ4媒体の2兆2536億円に匹敵するほど成長を続ける。 それに比例して、生活者を欺くような広告も増えている。公益社団法人「日本広告審査機構（JARO）」に2020年度に寄せられた広告の苦情件数は約1万2000件と過去最多だった。 対象は、健康食品や化粧品、医薬部外品といった美容・健康関連が目立つ。JAROは 「毛穴の汚れがごっそり取れる、ノーベル賞受賞成分のコスメなどとうたい、鼻の角栓の合成写真を広告に使っていた化粧品のジェル」 「飲むだ
CloudFrontを使用してS3静的ウェブサイトを提供する手順 | DevelopersIO
S3静的ウェブサイトを、CloudFrontを通じて提供したいと思います。今回はいくつかの前提の元、実施してみました。 DNS管理者、AWS管理者、コンテンツ管理者がそれぞれ別の部などでわかれ、AWSにて提供するウェブサイトは随時増えていく想定です。 こんにちは、坂巻です。 S3静的ウェブサイトを、CloudFrontを通じて提供したいと思います。今回はいくつかの前提の元、実施してみました。 前提／構成 DNS管理者、AWS管理者、コンテンツ管理者がそれぞれ別の部等にわかれ、AWSにて提供するウェブサイトは随時増えていく想定です。イメージは以下となります。 DNS管理者 AWS外のネームサーバでDNSレコード設定等を行います。ドメイン、SSL証明書をAWS外で調達します。調達した証明書はAWS管理者に連携します。 AWS管理者 CloudFront、S3バケットなど、AWSの構築、管理を行
できた！S3 オリジンへの直接アクセス制限と、インデックスドキュメント機能を共存させる方法 | DevelopersIO
CloudFrontをS3 オリジンで利用するとき、「CloudFrontをバイパスしたアクセスを制限」「インデックスドキュメントを返す」という要望は少なくないのではないでしょうか？出来そうで出来なかった共存を Lambda@Edge で解決！ ちょっと伝わりにくいタイトルですが、やりたいことは以下の2つです。 CloudFront の S3 オリジンには直接アクセスさせない（CloudFront をバイパスした S3 へのアクセスをブロック） オブジェクト指定のないアクセス（末尾"/"の URL アクセス）にはインデックスドキュメントを返す（サブディレクトリも含む） 画にするとこういうことです↓ 「CloudFront をバイパスさせない」という点でまず考えるのは、オリジンアクセスアイデンティティでかと思います。そして、「オブジェクト指定のないアクセスにインデックスドキュメントを返す」と
「Web 技術解体新書」執筆について
「Web 技術解体新書」執筆について Intro 「Web 技術解体新書(Web Anatomia)」という書籍の執筆と、 zenn 上での販売についてアナウンスします。 各章を分割して執筆し公開していく予定です。 第一章: Origin 解体新書 Web 技術解体新書とは Web というものを正しく理解するために必要な知識や技術は日増しに増え、それに従い学ぶためのコストもかなり上がってきています。 一方で、多くの書籍や雑誌、 Web 上の記事、動画や音声コンテンツは充実しており、学ぶための手段もかなり広がっています。 しかし、 Web に関わる技術書籍の多くは、何らかのフレームワークの解説や、 JS/CSS などの特定技術、特定の非機能要件に特化したものが多く、(その括りの曖昧さ故) Web という括りで書かれたものはあまりありません。 あったとしても、多くは初心者向けなものが多く、ある
Twitter以前のWebの言葉たち - ゆーすけべー日記
ぼくは大昔からインターネットを使っている。 だからインターネットで起こったことはたいてい知っている。 これは誇れることではないかもしれないけど、 最近は「インターネット老人会」なんて呼ばれていて、 少し救われた気分になっている。 誰でも同じ境遇の仲間をみつけるとホッとするものだ。 とりわけ僕が知っているのはWebについてだ。 具体的にはBlogとかWeb日記が好きだった。主に技術的な事柄だ。 Webという言葉はとても広い意味なのでふさわしくないかもしれないが、 ぼくはWebという言葉の響きがとても好きなので、使わせてもらう。 ここに書いていることはぼくのとても個人的な文章だから、 何をどう表現しても自由だと思う。 ぼくは2007年4月からTwitterをはじめた。 2007年というとだいぶ昔のことだと世の中の人はいうかもしれない。 でも、ぼくにとって2007年は最近のことな気がする。 だか
国内初、TVCMやWEB広告、デジタルOOHの接触から購買までの効果測定を ID単位で可能とする「docomo data square」を提供開始 - News（ニュース） - 電通ウェブサイト
News Release corporate 2020年08月04日 事業・サービス 国内初、TVCMやWEB広告、デジタルOOHの接触から購買までの効果測定を ID単位で可能とする「docomo data square」を提供開始 株式会社NTTドコモ 株式会社電通 株式会社電通デジタル 株式会社LIVE BOARD 株式会社D2C 株式会社NTTドコモ（以下、ドコモ）、株式会社電通（以下、電通）、株式会社電通デジタル（以下、電通デジタル）、株式会社LIVE BOARD（以下、LIVE BOARD）、株式会社D2C（以下、D2C）の5社は、国内初※1の取り組みとして、TVCM、WEB広告やデジタルOOH広告の接触から商品購買までの効果測定がID単位※2で可能となる「docomo data squareTM（ドコモデータスクエア）」を2020年8月4日（火）から提供開始します。 「doco
How we migrated Dropbox from Nginx to Envoy
In this blogpost we’ll talk about the old Nginx-based traffic infrastructure, its pain points, and the benefits we gained by migrating to Envoy. We’ll compare Nginx to Envoy across many software engineering and operational dimensions. We’ll also briefly touch on the migration process, its current state, and some of the problems encountered on the way. When we moved most of Dropbox traffic to Envoy
Figma: The Collaborative Interface Design Tool
Downloads Get the desktop, mobile, and font installer apps
『女性がスカートを履くとは限らないのでは？』に対するピクトグラムをデザインする側の反論「記号には紋切型の表現が必要」
株式会社石井マーク @ishiimark_sign 所謂ピクトグラムと呼ばれる図記号サインもシルエットを重視したデフォルメの典型にございまして、人の性別あるいは役割・状況を表す際にも悪く言えば「紋切型」の表現を必要とします。 それで良い筈です。 人であろうと「見かけで区別し判断する」が記号の目的であり、それ以上の役目はないからです。 pic.twitter.com/sRnxzIsYtY 2020-07-11 13:43:53 株式会社石井マーク @ishiimark_sign 「①女性はスカートを穿いていると限らないのでは？」 「②妊産婦のお腹がこれ位大きいと限らないのでは？」 というお叱りに対しては、早い話「はい、確かにそうですけどソレが何か？」なのですよ。 面白い事にそうした人は、③人間が２本の足で立てるとは限らないという点にも気付く事もありません。 pic.twitter.com/o
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
[こかげ] フォント頒布 : きなこもち、あんこもち、よもぎもち
概要 「Nu きなこもち」「Nu あんこもち」「Nu よもぎもち」は、八画素四方のタイルを単位とするビットマップ風の書体（ピクセルフォント）です。ファミコンやゲームボーイのような、いわゆる 8‐bit のレトロゲームの雰囲気を持っています。狭いマス目をいっぱいに使った丸っこい字形が特徴です。普通の正方形画素のほか、装飾的な「画素スタイル」のバリエーションがあり、大きくロゴとして使うと効果的です。 次の書体見本では「標準」の画素スタイルだけ試せます。これ以外はインストールしてみて試して下さい。 書体 全角 (fwid) 組込濁点 (ss01) THANK YOU, QUICK BROWN FOX! BUT OUR LAZY DOG IS IN ANOTHER CASTLE! 0123456789 ┌┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┐ ┼─┼ ├ ┤ │
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近のインターネット広告の動向と健全化の取り組み 一般社団法人 インターネット広告推進協議会（JIAA） 消費者庁 インターネット消費者取引連絡会 第15回 資料 2014年12月16日
Streamlit • A faster way to build and share data apps
電気通信サービス利用者の利益の確保・向上に関する提言