Google Apps Script(GAS)とAPI FLASHとSlackAPIをClaspとJestとGitHub Actionで調理して定期的にWebページのスクリーンショットを撮る

Google Apps Script(GAS)とAPI FLASHとSlackAPIをClaspとJestとGitHub Actionで調理して定期的にWebページのスクリーンショットを撮る

GASとAPI FLASHでWebページのスクリーンショットを定期取得し、SlackAPIで通知するシステムの構築方法を解説。ClaspによるTypeScript開発環境、JestでのURLFetchAppモック化テスト、GitHub Actionでの自動デプロイまで紹介します。

究極の謝罪はSlackのスタンプを活用しよう! ~明日から使えるSlackスタンプスニペット集~

究極の謝罪はSlackのスタンプを活用しよう! ~明日から使えるSlackスタンプスニペット集~

Slackの絵文字スタンプを組み合わせて「謝罪ピラミッド」「インベーダゲーム」「福笑い」などのユニークな表現を作るスニペット集。コピペですぐ使えるSlackスタンプアートで、チームのコミュニケーションを楽しくする方法を紹介します。

台風の時の我が家のセンサー(netatmo)の値をZabbixで見る

台風の時の我が家のセンサー(netatmo)の値をZabbixで見る

台風通過時のNetatmo気象センサーのデータをZabbixやNetatmo Dashboardで可視化した記録。気圧変化や風向の推移から台風の動きを読み取る方法や、IoTセンサーによる気象観測の実体験をまとめています。

Ansible + Serverspecを使ってMacの環境構築を自動でする (Azure DevOps Build Pipeline編)

Ansible + Serverspecを使ってMacの環境構築を自動でする (Azure DevOps Build Pipeline編)

Mac環境構築のAnsible+ServerspecワークフローをクリーンなmacOS環境で検証するため、Azure DevOps Build PipelineでCI化する手順を解説。無料でmacOSイメージが使えるCIの選定理由やYAML定義の書き方を紹介します。

Ansible + Serverspecを使ってMacの環境構築を自動でする (Serverspec編)

Ansible + Serverspecを使ってMacの環境構築を自動でする (Serverspec編)

Ansibleで構築したMac環境をServerspecで自動テストする方法を解説。RSpecベースのテストコード作成手順、パッケージインストール確認・コマンド結果検証・ファイル内容チェックの具体例をコード付きで紹介します。

Ansible + Serverspecを使ってMacの環境構築を自動でする (Ansible編)

Ansible + Serverspecを使ってMacの環境構築を自動でする (Ansible編)

AnsibleでMacの開発環境構築を自動化する方法をInventory・Role・Playbookの設定手順に沿って解説。Homebrewモジュールによるパッケージ管理、lineinfile/blockinfileでのPATH設定、Makefileによる一発実行まで紹介します。

Netlify Formを使って、簡易Contact Formを作ってみる

Netlify Formを使って、簡易Contact Formを作ってみる

Netlify Formを使ってGatsby.js製の静的サイトにお問い合わせフォームを実装する方法を解説。data-netlify属性の設定、スパムBot対策のhoneypot設定、フォーム送信通知の確認手順まで、コード付きで紹介します。

GitHubに30日間草を生やし続けた感想

GitHubに30日間草を生やし続けた感想

Write Code Every Dayに挑戦してGitHubに30日間毎日コントリビュートし続けた体験談。社会人向けにテーラリングしたルール設定、毎日コードを書くことで得られたメリットと慢性的な寝不足などのデメリットを正直に振り返ります。

JSON Resume + API With GitHubを使って、さくっと職務経歴書チックなもののAPIなど作ってみる

JSON Resume + API With GitHubを使って、さくっと職務経歴書チックなもののAPIなど作ってみる

JSON ResumeとAPI With GitHubを使って職務経歴書をJSON APIとして公開する方法を解説。JSON Resumeのスキーマ各項目(職歴・学歴・スキルなど)の書き方を海外事例も交えて紹介し、resume-cliでHTMLレジュメを生成する手順もまとめました。

Sentryを使ってフロントエンドのエラーを確認する

Sentryを使ってフロントエンドのエラーを確認する

SentryをVue.js(TypeScript)プロジェクトに導入してフロントエンドのエラーをリアルタイムに検知する方法を解説。main.tsへのSentry初期設定、エラー発火時の通知確認、Slack連携によるリアルタイム通知まで、実装手順をコード付きで紹介します。

Previous
9/11
Next