Favicon そのSEOの価値とブログで注意すべき5つのポイント（辻正浩のブログSEO入門） - 週刊はてなブログ
ブログ運営で大切なことは、公開した記事がきちんと読まれることです。週刊はてなブログではSEO専門家の辻正浩さんに、現在のFavicon（ファビコン）の重要性と注意すべきポイントについて寄稿いただきました。どうぞお読みください。 SEO専門家の辻正浩( id:t-w-o )です。はてなブログのSEOをサポートしている外部スタッフとして、これまでも何度かはてなブログのSEOについてご紹介*1してきました。今年の6月から株式会社JADEを立ち上げてJADEの辻として活動しています。 今回は、はてなブログでも対応可能なFaviconの価値についてご紹介します。 モバイル検索結果にFaviconが登場 検索結果で選ばれるためのFaviconの作り方 5つのポイント サイズは48ピクセルの倍数 透過は使わない 複雑なものにはしない 正しく指定をする あなただけのFaviconに Faviconを設定す
Webページを作成する時に役立つ、HTMLをはじめとする必要最小限のファイルをまとめたシンプルな基本テンプレート一式を紹介します。 最新版は、最近の実装に合わせた設計にアップデートされました。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による10年間の分析・研究・実験を元にしています。 ブラウザの見え方を最適化 プログレッシブエンハンスメントを念頭において設計されています。 インクルード 推奨されるmetaタグやその他の利点を備えたH
この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。 CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイントです。 先日紹介したCSS小技テクと一緒に活用してみてはいかがでしょう。 【CSS】知っておくと便利！短いコードで実装できるCSS小技20選 たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個 そもそもHTMLってなに？ HTML（Hypertext Markup Language）は、Webブラウザで表示するための基本となる標準的なマークアップ言語です。また、CSS（Cascading Style Sheets）などの技術や、JavaScriptなどのスクリプト言語によってサポートされることもあります。 ホームページを作るときは、まずHTMLを
年末恒例，ゲーム業界著名人コメント集。147人それぞれの2021年回顧と，新たな年への決意 編集部：荒井陽介 編集部：Igarashi 123456789→ 4Gamerは本日（2021年12月29日）が年内最終更新日。ということで，恒例となっているゲーム業界著名人の年末コメント集をお届けしよう。本年は147名の方に参加いただいた。 2021年のゲーム業界も，残念ながら新型コロナウイルス感染症（COVID-19）の影響から抜け出すことはできなかった。開発の遅れなどから発売が延期となったタイトルが目立ったほか，世界的な半導体不足のあおりを受けたゲーム機の品不足，PCパーツの価格高騰といった問題も解消されていない。 だが，観客数を制限してオフラインで開催されるイベントが増え，東京ゲームショウ2021にも（プレス・インフルエンサー向けとはいえ）オフライン会場が設けられるなど，2020年に比べると
Parson1984 （日本SF読者クラブ No, #647） @Parson1984note @ya_cewo @1o0o9 一階はふつうに玄関つける 2階は今写ってる窓を玄関にして、そこまでの階段をつける。で、写ってないほうにバルコニーつけちゃう。 2022-08-19 12:26:01 kαico @bloodykaico @ya_cewo @1o0o9 みんな2階の入り方気にしてるけど、1階もどこから入るの？ よくる見ると、1階の裏側も同じように部屋があるっぽいから、裏の部屋もベランダ側で玄関川が存在してないように見える… 2022-08-19 07:35:12
ゲーム業界の165人が2022年を振り返り，新年への抱負を語る。年末恒例のコメント集企画 編集部：荒井陽介 編集部：Igarashi 123456789→ 4Gamerの年末恒例企画，ゲーム業界著名人の年末コメント集をお届けしよう。本年は165名に参加いただいた。 2022年のゲーム業界も，話題には事欠かなかった。MicrosoftによるActivision Blizzardの買収発表，多くのデベロッパが拠点を置いていたウクライナへのロシアによる侵攻，東京ゲームショウの3年ぶりとなる一般公開など，大きなものだけでも枚挙にいとまがない。 同様に，ゲームタイトルも豊作の年だった。ゲーム・オブ・ザ・イヤーを受賞した「ELDEN RING」，猫好きゲーマーをうならせた「Stray」，待望のシリーズ最新作「スプラトゥーン3」，Keyの麻枝 准氏による久々の新作「ヘブンバーンズレッド」，キム・ヒョンテ
モバイル版Googleの検索結果や、ブラウザのタブの端などに表示される「Favicon(ファビコン)」は、ウェブサイトを印象付けるための重要な要素です。このファビコンの実装方法は業界標準が定まっておらず、各サイトごとにファイルサイズやファイル形式などが異なります。そんな中、10万のウェブサイトから42万5909個に及ぶファビコンを収集し、その特徴をまとめたレポートが公開されています。 We Analyzed 425,909 Favicons • iconmap.io https://iconmap.io/blog ◆収集結果 レポートの執筆者は、収集した42万5909個のファビコンを以下のページで公開しています。 We Analyzed 425,909 Favicons https://iconmap.io/ ファビコン一覧ページの左上には検索窓が用意されています。GIGAZINEのファビ
最近、この説明を複数回したので記事にする。 要約 普段は 今北産業 派なのだが、3行考えるのが面倒なため、今後は大人の表現を使う。 「今北産業」をスタートアップ語にすると「マジ価値サマリー」になるらしい ちなみにここだけの話ですが、大人語にすると「要約」になります pic.twitter.com/Q8SflvBX7c— ところてん (@tokoroten) 2022年1月24日 画面に表示したい順(以下、表示順）は振る舞いの属性なので分ける 似たような振る舞いに関わる属性は別テーブルにわけると良い 普通に正規化しましょうって話。 表示順をカラムを追加して表現する よくあるテーブルは画面情報と合わせて表示順カラムがあるパターン。 こういうテーブルを作って SELECT * FROM items ORDER BY display_order_number; で表示順に取り出すパターン。 表示順
ジョン・マカフィー氏、バルセロナの獄中で自殺
スペインのメディアEl Mundoは6月23日（現地時間）、米セキュリティソフト会社McAfee（2011年に米Intelが買収）の創業者、ジョン・マカフィー氏（75）がスペインの獄中で死亡しているのが発見されたと報じた。スペインの司法当局は、自殺の可能性が高いとしている。 マカフィー氏は2010年10月に脱税とICO違法宣伝などの疑いで逮捕され、滞在していたバルセロナの刑務所に拘禁されていた。米テネシー州の連邦裁判所で係争中の脱税容疑が確定すれば、最長30年の懲役が科せられるはずだった。 El Mundoによると、スペインの裁判所は同日朝、同氏の米国への身柄引き渡しを承認した。 マカフィー氏は17日、自身の公式Twitterアカウントで「米政府は私が暗号資産を隠したと信じている。そうしていればよかったが、Team McAfeeによって解除されてしまい、すべての資産を押収された。友人は関係
ゲーム業界の著名人147人は異例づくしの1年をどう振り返り，新たな時代に何を見るのか。恒例の年末コメント集企画 編集部：荒井陽介 編集部：Igarashi 123456789→ いろいろあった2020年も残りあとわずか。4Gamerで恒例となっているゲーム業界著名人の年末コメント集企画をお届けしよう。今回は国内外から147人の方にご参加いただいた。 2020年は，全世界が新型コロナウィルス感染症（COVID-19）に振り回された年だったと言えるだろう。ゲーム業界もその例に漏れず，プレイヤーや業界関係者を集めてのイベントや展示会は軒並み中止，あるいはオンラインでの代替えやスケジュール変更を強いられた。 だがその一方で，かつてない事態にいち早く対応する動きも目立った。中止となったE3を代替するような形で，新たなデジタルイベントSummer Game Festが立ち上がったほか，東京ゲームショウ
1: 名無しさん＠涙目です。(東京都) [KR] 2023/11/03(金) 09:18:00.77 ID:Ci8ZHRm60 BE:454228327-2BP(2000) sssp://img.5ch.net/ico/u_sii_cake.gif かつてない異変が起きているのが「北海道」です。 番組では、痩せこけたヒグマの映像を入手しました。 北の大地で一体、何が起きているのでしょうか。 ■写真家「初めて見た 驚きと悲しみ」 2日も北の大地にクマが出没。観光客なども通る国 道に現れたのは親子のヒグマです。 羅臼町役場 産業創生課 田澤道広主任：「親子が道路際に」「（Q.どのくらいの大きさ？）親は100キロぐらい」「全然、道路から出てくれなくて苦労した」 世界遺産に登録されている北海道の知床半島。海岸沿いを走る船の上からの映像です。北海道在住の写真家がカメラを向けた先には海岸に現れた黒い生
NFTというキーワードを目にする機会が急増している。 2021年に入り、Twitter創業者・ジャック・ドーシー氏やTesla創業者・イーロン・マスク氏がNFTをオークションにかけそれぞれ数億円単位の入札が行われたり、日本のVRアーティストせきぐちあいみさんの作品が1300万円の価格で落札されたりと、センセーショナルな話題が続いている。 こちらのNFTArt…なんと日本円で約1300万円で落札頂きました…！正直まだ実感が無いのですがとても嬉しく、驚いております…！ VRアートの新たな可能性が始まる記念すべき日となりました…！！ありがとうございます！！！！！！#nftart #cryptoart #nft https://t.co/lhpUJO7zqS — せきぐちあいみ AimiSekiguchi (@sekiguchiaimi) March 24, 2021 その結果、年明け時点と比較し
Vue.jsで作ったゲームをインストール可能（PWA）にしてGitHub Pagesで公開してみた | DevelopersIO
はじめに おはようございます、加藤です。年末年始は実家の北海道に帰省するつもりだったのですが、見事にインフルエンザB型にかかってしまって、急遽キャンセルしました... 予定が全て吹っ飛んで暇になったので、年末年始は下記の教材を使ってVue.jsを勉強していました。 超Vue JS 2 入門 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む) まだ7割しか終わっていないですが、せっかくなので簡単なゲームをインストール可能な状態で作って公開してみました。 新規プロジェクトの場合 Vue CLIで新規プロジェクトを作成する際に、指定する事でPWAとしてプロジェクトをセットアップできます。 npx -p @vue/cli vue create new-project # Manually select features を選択する Vue CLI v4.1.2
React 製アプリケーションのビルドシステムを webpack から Vite に移行して爆速な開発体験を手に入れよう | Recruit Tech Blog
React 製アプリケーションのビルドシステムを webpack から Vite に移行して爆速な開発体験を手に入れよう wakamsha Vite （ヴィート）とは Vue.js の作者である Evan You 氏が中心となって開発されているビルドツールです。 Vite - Next Generation Frontend Tooling ES Modules 形式のままブラウザからインポートする Dev サーバを搭載し、ソースコードをバンドルすることなく高速で動作させるのが特徴です。もちろん npm パッケージもブラウザから読み込み可能な ES Modules 形式に変換します。プロダクションビルド時は Rollup を使ってバンドルします。 Vue.js だけでなく React、Preact、Svelte のビルドもサポートしており、GitHub トレンドの上位にも頻繁に登場している
Intro Origin は Web におけるセキュリティモデルの一つとして、コンテンツ間の Communication に関する境界を定義し、リソースを保護してきた。 しかし、 Spectre の発覚以降、 Communication に関する制限だけではなく Isolation によるメモリレベルでのアクセス制御が必要となった。 そこで現在作業されているのが、 CORB, CORP, COEP, COOP といった仕様群であり、これは Web におけるセキュリティモデルの更新作業と見ることができる。 概要と現状について解説する。 DEMO & Resources 量が多いため、動作する DEMO と関連リソースは、ページ下部にまとめてある。 CORS による Cross Origin Communication の制限 CORS は、平たく言えば、リソース提供元(サーバ)が、クライアン
オードリー若林正恭が結婚。それはもう、かなり大袈裟に動揺してしまったのである。ナイーヴであることを唯一のアイデンティティとして、大人への一歩を踏み出せず、”青春ゾンビ”なんて造語と戯れながらダラダラと思春期を彷徨っている。そんな風にして自意識を拗らせたこの国のヤングアダルトの約7割が（当社調べ）、若林正恭の生き様に依存してしまっている。本人からすれば迷惑な話である。しかし、彼の自意識のあり方、その変化を、自分の現在地と照らし合わせることで、これからの生き方の指針としていたのだ。であるから、社会人大学人見知り学部卒業見込みの私たちは、『表参道のセレブ犬とカバーニャ要塞の野良犬』『ナナメの夕暮れ』を読みながら、自意識のあり方を少しずつアップデートしてきたつもりだ。それでも、41歳の若林正恭が深夜の公園でバスケットボールに興じている姿に、「私たちはまだ大丈夫だ」とどこか安心していたところがある。
SECURITY IS AWESOME SECURITY IS AWESOME I write about security and privacy. I regularly post original security research, custom tools, and detailed technical guides. Companies selling "security scorecards" are on the rise, and have started to become a factor in enterprise sales. I have heard from customers who were concerned about purchasing from suppliers who had been given poor ratings, and in a
イーサリアムの生みの親がクリプトの未来を憂う
BY ANDREW R. CHOW/DENVER 3月18日 数分後には電子音楽が鳴り響き、ぬいぐるみが宙を舞い、色鮮やかなフラフープを回す女性が現れ、機械のおもちゃが動き出し、嬉々たるライダーたちが次々と降りてきます。これはブロックチェーン「イーサリアム」に特化した1週間の暗号資産カンファレンス「ETHDenver」のクロージングパーティーです。何日も前から行列となっていました。そして今、2月の日曜日の夜、この目まぐるしいエネルギーはピークに達しています。 しかし観客が会場に押し寄せたとき、エルフのような体格の細い一人の男性が、自撮りをしている人々やベンチャーキャピタルの前を駆け抜けていきます。ある人は「ここにいてください」と呼びかけ、またある人は、徒歩やスクーターで通りを追いかけていきます。しかしその男は全員をまいて、一人ホテルのロビーに消えていきました。 クリプト業界で最も影響力のあ
PWA(Progressive Web Apps)対応サイトの作り方・実装方法まとめ・入門 － AWS上で学習したPWA導入例とLighthouse Report Viewerの使い方 - NRIネットコムBlog
小西秀和です。 現在、AWSの静的ウェブサイトホスティングで入門するAWS Amplify(Console、CLI) － 概要編などAWSのサーバーレスな静的ウェブサイトホスティングをテーマにしたブログ記事を執筆しています。 今回もAWSは関係しますが、フロントエンドに近い話題で、最近動向が本格的になってきたと感じているPWA(Progressive Web Apps)について私が自主的に学習した内容を記事にしてみました。 私の場合はAmazon S3、Amazon CloudFront、AWS Certificate Manager、Amazon Route53を使用した静的ウェブサイトに最小限のコンテンツをデプロイしてPWAの実装について学習しました。 また、Lighthouse Report ViewerというPWAなどの品質テストができるツールを使用して、PWAの基準に合格し、Pe
『DEATH STRANDING』をクリアした者に送るコラム。サム・ポーター・ブリッジズ、あるいはノーベル平和賞を決して受賞することのない人々
もしもある物語が語られるのならば、その物語に登場する人物あるいは世界が、なんらかのかたちで「回復」されようとしなければならない。 回復のための手段や過程、その成否、ありようは、作品によって異なる。むしろ、その差異の際立たせ方こそが、作家の腕の見せ所である。 物語で回復が最終的に達成されない場合、それは悲劇（あんなに頑張ったのに報われないなんてかわいそう）、喜劇（そもそもこの人物は笑えるほど狂っていた）、あるいは不条理劇（ゴドー〈人間性〉はいつまでたっても現れない）になる。 ──サミュエル・ベケット、演劇『ゴドーを待ちながら』、1952年 （Marty Rea / Aaron Monaghan in “Waiting for Godot”, a play by Garry Hynes, 2018, Photo by Matthew Thompson.） 道中でどんな展開があろうとも、マリオは
エストニア共和国の国家情報システム局は7月28日（現地時間、以下同）、国民情報の管理や電子手続きに使う「国民IDカード」にひも付いた顔写真データ28万6438枚が不正にダウンロードされたと発表した。同局が運営する身分証明データベースの脆弱性が悪用されたという。犯人は23日に逮捕済み。 エストニアは人口約133万人（2021年時点）の欧州連合（EU）加盟国。外務省によれば世界で唯一国政選挙に電子投票を導入している他、個人情報の確認がオンラインで行えるなど、ITの活用に注力している国という。 エストニアでは、国民IDと氏名が分かれば顔写真の開示を申請できる。通常は5段階の審査を通過した後にダウンロードできるが、この審査システムに脆弱性があったという。犯人は何らかの方法で事前に手に入れた国民IDと氏名を使って、データを不正に取得したという。 チェックシステムの脆弱性は修正済み。警察が逮捕後に行っ
世界が認めるゲームデザイナー・上田文人とはいったい何が凄いのか？ ヨコオタロウ・外山圭一郎らと共に『ICO』に込められたこだわりを語り尽くす！【ゲームの企画書】
2001年12月6日、PlayStation2用ソフトとして発売された『ICO（イコ）』というゲームは、そのいまだかつてないほどに卓越したセンスでもって、多くのプレイヤーのみならず、国内外のゲームクリエイターにも多大な影響を与えたタイトルだ。 その後『ワンダと巨像』、『人喰いの大鷲トリコ』を手がけ、いまや日本を代表するゲームクリエイターのひとりである上田文人氏の才名を広く世に知らしめた傑作である。 上田文人氏 しかし、『ICO』の「どこがどう良いの？」と聞かれると、答えに窮してしまう方も少なくないはずだ。 「手をつなぐ行為がいい」「世界観がいい」「少年と少女の物語がいい」といった答えは、たしかに『ICO』の良さの一部ではある。けれど、そうした「要素」を数え上げていけば『ICO』の魅力をすべて語り尽くせるかと言われたら、そういうわけでもない。 こうして結局のところ、『ICO』の魅力を語ろうと
Re: ゼロから理解するFlask生活
https://palletsprojects.com/p/flask/はじめにPythonistaの皆さんの中には、Flaskを使ってWEBアプリケーションを構築したことがある方も多いのではないでしょうか？ この記事ではそんなみなさんのFlask生活をより良くするべく、Flaskの仕組みを実際にコードを読みながら解説したいと思います。 この記事で紹介すること WSGIの概要と、WSGIを用いた簡単なWEBアプリケーションの実装方法Flaskの実行コードの仕組みFlaskのルーティングの仕組み対象読者 これからFlaskを使って何かを実装しようとしている人Flaskの実装経験はあるが、コードの中身までは理解していない人Pythonの有名ライブラリのコードを読むのが好きな人Flaskの入門コードこの記事では、以下の入門コードを題材として取りあげます。 from flask import Fl
GraphQL の Fragment でコンポーネントの見通しがよくなった話 - vivit engineering blog
vivit株式会社でフロントエンドエンジニアをしている関です。 新型コロナウイルス感染症(COVID-19)への対策として発出された緊急事態宣言の影響で、弊社も2ヶ月ほどリモートワークとなり、私も駆け足で自宅に作業環境を構築しました。買っちゃいましたL字デスク。 さて、弊社ではいくつかのプロダクトのフロントエンドに React(Next.js) + TypeScript を採用しており、バックエンドとの通信には GraphQL(Apollo) を採用しています。 今回はその中で、コンポーネント分割をする際の GraphQL Query の定義と取得したデータの受け渡しについて話をします。 ここからは GitHub GraphQL API v4 を使って説明していきます。 developer.github.com アジェンダ pages から components へのデータの受け渡し方法に
プロジェクトドキュメント構築向け静的サイトジェネレータ『MkDocs』及び『Material for MkDocs』の個人的導入＆設定まとめ | DevelopersIO
プロジェクトドキュメント構築向け静的サイトジェネレータ『MkDocs』及び『Material for MkDocs』の個人的導入＆設定まとめ 直近携わっているプロダクトで「ユーザーガイド」的なドキュメントを作る機会があり、暫く前に幾つか見繕ってみた結果「MkDocs」というツールを選定して環境を作成＆整備して来ました。個人的にこのツールは使い勝手がとても良いと思っており、継続して使って来ていました。 当エントリでは今後の備忘録としてMkDocsの基本的な導入・設定方法と、そのMkDocsで適用させたスタイル「Material for MkDocs」をここまで使ってきた中での個人的Tipsなどをまとめておきたいと思います。 MkDocs Material for MkDocs - Material for MkDocs 目次 MkDocsとは MkDocsのインストール 基本操作 各種設定・
これはなにか cloudflare スタックを使ったマイクロフロントエンドの提案。 特に service-binding を活用することで異なるサービス(ここでは cloudflare worker)から配信されるフロントエンドを統一的にSSRしつつ、開発単位を分離している。 RTT最適化のために qwik で書かれているが、SSR を意識しなければ他のライブラリを採用しても良い。 $ tree . -I node_modules . ├── README.md ├── body │ ├── package.json │ ├── public │ │ └── favicon.ico │ ├── src │ │ ├── Body.css │ │ ├── entry.ssr.tsx │ │ └── root.tsx │ ├── tsconfig.json │ ├── vite.config.t
Ionic x Vueでモバイル向けWebアプリを開発！ Ionicはクロスプラットフォームのモバイルアプリ向けフレームワークです。主にiOS/Android向けに、ワンソースコードでモバイルアプリを開発することができます。 Ionicは主にモバイルアプリ向けのオープンソースのUIツールキットのことを指しますが、IonicにはIonic Native（Cordovaを利用したネイティブサポート）、Studio（GUIソフトウェア）、Mobile DevOps（CI/CD）も含まれており Webフロントの技術（HTML/JS/CSS）を活用したモバイルアプリ開発の統合フレームワーク と言えます。 UIツールキットとしては、非常に綺麗なコンポーネントが用意されており、Webアプリの中にシンプルかつ簡単に用いることができます。 Ionicは2013年の登場から徐々にバージョンアップされており、現
※本記事は、技術評論社「Software Design」(2024年1月号)に寄稿した連載記事「Google Cloudを軸に実践するSREプラクティス」からの転載1です。発行元からの許可を得て掲載しております。 はじめに 前回はDatadogによるクラウド横断のモニタリング基盤について解説しました。 今回はCloudflareとは何か、なぜ使っているのか、各サービスとポイント、キャディでの活用例を紹介します。 ▼図1 CADDiスタックにおける今回の位置付け Cloudflare とは 本記事では、Cloudflare社が提供しているプラットフォーム全体を「Cloudflare」とします。 Cloudflareは、ひと昔前までは数あるシンプルなCDN(Contents Delivery Network)サービスの1つでした。CDNとは、コンテンツの配信を最適化するためのネットワークです。
GitHub を狙った Reverse Proxy 型フィッシングサイトの探索と報告 - ぶるーたるごぶりん
GitHub の Reverse Proxy 型フィッシングサイトの発見と報告 こんにちは、でじこだにょ 今回は GitHub を狙った Reverse Proxy 型のフィッシングサイトを探していこうと思います。 （長いので、Reverse Proxy 型のことをプロキシ型と略しちゃいます） 結論から書くと、２４件のフィッシングサイトを新規に発見して報告しました。 今回はそれらのフィッシングサイトの探し方のほか、フィッシングサイトの検出方法や、 セーフブラウジングなどの話をしつつ、 今回見つけたフィッシングドメインに対して、簡単ではありますが、調査と考察を行ってみたいと思います。 探そうとしたきっかけ 数日前、 Twitter を見ていたところ、こちらのツイートが流れてきました。 あっぶね GitHubだと思ったら全然違ったわ pic.twitter.com/SRtHUu3XDM— ./
公式チュートリアルでNext.jsに入門してみた (1) 〜アプリ新規作成、ページ遷移、スタイリング編〜 | DevelopersIO
公式チュートリアルでNext.jsに入門してみた (1) 〜アプリ新規作成、ページ遷移、スタイリング編〜 こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、現在注目されているフロントエンドフレームワークNext.jsへの入門のために、次の公式チュートリアルを数回のシリーズに分けてこなしていき、基本的な機能に触れていこうと思います。 Create a Next.js App | Learn Next.js Next.jsとは Next.jsは、オープンソースで提供されるReactベースのフロントエンドフレームワークです。 Next.js by Vercel - The React Framework こちらによるとNext.jsの特徴は次のようなものがあり、プロダクション環境で必要とされるあらゆる機能と、最高の開発者エクスペリエンスを提供できるように設計されています。 An int
ガクトとスピンドル事件｜中島聡
少し前に、ガクトが広告塔を務めたスピンドル事件についてメルマガに書いた上で、Twitter に以下のように呟いたのですが、最近になって、この呟きに対して、ガクトファンの方々から「根拠のない誹謗中傷はやめて欲しい」というコメントが複数入りました。 もっと悪質なのは、GACKTのスピンドル。米国であれば、GACKTは確実に牢屋に入っているぐらい悪質な詐欺。被害総額は２００億円を超える。あの後も堂々と芸能人をしていることが信じられない。金融庁も検察も甘すぎる。 https://t.co/DcG4FibSbV — Satoshi Nakajima (@snakajima) April 3, 2020 私がなぜこんな呟きをすることになったかは、私のメルマガ（週刊 Life is beautiful）の記事を読んでいただくのが一番良いので、以下に全文を公開します。 私の呟きが、「根拠のない誹謗中傷」な
2023/05/03: 下部にさらにズボラな案を追加、FAQも追加しました。 デモサイトを作りました。リポジトリはこちら。 favicon（ファビコン）てなに？ みんなだいすき、ブラウザのタブの妖精、この小さいアイコンたちです。 サイトに設定されているファビコンをチェックするには Chrome だと Favicon Detector 拡張を使うと便利。ぜひインストールしていろんなサイトを見てみてくださいね！ こちらは Spotify のファビコンを Favicon Detector 拡張でチェックした例です。 ところでファビコン、こんなにいる？ つらつらと…長い…全部いるのこれ？ <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-tou
1: オムビタスビル(茸) [HK] 2020/03/14(土) 11:55:57.58 ID:iJrZN9vU0● BE:271912485-2BP(2000) sssp://img.5ch.net/ico/nida.gif 新型コロナで業績悪化→内定取り消し 厚労省「ハローワークに相談を」実態把握へ 新型コロナウイルスの感染拡大の影響で、4月からの就職を控えた学生が企業から内定を取り消されるケースが出始めた。内定時点で労働契約が成立していることを受け、厚生労働省は13日、実態の把握に乗り出した。 また、学生の不安を払拭（ふっしょく）しようと「内定取り消しの連絡を受けた場合は、最寄りのハローワークに相談を」などとツイッターで発信した。 https://mainichi.jp/articles/20200313/k00/00m/040/278000c 4: イドクスウリジン(東京都) [T
Intro 依存コンテンツを 1 つにまとめて配信する WebBundle の仕様策定と実装が進んでいる。 これは Signed HTTP Exchange と合わせて WebPackaging を実現するための仕様であり、組み合わせれば WebBundle に対して署名することでコンテンツの配信を通信と分けて考えることができる。 Signed HTTP Exchange に比べると格段に簡単な仕様なので、現状のフォーマットと挙動について解説する。 draft-yasskin-wpack-bundled-exchanges-latest WebBundle かつて Bundled HTTP Exchanges と呼ばれていた仕様であり、複数のコンテンツを 1 つにまとめ、配信することができる。 例えば index.html とそれが依存する css/js/favicon etc を 1 つ
こんにちは、Astar Networkの渡辺創太です。今回は「Web3における日本の税制」をテーマに、日本の税制の現状や今後どうすればいいのか、など自分の見解を述べていきます。これからWeb3で起業したい方にとって、この記事が何かお役に立てば嬉しいです。 Web3における日本のガラパゴス化はっきり言うと、暗号資産に関する日本の税制を変えない限り、日本のWeb3に未来はありません。起業家としての意見ですが、特に法人が保有する暗号資産の期末課税の問題は全く的を得ておらず、この税制があることで日本でWeb3ネイティブなビジネスをする事業者は厳しい状況にあります。もしアイデアがあっても、税金で会社が潰れる可能性があるため、なかなか創業できず、ましてや海外から最先端のプロジェクトを呼び込むこともできるはずがなく、リテラシーの高い起業家はどんどん日本から抜けて海外で最初からスタートするので、日本のガラ
この記事では現役デザイナーDmitriy Buninが、より良いアイコンをデザインするときに心がけている8個のポイントをまとめてご紹介します。 WebサイトのUIインターフェースにおいてアイコンは重要なデザイン要素のひとつです。 アイコンは、コマンドやコンテンツを視覚的にあらわし、背後にある意味合いを伝える言語と言えます。ユーザーがすぐに理解、認識できるようにシンプルで効果的なビジュアル、メタファーを表現する必要があります。 現役デザイナー直伝、アイコンデザインがもっと良くなる８個のヒント ヒント１ – グリッドを設定しよう アイコンはひとつだけ作るのではなく、ほとんどの場合はセットでデザインすることになります。アイコンセットの統一感を持たせるにはグリッドが必要となります。 以下サンプル例のようにセーフゾーンを決め、キーラインを設定しましょう。アイコンのまわりには、少しの余白スペース（Bo
上田文人とJenova Chenが語る，アートと制作の苦悩，そして「ゲームを作る」ということ――イメージか，ロジックか
上田文人とJenova Chenが語る，アートと制作の苦悩，そして「ゲームを作る」ということ――イメージか，ロジックか 編集長：Kazuhisa カメラマン：佐々木秀二 日本に，上田文人というゲームデザイナーがいる。 上田氏自らが世に出した作品は，わずか3本。その3本はすべて世界で高く評価されており，“上田ワールド”とも呼べる独自の世界が魅力だ。 2本目の作品である「ワンダと巨像」は，GDCのアワードのゲーム・オブ・ザ・イヤーを含む5部門を受賞し，Time誌が選んだ「All-Time 100 Video Games」※にも選ばれている。最新作の「人喰いの大鷲トリコ」も，日本ゲーム大賞を始めとしてD.I.C.E.Awards，英国アカデミー賞ゲーム部門，文化庁メディア芸術祭エンターテインメント部門など，世界の賞を総ナメにしている。 ※「All-Time 100 Video Games」歴史上
こんにちは、ISUCON10 の本選出題を担当した白金動物園の mirakui です。最近はパン作りにハマっています。この記事では、本選問題であるアプリケーションの「XSUCON」について、問題の概要と想定していた解き方について解説していきたいと思います。 XSUCON とは近年の ISUCON にはとても多くの方が参加してくださり、スコアランキングを表示したりベンチマーカー実行を指示したりするいわゆる「ポータルサイト」の負荷対策には毎年の出題担当たちが苦労してきました。記念すべき 10 回目の開催である ISUCON10 ではぜひこの ISUCON ポータルサイト自体を問題にしたい、と私たち白金動物園が1年前から温めてきた構想を形にしました。 というわけで ISUCON10 の本選問題は「XSUCON」という、 ISUCON を模した仮想的な競技のポータルサイトでした。XSUCON の世
ブログカードを支える技術 - Qiita
ブログカードとは以下のようにリンクをちょっとリッチに表示してくれる機能のことです。以前はこれってどうやって実現しているんだろうと不思議に思っていました。 上記のようなブログカードは「はてなブログ」や「WordPress」等のブログサービスでよく見かけますが、基本的にこれらのブログカードはリンク先のURLを指定するだけで自動的に生成されています。本記事では上記のようなブログカードを支える技術について解説します。 (本記事は自分のブログからの転載記事です。) はじめに 本記事では、ブログカード1の表示に使われる一般的な技術の解説およびJavaScriptによる実装を行います。普段何気なく見たり使ったりしているブログカードの技術に興味がある人におすすめします。 ブログカードの要素技術 まずはブログカードを実現するための要素技術について解説します。 ブログカードの構成 ブログカードは主に「タイトル
About Nue 鵺（ぬえ）。 猿の顔、タヌキの体、蛇の尻尾、虎の脚を持つ妖怪です。 日本人ならNueと聞いた場合、思い浮かべるのは↑かと思うのですが、 これは先日リリースされた、フロントエンド開発ツールセットです。 ＊「Nue」はドイツ語で、「新しい」という意味だそうな *「Nue」はドイツ語の「neu」に由来しており、英語で「新しい」という意味だそうな 開発者はTero Piirainenという方で、 現在彼１人で開発しています。 ここを見ると、「Webの開発方法が変わるかも」と かなりすごいことが書いてありますが、どんなものなのか見ていきましょう。 Nueとはなんなのか？ 公式を見ると、↓のようなことを言っています。 React、Vue、Next.js、Vite、Astroの代わりになる NueはSPAMPAの両方に対するサポートを備えたWebアプリケーションビルダーである Nue
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2024年版最近の実装に合わせた、HTMLでWebページを実装するための必要最小限をまとめたテンプレート一式
【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選
年末恒例，ゲーム業界著名人コメント集。147人それぞれの2021年回顧と，新たな年への決意
「隣も上も下も気にしなくていい最高のアパート」を考えてみたけど何かに似てるな…「建築基準法通らなそう」
ゲーム業界の165人が2022年を振り返り，新年への抱負を語る。年末恒例のコメント集企画
42万5909個のファビコンを分析して分かった「知られざるファビコンの事実」とは？
表示順という属性を別テーブルに分ける - そーだいなるらくがき帳
ゲーム業界の著名人147人は異例づくしの1年をどう振り返り，新たな時代に何を見るのか。恒例の年末コメント集企画
北海道でやなせたかしいヒグマが目撃される。写真家「初めて見た。驚きと悲しみ」 | News Everyday
突然話題になったデジタル資産「NFT」とは何か--暗号資産との違いや注意点は
Site Isolation 及び Web のセキュリティモデルの更新 | blog.jxck.io
オードリー若林正恭の結婚に寄せて - 青春ゾンビ
HTTP Security Headers - A Complete Guide
エストニアで全人口約2割の顔写真データが流出 国のデータベースに脆弱性
cloudflare の better micro frontend を読む
Ionic x Vueでモバイル向けWebアプリの爆速開発を始めよう！ | DevelopersIO
第10回:Cloudflareの紹介と運用のポイント - CADDi Tech Blog
ずぼらな私の2023年のファビコン事情（SVGでダークモード対応）
新型コロナで内定取り消し 厚労省「ハロワに相談してください」 : BBS2NEWS
WebBundle によるコンテンツの結合と WebPackaging | blog.jxck.io
Web3において日本の税制を変えない限り日本に未来はないと思う件について。｜渡辺創太ブログ
現役デザイナーが教える、アイコンデザインがより良くなる８個のヒント
ISUCON10 本選問題の解説と講評 : ISUCON公式Blog
あたらしいフロントエンド開発ツール「Nue」 | DevelopersIO