Web系– category –
-
Web系
Web開発/サイト運営しているなら今すぐやるべき最適化・高速化手法10点
Webサイトを運営している皆さん、こんにちは。 FRONTL1NEを運営しているFL1NE(フライン)と申します。 まず皆さんに聞きたいのですが 「Webサイトの高速化正しくやれてますか?」 ページの表示速度が遅いなぁ〜と思って、GoogleのLighthouseやPageSp... -
Web系
【2020年版】FRONTL1NEの最強/最速を目指したWordPress環境+αについて
こんにちは、FRONTL1NE運営のFL1NEです。 FRONTL1NEでは皆さまへ快適にWebサイトを見ていただけるよう日頃から最適化/高速化を繰り返しています。 そんな中2020年現在、FRONTL1NEで実際に利用している環境や知見について共有いたします。 ではどうぞ! (Web... -
Web系
サーバーを東京に移転 & OpenLiteSpeedに変更で超高速WordPress環境を得た話
みなさん、おはこんにちばんは。 FRONTL1NE運営チームのFL1NEです。 以前の記事でお伝えした通り、ここ最近FRONTL1NEのWebサイトを動かしているサーバーの構成を変更しました。 行なったことは以下の3つです。 FRONTL1NEのWebサーバー所在地をサウスカロラ... -
Web系
nginx + WordPress環境のサーバー応答時間(TTFB)が長い問題をどうにかする
どうも、FRONTL1NE運営チームのFL1NE(フライン)です。 Webサイトを運営している方々はサイトが表示されるまでの速度がどれほど重要か理解があると思います。 ここ最近のFRONTL1NEでは、LighthouseやPageSpeed Insightsの評価は悪くないのに少し遅く感じる... -
SEO関連
SEO対策/キーワード選定の必需品!「Google キーワードプランナー」を無料で使う方法 & 使い方
どうも皆さんこんにちは。 FRONTL1NEのFL1NE(フライン)です。 かつてよりFRONTL1NEでは様々なSEO対策などを行ってきており、サーチコンソールなどでどれくらいのインプレッション数があるかなどは把握しています。 しかし、そもそも検索ワードのボリューム... -
Web系
Vivaldiのタイル表示でYouTube Liveなどを複数同時視聴/監視する
日常は様々な情報で溢れており、その情報を収集するにはいろんな手段があります。 例えば TwittterなどのSNS YouTubeなどの動画配信サイト TV 新聞 などが挙げられると思います。 中でもYouTubeやTVなどは流しっぱなしにしておけるのがいいですね。 ... -
Web系
Wappalyzerを使って他Webサイトの技術スタックを調査する (自サイトのバージョンチェックにも!)
Webサイト運営やWebサイトの開発をしていると、「あのサイトはどんな風にできてるんだろう?」とか「ライブラリやフレームワークは何を使ってるんだろう?」と他サイトの技術スタック内容について知りたい時がありますよね。(ない? 筆者にはあるので続けま... -
Web系
#二度とHTTPなんか使うな (nginxやCloudflareでSSL LabsのスコアをA+にする)
近年Webサイトを構築する場合、基本的にHTTPではなく、よりセキュアなHTTPS(SSL/TLS)を標準として使用することが推奨されています。 実際、現在Googleの検索順位付けにはHTTPSが使用されているかによっても変化することが公表されています。 (2014年のこと... -
Web系
家にいるので「スマホだけで疑似VR」した裏話
どうも、暁の流星です。 先日、Qiitaにていつでもパンツを覗きたかった話で投稿したので、その裏話などをしていきたいと思います。 【はじめに】 今回何を作ったかと言うと、スマホだけを用いて疑似的なVRをするものです。 それはなんだと言... -
Web系
FRONTL1NEのWebサイトを自前サーバーからGoogle Cloud Platform + Cloudflareに乗り換えた話
FRONTL1NEは以前から自前サーバーで運用をしていましたが、 つい先日の台風15号による停電の影響で、サーバーが数日落ち続けるということがありました。 また、物理ダメージを被る可能性もあったと判断したため、自前運用からGoogle Cloud Platform + Clou... -
Web系
マルチパスなシェーダーを手っ取り早くスケッチするならShaderBoyがオススメ!
皆さん、シェーダー(GLSL, HLSL)書いてますか? FRONTL1NEに訪れるエンジニアの方は比較的グラフィックスの人が多いと感じています。 (まあ、デモシーン[メガデモ]界隈の人多いからね) フラグメントシェーダー(ピクセルシェーダー)を使って単純なス... -
Web系
様々なゲームのマップを隅々まで見渡せるWebサイト「noclip」がすごい!
最近Twitterなどをみているとnoclipというサイトが話題になっています。 https://noclip.website/ サイトにアクセスをするとWiiやゲームキューブ、DSなどで発売されていた一部ゲームのマップを表示することができ、自由視点によって好きに見渡すこ... -
Web系
Safariの最新機能を試せる「Safari Technology Preview」を入手する。
Mac OS標準のWebブラウザであるSafariには最新の機能が使用できるSafari Technology Previewという別バージョンがあります。 今回はSafari Technology Preview(STP)の入手法と何ができるのかみてみましょう。 【忙しい人向けの結論】... -
Web系
Webの最新機能をいち早く使えるオープンソースWebブラウザー「Chromium」のバイナリを手っ取り早く手に入れる
Google ChromeのベースとなっているWebブラウザーとしてChromiumというオープンソースのWebブラウザーがあります。 今回はソースからビルドすることなく、公式が出しているプリコンパイル済みのバイナリを入手する方法を書きます。 【忙しく...
1