静的サイト

数ヶ月Contentfull+Next.js(Vercel)でブログを書いてたけど、何だか大袈裟な感じがしてやめてしまった 勢いで記事エクスポートして元の環境消してしまったけど、はてなブログって独自ドメインで運用しようとすると結構お高いんだなということに今気づいて絶賛躊躇い中 qiitaとかzennとかはまとまってる内容でないと書こうという気にならないし hatenaは独自ドメイン使おうとすると高いし、jamstackはめんどいし、かといってwordpressはやりすぎな気がするというかあまり好きではないし... 案外しっくりくるやり方がない 気軽にかけてポータビリティが高い感じの環境が欲しい…

先日 Static Web Apps に Azure Functions 以外の API を簡単に持ち込める機能が追加されました。App Service / Container Apps / API Management の 3 つを追加で持ち込めるようになったので、API が多いアプリケーションも Static Web Apps でホストしやすくなりました。Azure 上にデプロイしてしまえば非常に確認は簡単なのですが、ローカルでの開発中にはどのように扱うのが最適なのか気になったので検討しました。結論としては Static Web Apps CLI を使えば全て解決するという話なのですが、A…

Firebase Hosting で公開するサイトに GoogleDomains で取った独自ドメインを割り当てたメモ 前提 Firebase でプロジェクトを作成済み Google Domains で独自ドメインを取得済み 1. Firebase Hosting でカスタムドメインの設定を行う Hosting → 「カスタムドメインを追加」を選択 カスタムドメインを追加の部分に GoogleDomains で取得したドメインを入力して次へ 所有権の確認が終わったらセットアップモードが表示される GoogleDomains を使っている場合 クイックセットアップに表示されているAレコードを追加…

Azure Static Web App CLI (SWA CLI)が正式にリリースされたので試してみます。 インストール npmでグローバルインストールします。 npm install -g @azure/static-web-apps-cli 静的サイトの作成 SWAに乗っける静的サイトを作成します。 今回はAngularでSPAのプロジェクトを作成し、distフォルダにHTML一式を出力しておきます。 ng new swa-sample SWAエミュレータの実行 swa startを使ってSWAエミュレータを実行します。引数にHTMLが出力されたフォルダを指定します。 swa start…

今後はこちらでブログを書いていこうと思っています。 乗り換え理由とかは既に向こうで書いたので省略。 kotakawase.net ここでは、乗り換え手順だったり、Jekyllを使ってみたい方が参考になりそうなことを書きます。 そもそも、Jekyllとは Jekyll（ジキル）は静的サイトの生成を行うための、RubyGemsで配布されているRuby製のツールのことです。生成までを行なってくれるので、簡単にブログやWebページを作ることができます。 Jekyllを触ってみる 前提 前提として、Rubyの開発環境が必要になってくるのでインストールしておきます。Jekyllの公式ドキュメントにもある通…

集合知プラットフォーム事業部の榎本です。筋トレのお供のプロテインが切れそうなので、次に購入するプロテインのメーカーとフレーバーに悩んでます。 GitHub Pages でアクセス制限 今まで GitHub Pages というと静的サイトをインターネットへ全世界公開するしかできなかったのですが、2021年に Private GitHub Pages の機能がリリースされ、限定されたユーザーのみに制限してページを公開することが可能になりました。 GitHub Pages を使って社内のドキュメントやナレッジを特定のユーザーだけに公開したり、企業内だけで共有したりすることができます。…（中略）… 今…

Platform Week - The Cloudflare Blog この中から、個人的に気になったものたちをさっくりまとめ。つまりWorkersとかPagesとかに関連するものが多く、それ以外のStreamingとかWeb3系はスルーしてる。

SRE NEXT2022で様々なセッションを聴講した記録です！自分用のメモをちょいと整理して書き起こしてみました🙇 https://sre-next.dev/2022/ Day1 How We Foster "Reliability" in Diversity SRE NEXT 2020から2年ぶり2回めの開催👏 会社紹介-> Topotal: sreを軸にしたスタートアップ-> SRE as a Serviceをやっていて、お客さんとともにSREの達成を目指す。実際は組織のコンテクストを考えて最適な形で達成させる。-> コンテクストの上でベストプラクティスを当てはめる。 1. なぜ適切なSR…

React開発者(プログラマー)として将来的に学びたいと思っている、またはこれから入るそんな初学者様はこのような疑問に辿り着くかと思います。 Reactを学ぶ前にどれくらいのJavaScriptを学ぶべきなのか？？ どれ程JSを学んでおけばReactを始められるのか？ これはよく聞く非常に一般的な質問です。 バニラJavaScriptの基本と、ES6にある最新の構文と機能を学ぶ必要があります。 本日はReactを開始する前に知っておくべき非常に重要なJSのスキルおよびライブラリまたはツールなどを細かくリストとして紹介を致します。 Reactの名前は知ってるけど良く分からないという方はこちらへど…

はじめに どうも小野です。WebAPI仕様書の作成はどのようにしていますか？今回紹介するツール等がない時代はExcelを当たり前のように使っていたかもしれません。 Excelの場合、ファイルのバージョン管理に苦労することが多いため、効率がいいとは言えません。 そこで、今回はタイトルにもある通り、簡単３ステップでWebAPI仕様書を作成する方法をご紹介します。 前提 Githubアカウントを登録済みであること Netlifyアカウントを登録済みであること Node.jsがインストールされていること ステップ１ Githubセットアップ リポジトリを新規作成します。 ステップ２ Netlifyセッ…

ソーシャルメディアからEメールマーケティングまで、トラフィックを増やしてビジネスを後押しする方法はたくさんあることをご存知でしょう。 しかし、あなたは現在利用可能な多くのデジタルマーケティングツールに精通していますか？ 何百ものツールから選択できます。 たとえば、デジタルマーケティングで作業する場合は、必ず確認する必要がある75のツールのリストを次に示します。 ただし、気付かないかもしれないことは次のとおりです。各ツールを使用してマーケティングキャンペーンを改善する方法はたくさんあります。 このため、各ツールの調査と実験に適切な時間を費やすことが不可欠です。 この投稿では、5つの最高のデジタル…

Litespeedを採用していて安い！早い！うまい！のレンタルサーバ、ジェットボーイ。 大手サーバに比べるとやはり情報量が少なすぎるので、今回はSSH接続についてメモ。 まずそもそもsshに対応しているのかって話だが。 よくある質問を見てみると、 サーバーへのSSH接続は可能ですか？申し訳ございません。現在SSHでのサーバー接続はご提供しておりません。今後のご提供予定となります。 http://support.jetboy.jp/archives/faq ってことで現状は未対応のように読める。 でもでも、サーバの基本仕様のページを見てみると、 SSH接続をご希望のお客様にポート解放にてご提供し…