両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 次のリビジョン両方とも次のリビジョン |
web [2019/09/27 13:58] – [Web サイト リカバリー] ともやん | web [2021/03/31 10:17] – ともやん |
---|
====== Web 関連 ====== | ====== Web 関連 ====== |
| |
| ===== コンテンツ最適化 ===== |
| [[https://developers.google.com/speed/pagespeed/insights/|PageSpeed Insights]]\\ |
| |
===== 世界の爆速 Web サイト ===== | ===== 世界の爆速 Web サイト ===== |
[[https://tools.pingdom.com/|Pingdom Tools]]\\ | [[web:world_explosion_speed_website|世界の爆速 Web サイト]]\\ |
Web Server: [[https://www.cloudflare.com/|cloudflare]]\\ | |
* Pingdom Website Speed Test | |
| |
[[https://www.netlify.com/|Netlify: All-in-one platform for automating modern web projects.]]\\ | ===== サイト ===== |
Web Server: [[https://www.netlify.com/|Netlify]]\\ | [[html_css|HTML5 + CSS3 関連]]\\ |
| |
[[https://nuxtjs.org/|Nuxt.js - The Vue.js Framework]]\\ | ===== ツール ===== |
Web Server: [[https://www.netlify.com/|Netlify]]\\ | [[git>SVG-Edit/svgedit|SVG-Edit/svgedit: Powerful SVG-Editor for your browser]]\\ |
Web App Framework: Nuxt.js\\ | |
| |
[[https://dev.to/|https://dev.to/ - DEV Community 👩💻👨💻]]\\ | ===== フォント ===== |
Web Server: [[https://ninenines.eu/|Cowboy - 小さくて高速な最新のHTTPサーバー]]\\ | [[web:web_font|Web フォント]]\\ |
Web App Framework: Ruby on Rails\\ | |
Chrome DevTools の計測結果(*1):\\ | |
{{:web:devtools_dev_to.png?640|Chrome DevTools - dev.to}}\\ | |
cache off 時:\\ | |
{{:web:devtools_dev_to_cache_off.png?640|Chrome DevTools - dev.to (cache off)}}\\ | |
| |
[[javascript:ide|IDE Labo - 総合開発環境の実験的実装]] - tomoyan.net で一番重いコンテンツ\\ | |
Web Server: [[https://httpd.apache.org/|Apache]] + 独自チューニングした DokuWiki\\ | |
Chrome DevTools の計測結果(*1):\\ | |
{{:web:devtools_ide_labo.png?640|Chrome DevTools - tomoyan.net IDE Labo}}\\ | |
cache off 時 (IDE 重すぎ ^^;;):\\ | |
{{:web:devtools_ide_labo_cache_off.png?640|Chrome DevTools - tomoyan.net IDE Labo (cache off)}}\\ | |
[[start|Top page]] cache off 時:\\ | |
{{:web:devtools_tomoyan_net_top_cache_off.png?640|Chrome DevTools - tomoyan.net Top page (cache off)}}\\ | |
| |
*1 計測結果はキャッシュ済時の速度である。(何れも 2回目以降の表示速度)\\ | |
当サイトも意外に爆速なようである (^^;;)\\ | |
しかし、dev.to は ページ遷移が異常に速い!! (ajax で先読みなど高度な高速化を行っている)\\ | |
詳しくは [[https://qiita.com/saboyutaka/items/1f528ec3ce85476d7561|dev.toがなぜinsanely fastを実現出来ているか - Qiita]]\\ | |
| |
===== 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]]\\ |
| |
| ===== 素材 ===== |
| **アンスプラッシュ - ハイクオリティな無料写真**\\ |
| [[https://unsplash.com/|Beautiful Free Images & Pictures | Unsplash]]\\ |
| **クリエイティブ・コモンズ - 著作物の再利用を許可している素材を検索**\\ |
| [[https://creativecommons.org/|When we share, everyone wins - Creative Commons]]\\ |
| [[https://search.creativecommons.org/|CC Search]]\\ |
| **ウィキメディア・コモンズ - WikiPedia などに利用されている無料素材**\\ |
| [[https://commons.wikimedia.org/|Wikimedia Commons]]\\ |
| 誰でも投稿できる自由に使用できるメディアファイルのコレクション\\ |
| **ワールドベクターロゴ - すべてのブランドのベクトルのロゴ**\\ |
| [[https://worldvectorlogo.com/ja|Worldvectorlogo: ブランドのロゴをダウンロードして無料]]\\ |
| |
===== Web サイト リカバリー ===== | ===== Web サイト リカバリー ===== |
Web サイトのソースが無い場合にリカバリーに利用できるかもしれないサービス\\ | Web サイトのソースが無い場合にリカバリーに利用できるかもしれないサービス\\ |
[[https://web.archive.org/|Wayback Machine]]\\ | [[https://web.archive.org/|Wayback Machine]]\\ |
| [[https://chrome.google.com/webstore/detail/wayback-machine/fpnmgdkabkmnadcjpehmlllkndpkmiak|Wayback Machine - Chrome ウェブストア]]\\ |
| |
| Archive-It\\ |
| [[https://archive-it.org/|Archive-It - Web Archiving Services for Libraries and Archives]]\\ |
| |
| Webpage archive\\ |
| [[http://archive.is/|Webpage archive]]\\ |
| |
| 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://gigazine.net/news/20180201-archive-it/|億万長者からの圧力でニュース記事や文書を葬られないよう保存する「Archive-It」とは? - GIGAZINE]]\\ |
| |
===== サーバー ===== | ===== サーバー ===== |
[[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]]\\ |
| |
| ===== サービス ===== |
| [[web:freedb|freedb]]\\ |
| [[web:google|Google]]\\ |
| |
| ===== Web API ===== |
| [[wp>Web_API|Web API]]\\ |
| |
| [[web:amazon_pa-api|Amazon Product Advertising API v5]]\\ |
===== ブラウザ ===== | ===== ブラウザ ===== |
[[web:chrome|Chrome]]\\ | [[web:chrome|Chrome]]\\ |
| [[web:brave|Brave]]\\ |
[[web:firefox|Firefox]]\\ | [[web:firefox|Firefox]]\\ |
[[web:ie8|Windows Internet Explorer 8]]\\ | [[web:ie8|Windows Internet Explorer 8]]\\ |
| [[web:html5test|HTML5test]]\\ |
| |
===== レンタルサーバ ===== | ===== レンタルサーバ/VPS/ホスティング ===== |
| [[web:sakura_vps|さくらのVPS]]\\ |
| [[web:netlify|Netlify - 高機能ホスティングサービス]]\\ |
[[web:value_domain|VALUE DOMAIN(バリュー ドメイン)]]\\ | [[web:value_domain|VALUE DOMAIN(バリュー ドメイン)]]\\ |
[[web:rental_server|レンタルサーバ]]\\ | [[web:rental_server|レンタルサーバ]]\\ |
| |
| ===== CDN (Content Delivery Network) ===== |
| [[web:cloudflare|Cloudflare - Web パフォーマンス & セキュリティ カンパニー]]\\ |
| [[web:jsdelivr|jsDelivr - オープンソース CDN 無料、高速、信頼性の高い]]\\ |
| [[https://videocdn.tv/|VideoCDN]] - すべてのファイルが CDN にあるビデオバランサ\\ |
| |
| ===== IRC (Internet Relay Chat) ===== |
| [[http://freenode.net/|freenode]]\\ |
| [[wpjp>Freenode]]\\ |
| |