web

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
web [2020/10/08 01:09] – [Web 素材] ともやんweb [2023/10/06 09:40] (現在) – [Web アプリ] ともやん
行 1: 行 1:
 ====== Web 関連 ====== ====== Web 関連 ======
  
-===== Web サイト ===== +===== プログラミング / サイト構築 / 開発 ===== 
-[[html_css|HTML5 CSS3 関連]]\\+[[html_css|HTML CSS 関連]]\\ 
 +[[:web:lesscss|lesscss - Less (which stands for Leaner Style Sheets)]]\\ 
 +[[so>questions/56393880/how-do-i-detect-dark-mode-using-javascript|How do I detect dark mode using JavaScript?]]\\ 
 + 
 +===== Web アプリ ===== 
 +[[web:drawio|draw.io - クロスプラットフォームのグラフ描画アプリ]]\\ 
 +[[https://www.drawio.com/|]]\\ 
 +[[https://www.drawio.com/blog/embedding-walkthrough|]]\\ 
 + 
 +===== コンテンツ最適化 ===== 
 +**PageSpeed Insights**\\ 
 +[[https://developers.google.com/speed/pagespeed/insights/|]]\\ 
 + 
 +[[https://www.thinkwithgoogle.com/intl/ja-jp/feature/testmysite/|モバイルサイトの速度を比較しましょう]]\\
  
 ===== 世界の爆速 Web サイト ===== ===== 世界の爆速 Web サイト =====
 [[web:world_explosion_speed_website|世界の爆速 Web サイト]]\\ [[web:world_explosion_speed_website|世界の爆速 Web サイト]]\\
  
-===== Web フォント =====+===== ツール ===== 
 +[[git>SVG-Edit/svgedit|SVG-Edit/svgedit: Powerful SVG-Editor for your browser]]\\ 
 +[[https://developers.facebook.com/tools/explorer/|グラフ API エクスプローラ - Facebook for Developers]]\\ 
 +[[https://developers.facebook.com/docs/graph-api|グラフ API ドキュメント]]\\ 
 + 
 +===== フォント =====
 [[web:web_font|Web フォント]]\\ [[web:web_font|Web フォント]]\\
 [[https://fonts.google.com/|Google Fonts]]\\ [[https://fonts.google.com/|Google Fonts]]\\
 [[https://www.cdnplanet.com/blog/faster-google-webfonts-preconnect/|Faster Google Fonts with Preconnect - CDN Planet]]\\ [[https://www.cdnplanet.com/blog/faster-google-webfonts-preconnect/|Faster Google Fonts with Preconnect - CDN Planet]]\\
  
-===== Web 素材 =====+===== デザイン ===== 
 +[[https://www.cssdesignawards.com/|CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards]]\\ 
 + 
 +===== 素材 =====
 **アンスプラッシュ - ハイクオリティな無料写真**\\ **アンスプラッシュ - ハイクオリティな無料写真**\\
 [[https://unsplash.com/|Beautiful Free Images & Pictures | Unsplash]]\\ [[https://unsplash.com/|Beautiful Free Images & Pictures | Unsplash]]\\
 +
 **クリエイティブ・コモンズ - 著作物の再利用を許可している素材を検索**\\ **クリエイティブ・コモンズ - 著作物の再利用を許可している素材を検索**\\
 [[https://creativecommons.org/|When we share, everyone wins - Creative Commons]]\\ [[https://creativecommons.org/|When we share, everyone wins - Creative Commons]]\\
 [[https://search.creativecommons.org/|CC Search]]\\ [[https://search.creativecommons.org/|CC Search]]\\
 +
 **ウィキメディア・コモンズ - WikiPedia などに利用されている無料素材**\\ **ウィキメディア・コモンズ - WikiPedia などに利用されている無料素材**\\
 [[https://commons.wikimedia.org/|Wikimedia Commons]]\\ [[https://commons.wikimedia.org/|Wikimedia Commons]]\\
  誰でも投稿できる自由に使用できるメディアファイルのコレクション\\  誰でも投稿できる自由に使用できるメディアファイルのコレクション\\
 +[[https://commons.wikimedia.org/wiki/User:Paintpot|Linux Icon]]\\
 +[[https://commons.wikimedia.org/wiki/User:Paintpot/Tango|User:Paintpot/Tango - Wikimedia Commons]]\\
 +
 **ワールドベクターロゴ - すべてのブランドのベクトルのロゴ**\\ **ワールドベクターロゴ - すべてのブランドのベクトルのロゴ**\\
 [[https://worldvectorlogo.com/ja|Worldvectorlogo: ブランドのロゴをダウンロードして無料]]\\ [[https://worldvectorlogo.com/ja|Worldvectorlogo: ブランドのロゴをダウンロードして無料]]\\
  
-===== Web サイト リカバリー =====+===== Web サイト リカバリー / ウェブ魚拓 =====
 Web サイトのソースが無い場合にリカバリーに利用できるかもしれないサービス\\ Web サイトのソースが無い場合にリカバリーに利用できるかもしれないサービス\\
 +使い方によっては防弾ホスティングより強力な Web サイトの保管場所で、日本ではウェブ魚拓などが有名である。\\
 +
 +Wayback Machine\\
 [[https://web.archive.org/|Wayback Machine]]\\ [[https://web.archive.org/|Wayback Machine]]\\
 [[https://chrome.google.com/webstore/detail/wayback-machine/fpnmgdkabkmnadcjpehmlllkndpkmiak|Wayback Machine - Chrome ウェブストア]]\\ [[https://chrome.google.com/webstore/detail/wayback-machine/fpnmgdkabkmnadcjpehmlllkndpkmiak|Wayback Machine - Chrome ウェブストア]]\\
 +<html><span class="wrap_em">Save Page Now: <code>https://web.archive.org/save/&lt;url&gt;</code></span></html>\\
  
 Archive-It\\ Archive-It\\
行 37: 行 67:
 Google Web Cache\\ Google Web Cache\\
 [[https://webcache.googleusercontent.com/search?q=cache:https://www.tomoyan.net/|]]\\ [[https://webcache.googleusercontent.com/search?q=cache:https://www.tomoyan.net/|]]\\
 +
 +ウェブ魚拓\\
 +[[https://megalodon.jp/|ウェブ魚拓]]\\
  
 ==== 参考 ==== ==== 参考 ====
行 42: 行 75:
  
 ===== サーバー ===== ===== サーバー =====
 +[[https://geekflare.com/open-source-web-servers/|7 Open Source Web Servers for Small to Large Sites]]\\
 +
 **Google Accelerated Mobile Pages (AMP)**\\ **Google Accelerated Mobile Pages (AMP)**\\
 [[https://amp.dev/|AMP - a web component framework to easily create user-first web experiences - amp.dev]]\\ [[https://amp.dev/|AMP - a web component framework to easily create user-first web experiences - amp.dev]]\\
 [[https://wordpress.org/plugins/amp/|AMP – WordPress plugin | WordPress.org]]\\ [[https://wordpress.org/plugins/amp/|AMP – WordPress plugin | WordPress.org]]\\
 [[https://www.sitespeed.io/|Welcome to the wonderful world of Web Performance]]\\ [[https://www.sitespeed.io/|Welcome to the wonderful world of Web Performance]]\\
 +
 +==== Web サーバー ====
 +[[http://monkey-project.com/|Monkey Server]]\\
 +
 +==== Google technology ====
 +[[https://www.publickey1.jp/blog/21/http3quicietfrfc_9000.html|HTTP/3の基盤となる「QUICプロトコル」の標準化プロセスが完了、IETFの「RFC 9000」として - Publickey]]\\
 +[[https://developers-jp.googleblog.com/2020/10/chrome-http3-ietf-quic.html|Google Developers Japan: Chrome への HTTP/3 と IETF QUIC の導入について]]\\
 +[[https://developers-jp.googleblog.com/2015/11/brotli.html|Google Developers Japan: インターネット用の新しい圧縮アルゴリズム、Brotli のご紹介]]\\
 +
 +[[tw>tomoyan596/status/1401642832511717376|protocol h3になる日も近いのかなぁ🤔 / Twitter]]\\
  
 ===== サービス ===== ===== サービス =====
 [[web:freedb|freedb]]\\ [[web:freedb|freedb]]\\
 [[web:google|Google]]\\ [[web:google|Google]]\\
 +
 +===== フレームワーク ベンチマーク =====
 +js-framework-benchmark\\
 +[[https://github.com/Freak613/js-framework-benchmark|GitHub - Freak613/js-framework-benchmark: A comparison of the perfomance of a few popular javascript frameworks]]\\
 +
  
 ===== Web API ===== ===== Web API =====
行 57: 行 107:
 ===== ブラウザ ===== ===== ブラウザ =====
 [[web:chrome|Chrome]]\\ [[web:chrome|Chrome]]\\
-[[web:brave|Brave]]\\+[[web:vivaldi|Vivaldi - 超絶便利。タブ管理や広告で悩まないブラウザ]]\\ 
 +[[web:brave|Brave - プライバシーを重視した高速かつ安全な次世代ブラウザ]]\\
 [[web:firefox|Firefox]]\\ [[web:firefox|Firefox]]\\
 [[web:ie8|Windows Internet Explorer 8]]\\ [[web:ie8|Windows Internet Explorer 8]]\\
 [[web:html5test|HTML5test]]\\ [[web:html5test|HTML5test]]\\
 +[[wwjp>ウェブブラウザの利用シェア|ウェブブラウザの利用シェア | Wikiwand]]\\
  
 ===== レンタルサーバ/VPS/ホスティング ===== ===== レンタルサーバ/VPS/ホスティング =====
行 76: 行 128:
 [[http://freenode.net/|freenode]]\\ [[http://freenode.net/|freenode]]\\
 [[wpjp>Freenode]]\\ [[wpjp>Freenode]]\\
 +
 +===== 参考文献 =====
 +[[https://webrtcforthecurious.com/|WebRTC For The Curious]]\\
 +[[https://webrtcforthecurious.com/ja/|好奇心旺盛な人のためのWebRTC]]\\
 +
 +==== 付録 ====
 +[[tw>tomoyan596sp/status/1639012908293328897|2時間くらいで爆速全内容把握の旅😅Web標準テクノロジー人巡り、HTMLとCSSの仕様は読み切るのは無理だ‼️🤣HTTP/3の最新動向に偏ったかも🤔]]\\
  
  • web.1602086966.txt.gz
  • 最終更新: 2020/10/08 01:09
  • by ともやん