最近ではWebサイトを構築する際にWordPressなどのCMS（コンテンツ管理システム）を利用することが多いが、今日でも静的なHTMLファイルを使ったサイト構築には多くのメリットがある。今回は、こうしたHTMLファイルベースのサイト構築を支援するHTMLファイル生成ツール「Hugo」を紹介する。 静的ファイルでサイトを作るための支援ツール「Hugo」 コンテンツの作成や編集の容易さから、昨今ではWebサイトを構築する際にCMSを利用する例が多い。ただ、CMSを使用するにはCMS自体のインストールや設定、データベースの準備などが必要であるため、更新頻度の低いサイトやページ数の少ないサイトでは静的なHTMLファイルを使って構築したほうがコストが低くなる場合がある。 とはいえ、HTMLファイルをいちいち手動で作成するのは楽ではない。そのため、HTMLファイルを半自動生成するようなツールが数多く

今回、はじめてvueを触ってみました。 まだまだ深くまで知れていないのですが、備忘録として残そうと思います。 Vueのversion3を使用しています。 完成コード 今回、vue3で記述しました。Vue2との違いがあまりわかっていないのですが、最初のアプリの作成方法が異なると思います。 また、CDNを読み込んで作成しました。 Jsfiddleで見たほうが見やすいです。 https://jsfiddle.net/komame/hp7ew9ux/14/ JSONデータを読み込む 今回、axiosというライブラリを使用して、jsonを読み込んでいます。 詳しい内容はわかっていないのですが、サーバーからデータを取得したりするときに便利なライブラリのようです。 https://reffect.co.jp/vue/vue-axios-learn#axios-2 JSfiddleでは、records内か

hugoとは？ hugo(ヒューゴ）とは、goで作られたwebサイトを作成するフレームワークです。 公式サイトのトップページで「ウェブサイトを構築するための世界最速のフレームワーク」書いてあるように速さを売りにした静的サイトジェネレーターのようです。 公式ページ 使用できるテーマも数多く揃えられており、柔軟性もあるとのことだったので今回はhugoを使って実際にブログを作成してみました。 先に触ってみた感想なのですが、下記画像のように本当に多くのテーマが用意されており選ぶだけで楽しかったです。また、テーマのカスタマイズも簡単に行なえ自分好みにできるので結構体験良かったです。 テーマ一覧 もととなるテーマも豊富にあり、結構簡単にカスタマイズもできるので、企業サイトやショップサイト、LPやオウンドメディアとか作るのもいいかもしれないですね。 blogの作成 今回はhugoで静的サイトを作り、ロリ

AWS SSOのコンソール画面を触ってると、「んん？？どういうこっちゃ??‍♂️」みたいに混乱することありませんか？画面に沿ってなんとなく設定はできたけど、どういう仕組みになっているかわからないというか… すみません、うまく言語化できていない自覚があるんですが、以下のような点がモヤモヤしています。 ユーザー&グループ、アカウント、アクセス権限セット各概念の関係性がわからない いや、俺はそもそもアクセス権限セットがどういうものなのか理解していないのでは？(モヤモヤ?) 今回はこのモヤモヤを解消するために、SSOの概念を図解していきたいと思います。SSOコンソール上での以下各操作によってどういうリソースが作成され、それぞれがどう動作するのかまとめます。 初期状態(SSO有効化前) SSOを有効化する ユーザーやグループを作成する アクセス権限セットを作成する アカウントにユーザー・グループを割

Okta Workflowsは、IDaaSでビジネスプロセスの自動化を行うためのソリューションです。このブログでは、Okta Workflowsがどのように役立つかをイメージして頂けるよう、機能の概要と他社の自動化ソリューションとの違いを説明をします。 Okta Workflowsの特長① No Code プロセスの自動化と聞くとInfrastracture as Codeのような複雑なソリューションを思い浮かべる方も多いと思いますが、Okta Workflowsは自動化ステップの作成、メンテナンスカスタマイズをNo Codeで行うソリューションです。 スクリプトやカスタムコードは、開発自体が大変ですが、さらに、カスタムスクリプト/コード用のホスティングプラットフォームに信頼性と可用性を求めるとコストが高くなります。 Okta WorkflowsはNo Codeで可視性の高いGUIで構築さ

確認してみた 次のような Workflow file で確認してみます。 .github/workflows/echo.yml on: push: pull_request: jobs: echo: runs-on: ubuntu-latest steps: - run: | echo '1' $GITHUB_REF echo '2' ${{ github.ref }} echo '3' ${{ github.ref_name }} echo '4' ${{ github.head_ref }} echo '5' ${{ github.base_ref }} 2から4については、Workflow 内で利用可能なgithubcontext を使用しています。 github-context - Contexts - GitHub Docs Push Eventの場合 Push Event Tr

この記事は、Merpay Tech Openness Month 2023 の4日目の記事です。 こんにちは。メルコインのバックエンドエンジニアの@goroです。 はじめに このGitHub Actionsのセキュリティガイドラインは、社内でGithub Actionsの利用に先駆け、社内有志によって検討されました。「GitHub Actionsを使うにあたりどういった点に留意すれば最低限の安全性を確保できるか学習してもらいたい」「定期的に本ドキュメントを見返してもらい自分たちのリポジトリーが安全な状態になっているか点検する際に役立ててもらいたい」という思いに基づいて作成されています。 今回はそんなガイドラインの一部を、社外の方々にも役立つと思い公開することにしました。 ガイドラインにおける目標 このガイドラインは事前に2段階の目標を設定して作成されています。まず第1に「常に達成したいこと

こんにちは。 SRE の @suzuki-shunsuke です。 AWS IAM の管理を miam から Terraform に移行した話を紹介します。 なお、 AWS や miam に限らず「Terraform で管理されていない大量のリソースを Terraform で管理する」ことを検討している方には参考になる内容かと思います。 背景 本ブログでも何度か紹介したとおり、弊社では AWS のリソースを Terraform で管理しています。 しかし、実は IAM に関しては miam という別のツールで主に管理されていました。 miam は AWS IAM を管理することに特化したツールです。 miam には以下のような特徴があります。 Ruby の DSL によって柔軟にリソースの定義ができる miam によるリソース管理を強制できる DSL で定義されていないリソースは削除されて

概要 OpenID Connect (OIDC) を使うと、GitHub Actions ワークフローでは、有効期間の長い GitHub シークレットとしてアマゾン ウェブ サービス (AWS) 資格情報を格納しなくても、AWS 内のリソースにアクセスできます。 このガイドでは、GitHub の OIDC をフェデレーション ID として信頼するように AWS を構成する方法と、トークンを使って AWS に対する認証とリソースへのアクセスを行う aws-actions/configure-aws-credentials のワークフロー例を示します。 前提条件 GitHub が OpenID Connect (OIDC) を使用する方法の基本的な概念とそのアーキテクチャと利点については、「OpenID Connect を使ったセキュリティ強化について」を参照してください。 先に進む前に、アク

はじめに アノテーションの髙嶋です 今回はGoogle Apps Script（以降、GAS）の開発環境を自端末内に構築した際の手順を書いています。 GASにはGoogleが提供しているWEBエディターがあるので、そちらを使用すればすぐにプログラムを書き始めることができます。 私はVisual Studio Code（以降、VSCode）を使用したいので、今回のような環境を構築しています。 実行環境 今回の実行環境の情報です。 claspというNode.jsのパッケージを使用するため、Node.jsがインストールされている必要があります。 node --version v16.8.0 npm --version 7.22.0 claspの詳細はこちらで確認できます。 https://github.com/google/clasp 環境構築 設定 下記からGoogle Apps Script

Subnauticaは未知の海洋惑星での水中アドベンチャーゲームです。驚異と危険に満ちた大規模なオープンワールドがあなたを待っています！ 広大な海中世界に飛び込もう あなたは未知の海洋惑星に不時着し、唯一の帰還手段は失われました。Subnauticaの海には日差しの降り注ぐ浅瀬の珊瑚礁やとてつもない水深の洞窟、溶岩地帯、生物発光で照らされた水中の川などがあります。海藻の森や台地、珊瑚礁、そして曲がりくねった洞窟を探索する際には、酸素供給の管理を忘れないようにしましょう。海中は生命で満ちあふれています。その中のいくらかは有益ですが、ほとんどは有害です。 集めて、作って、そして生き延びよう 脱出ポッドが不時着した後は、水と食料の探索や、探索に必要な機器の開発に時間を費やします。周囲から資源を集め、ナイフやライト、ダイビング機器、そして個人用潜水艇を作りましょう。そうすればより深くへの冒険やさら

はじめにこんにちは、SHIFTの開発部門に所属している Katayama です。 GitHub Actions の CICD で、AWS 環境に Deploy する際に最も簡単なのは AWS のクレデンシャルを GitHub Actions のSecretに登録して、パイプライン（yaml）でそれを利用する事だと思う。 具体的には以下のような感じ。 - name: Configure AWS Credentials uses: aws-actions/configure-aws-credentials@v1 with: aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }} aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }} aws-region: ap-northeast-

[GitHub] きめ細かなアクセス権の制御ができる「Fine-grained personal access tokens (beta)」を使ってみた こんにちは、CX事業本部 IoT事業部の若槻です。 GitHubのOAuth Appsの設定を見直そうと久しぶりにDeveloper settingの画面を見ていたところ、Personal access tokensメニューにFine-grained personal access tokensなる項目が追加されていました。 昨年の10/18にBetaリリースされた機能で、従来のPersonal access tokens（classic PATs）に比べてセキュリティレベルが強化されているとのことです。 Introducing fine-grained personal access tokens for GitHub | The Gi

GitHub Apps の Access Token を取得するGoogle Apps Script 用ライブラリーを作った Google Apps Script から GitHub Actions のワークフローを開始したくなったのですが、開始するには対象リポジトリの許可(permission)が必要になります。 定番としては Personal Access Token の利用になりますが、GitHub では有効期限を短く設定するよう警告も出るので他の方法を探したところ以下の記事がヒットしました。 そこで Google Apps Script で同じようなことが出来ないか試してみました。 GitHub Apps アプリの用意 まずはテスト用のアプリを用意します。 アプリ作成 基本的には冒頭記事の通りです。 GitHub App nameはアプリの名前をつけてあげて下さい。 Homepag

はじめに GASでの開発でGithubリポジトリと連携する方法について書きましたが、リポジトリにプッシュする前に、一般に公開しないほうが良い情報が入っていないか気をつける必要があります。例えば、 APIトークン メールアドレス なんかのパスワード 特定のIDやURL これまでコードにLINE messanger APIのチャンネルアクセストークンや自身のメールアドレス、LINEのIDなどをベタ書きしており、Githubのリポジトリにアップする際にどうするのが正しいのか悩みました。リポジトリをprivateに設定すれば大丈夫かな？とかやってみたんですが、なんか落ち着かないしスマートじゃない気が。 調べてみると、どうやらGASでは「プロパティ」として公開したくない情報を管理できるやり方があるようです。 またメンターさんに教えていただいたところによると、一般的には秘匿情報を プロパティファイルに

Googleカレンダーは予約システムとしても使うことができます。WordPressとの連携も可能です。 本記事ではGoogleカレンダーを予約システムとして使う方法と、できることできないこと（一般的な予約システムとの違い）を解説します。 Googleカレンダーは無料で使える？ Googleカレンダーは予約システムとして使えるのでしょうか。 結論から言うと、「無料では使えない」です。それぞれできること、できないことを書いていきます。 無料でできること 無料では予約システムは無理ですが、予約一覧表をカレンダーで掲示するなら可能です。 ※休日や予約状況を掲示するだけのカレンダー（予約システムとはほど遠い） 無料で使う場合、ユーザーはカレンダーから直接予約ができないため、予約システムとは言えない代物になっています。 ただ、一般的な予約システムを導入すれば月額5,000円-10,000円はかかってし

技術本部 サービスリライアビリティグループ（SRG）の長谷川 @rarirureluis です。 #SRG（Service Reliability Group）は、主に弊社メディアサービスのインフラ周りを横断的にサポートしており、既存サービスの改善や新規立ち上げ、OSS貢献などを行っているグループです。 やりたいこと 6年間、手入れがされていない AWS 環境がありました。 Security Group や EC2 は手で作成され、IaC 環境はありません。 そんな AWS リソースをできるだけ簡単に Terraform に落とし込んでみようと思います。 必要なもの Terraform Terraformer tfenv 愛と勇気とちょっとしたやる気 Step1 Terraform の雛形を作成する 今回の Terraform ディレクトリ構成は各環境ごとにディレクトリを切って、その下にリ