2019年09月の記事 (11件)
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連携によるリアルタイム通知まで、実装手順をコード付きで紹介します。

GitPitchを使ってMarkdownからプレゼンテーションを作ってBadgeをレポジトリに貼る

GitPitchを使ってMarkdownからプレゼンテーションを作ってBadgeをレポジトリに貼る

GitPitchを使ってMarkdownからおしゃれなプレゼンテーションを作成する方法を紹介。Azusa Colorsを参考にした配色設定、背景画像やフォントのカスタマイズ、GitHub BadgeのREADMEへの貼り方まで、実例付きで解説します。

particles.jsをVue.jsで使ってかっこいいページを作る

particles.jsをVue.jsで使ってかっこいいページを作る

Vue.jsでparticles.jsを手軽に導入してかっこいいパーティクルエフェクトを実装する方法を紹介。vue-particlesのインストールからmain.tsでの設定、CSSによるz-indexの調整まで、コード例付きでわかりやすく解説します。

Nightwatch.jsでE2Eテストを回したときにうまく動かないたった一つの理由

Nightwatch.jsでE2Eテストを回したときにうまく動かないたった一つの理由

Nightwatch.jsのE2Eテストが動かない原因はnode_modules内のChromeDriverにあった。vue-cliが依存するChromeDriverのバージョン不一致を特定し、CircleCIのDockerイメージ上で解決するまでの調査過程と対処法を詳しく解説します。

Hyper-vにMetasploitableの仮想マシンを立ててみる

Hyper-vにMetasploitableの仮想マシンを立ててみる

VirtualBox用のMetasploitableをHyper-vで動かす手順を解説。VMDKからVHDXへのディスク変換にMicrosoft Virtual Machine Converterを使い、PowerShellでの変換コマンドから仮想マシン作成・起動までの流れをまとめました。

ChromeDriverがGoogleChrome v76 に対応していないらしい。

ChromeDriverがGoogleChrome v76 に対応していないらしい。

CircleCIでChromeDriver v76非対応エラーが発生した際のトラブルシューティング記録。DockerイメージのChrome Betaへの差し替えやバージョン固定など、E2Eテスト環境のChrome互換性問題への対処法を試行錯誤した過程をまとめました。

Github Actionを使って、簡単CIを作ってみる

Github Actionを使って、簡単CIを作ってみる

GitHub Actionを使ったCI環境の構築手順を紹介。YAMLでのWorkflow定義、PythonのPytestによるMatrixテスト、Trigger設定など、GitHub純正CIの基本的な使い方を実例付きで解説します。

Github + Gatsby + Netlify CMS で今更ブログを作る

Github + Gatsby + Netlify CMS で今更ブログを作る

Netlify CMSとGatsbyを使ったブログ構築の手順を解説。GitHubとの連携、CMS管理画面の設定、独自ドメインの適用まで、静的サイトジェネレーターを使ったHeadless CMSブログの作り方を初心者向けにまとめました。