Blog
-
Web開発/サイト運営しているなら今すぐやるべき最適化・高速化手法10点
Webサイトを運営している皆さん、こんにちは。 FRONTL1NEを運営しているFL1NE(フライン)と申します。 まず皆さんに聞きたいのですが 「Webサイトの高速化正しくやれてますか？」 ページの表示速度が遅いなぁ〜と思って、GoogleのLighthouseやPageSp... -
LiteSpeedサーバーでHTTPアクセスをHTTPSへリダイレクトする方法
覚書記事です。 OpenLiteSpeedなどのLiteSpeed系WebサーバーでHTTPで来たアクセスをRewriteルールを使ってHTTPSにリダイレクトする方法を記録しておきます。 手順 LiteSpeedの管理コンソールから「バーチャルホスト(Virtual Host)」を選択 ... -
「あつまれ どうぶつの森」のカブ価チャートを自動生成するツールを作った話
こんにちは。 初記事投稿のくろんです。 今回はタイトルにもある通り、 Switch用ソフト「あつまれ どうぶつの森」内のカブ価でグラフチャートを作った話です。 「あつまれ どうぶつの森」とは 自分だけの島に住んで、釣りをしたり、虫を捕ま... -
フリーのフロントエンジニアが案件受注時に覚えておくべき質問10選
やっほー、はどはどです。 僕は普段はフリーランスのフロントエンドエンジニアで、主にNode.jsの案件を中心にやらせてもらってるんですが、 案件が決まった時に、どれだけ面談時に情報を引き出せていたかで、初速が段違いになるのはよくあることです。 な... -
JavaScriptでカスタマイズできる腕時計「Bangle.js」を買ったのでレビューする
どうも、暁の流星です。 自粛中暇でプログラマー系YouTuberになろうか真剣に考えてました。需要ないかな? それでは本題。 Bangle.jsを購入したのでレビューしていきたいと思います。日本語サイトが少ないので、この記事を参考にしてくれるとありがたいです... -
nginx + WordPress環境のサーバー応答時間(TTFB)が長い問題をどうにかする
どうも、FRONTL1NE運営チームのFL1NE(フライン)です。 Webサイトを運営している方々はサイトが表示されるまでの速度がどれほど重要か理解があると思います。 ここ最近のFRONTL1NEでは、LighthouseやPageSpeed Insightsの評価は悪くないのに少し遅く感じる... -
【超便利】Steam Remote Play Togetherで一つのゲームソフトを友達と一緒にプレイする方法
FRONTL1NEをご覧の皆様、こんにちは。 パーティゲームなどローカルマルチプレイヤーゲーム大好きマンのFL1NEです。 今回は2019年11月にSteamへと搭載された新機能、Steam Remote Play Togetherによって離れた場所にいる友達と一緒に一つのゲームソフトを一... -
【家二郎】我慢出来なくなったので丸山製麺の極太麺(二郎系)で家二郎を作ったお話
スプラトゥーン2に2380時間溶かされたJugem-Tです。マンメンミ！ サブ性能ガン積みボールドマーカーネオを信じろ。ビーコンと和解せよ。 要約すると「家二郎作ろうぜ！」なやつです。 遡る事４年前の2016年7月。 かつて存在していた料理アカウント(@S_Juge... -
SEO対策/キーワード選定の必需品！「Google キーワードプランナー」を無料で使う方法 & 使い方
どうも皆さんこんにちは。 FRONTL1NEのFL1NE(フライン)です。 かつてよりFRONTL1NEでは様々なSEO対策などを行ってきており、サーチコンソールなどでどれくらいのインプレッション数があるかなどは把握しています。 しかし、そもそも検索ワードのボリューム... -
Vivaldiのタイル表示でYouTube Liveなどを複数同時視聴/監視する
日常は様々な情報で溢れており、その情報を収集するにはいろんな手段があります。 例えば TwittterなどのSNS YouTubeなどの動画配信サイト TV 新聞 などが挙げられると思います。 中でもYouTubeやTVなどは流しっぱなしにしておけるのがいいですね。 ... -
WordPressの投稿にソースコードを貼るならEnlighterがオススメ! (シンタックスハイライトプラグイン)
ブログやサイトのCMSでWordPressを利用している人が多いと思います。 しかし、技術記事などでソースコードを貼るときにデフォルトだと... #include <iostream> int main(int argc, char const *argv[]) { std::cout << "Hello World" <<... -
Wappalyzerを使って他Webサイトの技術スタックを調査する (自サイトのバージョンチェックにも!)
Webサイト運営やWebサイトの開発をしていると、「あのサイトはどんな風にできてるんだろう？」とか「ライブラリやフレームワークは何を使ってるんだろう？」と他サイトの技術スタック内容について知りたい時がありますよね。(ない? 筆者にはあるので続けま... -
【VSCode】Remote Developmentを使ってサーバーやコンテナ内のファイルを快適に編集する
自前でサーバーの管理を行なっていると、基本はSSHなどで接続してコマンドラインで操作すると言う方が多いと思います。 ファイルを編集する場合はvim等のコマンドライン上で利用できるエディタを使う人がほとんどだと思いますが... 正直、vim等をメインの... -
WordPressのプラグインを過去バージョンに戻すWP Rollbackの使い方
一個前の記事「2020/04/30~2020/05/02に発生した502エラーとそれの対策について (EWWW Image OptimizerとWebP)」でもあったように、WordPressでサイト運営をしているとプラグインのエラーなどで、サイト全体にエラーが発生することがあります。 そんな時、... -
WordPressに翻訳機能を追加するなら「GTranslate」がおススメ!!
WordPressを使ってサイト運営をしていると、日本語で書かれたページなのに海外から結構アクセスされているということがあります。 それもそのはずで、ニッチな情報などを探すときに英語や日本語でないサイトしか検索結果に出てこなかったという経験をお持... -
#二度とHTTPなんか使うな (nginxやCloudflareでSSL LabsのスコアをA+にする)
近年Webサイトを構築する場合、基本的にHTTPではなく、よりセキュアなHTTPS(SSL/TLS)を標準として使用することが推奨されています。 実際、現在Googleの検索順位付けにはHTTPSが使用されているかによっても変化することが公表されています。 (2014年のこと... -
iVCamでスマホをwebカメラ代わりにしよう
どうも、明らかなる体力切れを感じて腕立て10回したら翌朝筋肉痛になりました。白石です。 ひきこもり推進期間とのことで、仕事にもプライベートにもVoiceChatをする機会が増えたかと思います。 マイクはまぁ必須、これを機に買った方もいるかと思... -
ビジネス用途等で最高のWindowsノートPCについて (テレワークやプログラミング学習にも!)
皆さんがノートPC買うときに一番考慮することは何でしょうか? CPU? メモリ? GPU? ストレージ? 画面サイズ? 価格? もちろんこれらの性能に関わるものも大切ですが、ビジネス用途等の普段から使い続けるものにはそれ以上に大切なものがあります。 それは「安...
