<!DOCTYPE html><html lang="ja" prefix="og: https://ogp.me/ns#" data-astro-cid-gjtny2mx> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="robots" content="max-image-preview:large"><meta charset="UTF-8"><meta name="generator" content="Astro v5.5.5"><title>夜七時</title><meta name="description" content="Description is here. The icon, the title, the description can be modified in Notion."><link rel="canonical" href="https://stratum-9fu.pages.dev/"><meta property="og:url" content="https://stratum-9fu.pages.dev/"><meta property="og:title" content="夜七時"><meta property="og:description" content="Description is here. The icon, the title, the description can be modified in Notion."><meta property="og:site_name" content="夜七時"><meta property="og:image" content="https://stratum-9fu.pages.dev/default-og-image.png"><meta name="twitter:title" content="夜七時"><meta name="twitter:description" content="Description is here. The icon, the title, the description can be modified in Notion."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://stratum-9fu.pages.dev/default-og-image.png"><link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous"><style>.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.namespace{opacity:.7}.token.string,.token.attr-value{color:#690}.token.punctuation{color:#999}.token.operator{color:#9a6e3a}.token.entity,.token.url,.token.symbol,.token.number,.token.boolean,.token.variable,.token.constant,.token.property,.token.regex{color:#905}.token.prefix.inserted{color:#690}.token.prefix.deleted{color:#dd4a68}.token.atrule,.token.keyword,.token.attr-name,.language-autohotkey .token.selector{color:#07a}.token.function,.language-autohotkey .token.tag{color:#dd4a68}.token.tag,.token.selector,.language-autohotkey .token.keyword{color:#00009f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}
.post-excerpt[data-astro-cid-paxawxfl]{padding:.2rem 0;font-size:1rem}.post-excerpt[data-astro-cid-paxawxfl] p[data-astro-cid-paxawxfl]{margin:0}
</style>
<link rel="stylesheet" href="/_astro/index.B4G5pP16.css"></head> <body data-astro-cid-gjtny2mx> <div class="layout-index layout-post w-full h-screen" data-astro-cid-gjtny2mx> <header data-astro-cid-gjtny2mx> <h2 class="py-4 text-center" data-astro-cid-idrpryed> <a href="/" data-astro-cid-idrpryed> 夜七時 </a> </h2> </header> <div class="content-wrapper space-y-16" data-astro-cid-gjtny2mx> <main data-astro-cid-gjtny2mx> <div class="space-y-8"> <div key="update_blog"> <a href="/posts/update_blog" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> ブログの復活と要件 </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="choose-headless-cms-for-blog"> <a href="/posts/choose-headless-cms-for-blog" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> 友人のブログを構築するのに最適なheadless-cms選び </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="netlifycms-oauth-github-fix"> <a href="/posts/netlifycms-oauth-github-fix" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> netlifycmsのoauth認証、githubで失敗する件を解決した </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="multi-blog-management-tech-notes"> <a href="/posts/multi-blog-management-tech-notes" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> 複数ブログ運営とやりたい技術構成をまとめておく </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="migrated-articles-netlifycms"> <a href="/posts/migrated-articles-netlifycms" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> 移行してきた記事をnetlifycmsを導入して管理する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2020-03-04_giphy_component"> <a href="/posts/2020-03-04_giphy_component" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Giphy APIを利用して画像を取得する@gatsby.js </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2020-02-18_netlify_dns"> <a href="/posts/2020-02-18_netlify_dns" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Netlify DNSを使うメリット </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-11-07_nuxt_on_amp_list"> <a href="/posts/2019-11-07_nuxt_on_amp_list" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> 苦しすぎるnuxt.jsとAMPの共存 </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-09-12_automatic_amp_validation"> <a href="/posts/2019-09-12_automatic_amp_validation" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> AMPのバリデーションチェックをビルド時に自動実行する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-08-28_updated_nuxt_and_amp"> <a href="/posts/2019-08-28_updated_nuxt_and_amp" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Nuxt2.0.0から2.9.1へのアップデートでの、AMPバリデーションエラー対応 </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-08-08_bash_to_zsh_to_fish"> <a href="/posts/2019-08-08_bash_to_zsh_to_fish" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> bashからfishに乗り換える </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-08-05_change_ifttt_to_zapier"> <a href="/posts/2019-08-05_change_ifttt_to_zapier" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> IFTTTを細かく調整をしたくなったら、Zapierへ乗り換えよう </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-06-26_speed_hack_your_site"> <a href="/posts/2019-06-26_speed_hack_your_site" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> スピードハックしてサイトの表示速度を改善する方法 </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-06-19_atom_feed_for_nuxt"> <a href="/posts/2019-06-19_atom_feed_for_nuxt" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Feedlyでヒーローイメージが表示されないのでフィードに直接imgタグを設置する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-06-12_rss2_to_atom1"> <a href="/posts/2019-06-12_rss2_to_atom1" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> @nuxtjs/feedでATOMを設定する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-06-03_use_bascss"> <a href="/posts/2019-06-03_use_bascss" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> CSSからBASCSSへ </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-05-11_implement_amp_tips"> <a href="/posts/2019-05-11_implement_amp_tips" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> AMP実装をスムーズに行うためのTips </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-03-19_serviceworker_with_ampsite_on_nuxtjs"> <a href="/posts/2019-03-19_serviceworker_with_ampsite_on_nuxtjs" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Nuxt.jsのnuxt/pwaを使って、超簡単にサービスワーカーを導入してみる </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-03-07_pwa_web_push"> <a href="/posts/2019-03-07_pwa_web_push" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Onesignalというサービスを使ってweb pushを実装してみる </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-03-06_whats_pwd_and_serviceworker"> <a href="/posts/2019-03-06_whats_pwd_and_serviceworker" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> ブログをPWAしてユーザービリティの向上を図る </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-02-28_introduction_the_git_lfs"> <a href="/posts/2019-02-28_introduction_the_git_lfs" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Git LFSってなんだ？ </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-02-11_think_about_blog_technic"> <a href="/posts/2019-02-11_think_about_blog_technic" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> ブログを始める時の「テクニック以前の問題」 </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-02-08_cleanup_strage_for_fire_hosting"> <a href="/posts/2019-02-08_cleanup_strage_for_fire_hosting" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Firebase Hostingの古いデータを削除して容量を確保する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-01-16_amp_warning_from_search_console"> <a href="/posts/2019-01-16_amp_warning_from_search_console" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> サーチコンソールでAMPエラーが出たので対処する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-01-15_creative_team_presented_to_sales_person"> <a href="/posts/2019-01-15_creative_team_presented_to_sales_person" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> チームに「保守」の大切さとそれを伝える難しさ </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2019-01-09_color_settings_for_mac_terminal"> <a href="/posts/2019-01-09_color_settings_for_mac_terminal" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> macのターミナルの色を変えて楽しむための設定 </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-12-21_scroll_interaction_with_amp_position_observer"> <a href="/posts/2018-12-21_scroll_interaction_with_amp_position_observer" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> amp-position-observerを使ってフェードイン・アウトのインタラクションを実装する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-12-19_orientation_this_blog"> <a href="/posts/2018-12-19_orientation_this_blog" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> このブログの概要（投稿日時点） </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-12-18_amp_optimization_performance"> <a href="/posts/2018-12-18_amp_optimization_performance" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> AMPのロードスピード最適化に挑戦する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-12-17_amp_optimization"> <a href="/posts/2018-12-17_amp_optimization" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Lighthouseのスコアを上昇させたい </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-12-10_domain"> <a href="/posts/2018-12-10_domain" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> 意外と知らないドメインについて、ちゃんと調べてみる </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-12-03_meaning_rewrite_old_articles"> <a href="/posts/2018-12-03_meaning_rewrite_old_articles" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> 古い記事をリライトする意味ってあるのか？ </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-11-27_mobile_first_index"> <a href="/posts/2018-11-27_mobile_first_index" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> MFI（モバイルファーストインデックス）ってなんだ </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-11-05_notification_of_new_post_with_twitter"> <a href="/posts/2018-11-05_notification_of_new_post_with_twitter" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> 記事を更新したことをTwitterに投稿して知らせたい </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-10-22_integrated_circle_ci_with_github"> <a href="/posts/2018-10-22_integrated_circle_ci_with_github" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Circle CIでのチェックをGithub Actionsで実行できるようにする </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-10-11_google_cloud_build"> <a href="/posts/2018-10-11_google_cloud_build" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> Google Cloud Buildを使ってCIの導入にトライしてみる </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-07-13_advice_before_introducing_amp"> <a href="/posts/2018-07-13_advice_before_introducing_amp" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> AMPを使ってまでサイトが爆速であることの意味 </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-05-25_json_ld_for_blogposting"> <a href="/posts/2018-05-25_json_ld_for_blogposting" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> AMPのサイトで「構造化データ」を出力する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-05-16_trailing_slash"> <a href="/posts/2018-05-16_trailing_slash" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> URLの一番最後につける「/」を、トレイリング スラッシュと呼ぶらしい </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-05-15_blog_for_webdesigner"> <a href="/posts/2018-05-15_blog_for_webdesigner" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> そろそろデザイン・コンテンツ・UXが大事ってことを実証しようじゃないか </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-05-02_github_issue"> <a href="/posts/2018-05-02_github_issue" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> デザイナーがGithubのIssueという概念に出会って感動したこと </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div><div key="2018-04-25_ga_settings_for_amp"> <a href="/posts/2018-04-25_ga_settings_for_amp" class="hover:underline-none"> <div class="h-full w-80"><div class="w-full h-full flex items-center border-8 pt-24 pb-24 justify-start"><h2 class="text-3xl text-black"> GAをAMPサイトに実装する </h2></div></div> </a> <div class="post-excerpt" data-astro-cid-paxawxfl> <p data-astro-cid-paxawxfl></p> </div> </div> </div> </main> <footer data-astro-cid-gjtny2mx> <div> <div class="flex items-center space-x-4"> <div class="flex items-center"> <div class="w-16"> <img src="/_astro/face.DJYkFa_V_Z1isdKP.webp" alt width="2400" height="2400" loading="lazy" decoding="async"> </div> <span>永井 大介</span> </div> <p>© 二〇二五</p> </div> </div> </footer> </div> <aside data-astro-cid-gjtny2mx> <div class="flex space-x-4"> <!-- <BlogTagsLink heading='' tags={tags} /> --> <!-- <Pagination currentPage={1} numberOfPages={numberOfPages} /> --> </div> </aside> </div> </body></html> <script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.Db3AGV18.js"></script>