2021 年 05 月 20 日 (木) - ようへいの日々精進XP
アクティビティ (今までの走行 (歩行) 距離) ジョギング レアジョブ 夕飯 CircleCI ミートアップに参加した アクティビティ (今までの走行 (歩行) 距離) Fitibit Charge2 のアクティビティから走行 (歩行) 距離を Fitbit Web API で取得して Pixela で草生やしている。色が濃くなれば濃くなる程強度が高い (歩行、走行距離が長い) ということで。実装の詳細はこちら。 ジョギング 完全休養。 レアジョブ 今日はお休みを頂いた。 夕飯 デミハンバーグをご査収下さい。#おごちそうさま https://t.co/4xVW1JwkUt— Yohei Kawahara（かっぱ） (@inokara) 2021年5月20日 #おいしゅうございました #ご査収ください https://t.co/FbulmWINzv— Yohei Kawahara（かっぱ）
(俺の Orbs) AWS セキュリティグループの Ingress ルールに CircleCI の IP を追加 or 削除する Orbs を作りました - ようへいの日々精進XP
あまりニーズがないかもしれないけど... デモ 苦労したところとか circleci orb init command にスクリプトをベタ書き 以上 あまりニーズがないかもしれないけど... CircleCI で AWS 環境 (例えば、EC2 とか ECS ) に、デプロイする流れで AWS セキュリティグループで保護された URL に対して、CircleCI のジョブからアクセスしたい時があります。 そんな時に、アクセスする直前に、一時的にアクセス元となる CircleCI の IP アドレスをセキュリティグループの Ingress ルールに追加して、処理が終了したら、その IP アドレスを削除する CircleCI Orbs を作ったので宣伝させて下さい。 circleci.com ちなみに、似たような機能を提供してくれる Orbs はいくつか提供されています。 circleci.c
DXを支えるアジャイルとDevOps、開発プロセス自動化の基本を理解
出典：日経クロステック、2020年10月23日 （記事は執筆時の情報に基づいており、現在では異なる場合があります） DX（Digital Transformation）を進めるうえで押さえておきたいアジャイル開発とDevOps。前回の記事では「システム分割の粒度」や「体制や組織」の観点から、の導入・活用に必要なポイントを紹介した。今回は「開発プロセス」に着目し、導入の勘所を探る。実際に開発に入った際、どのようなプロセスで作業を進めるべきかを整理しておこう。 開発プロセスのポイント①：コードデプロイプロセスの実現 開発環境や一部の本番環境で、コードコミット（コードの変更点を確定させること）の自動化やテスト自動化を実現している企業は多い。だがエンタープライズシステムにおいて、コードコミットから本番環境までのプロセス全体を自動化できている例はまだ少ない。 アジャイル開発・DevOpsにおいて自動
Visual Regression Testing はじめました - 具体的な運用 Tips | Recruit Tech Blog
こんにちは。スタディサプリ ENGLISH Web フロントチームの kazuma1989 です。 先日、私たちのチームは開発フローに Visual Regression Testing を導入しました。Visual Regression Testing は、フレームワークを紹介する記事は見つかるものの、具体的な知見があまり広まっていない印象なので、具体的な設定値や選定理由も含め紹介してみます。 React による Web フロント開発を前提にしていますが、Visual Regression Testing のコア部分は「画像の比較」であるため、他のプラットフォーム開発でも参考になればと思います。 Visual Regression Testing (VRT) とは Visual Regression Testing （日本語で 画像回帰テスト、以下 VRT）は、画像の差分を検出する、スナ
AWS OpsWorksをやめてAmazon EKSに移行したはなし - てくすた
こんにちは、開発部でインフラエンジニアをしているもりです。本年もPIXTAエンジニアブログ"てくすた"をよろしくお願いします。 今年はいよいよ東京オリンピックがはじまりますね。私は男子バスケットボール予選ラウンドのチケットが当たって、今から楽しみにしております。 さて、弊社が運営する家族向けの出張撮影プラットフォームfotowaも実は2016年2月29日のうるう年生まれ。4年に一度の「本当の誕生日」を迎えます。そこで今回はこの誕生日を迎えるにあたってfotowaのインフラストラクチャ基盤をAWS OpsWorks(以後、OpsWorks)からAmazon EKS(以後、EKS)に移行したはなしを書きます。 icetray / PIXTA 移行によって改善したかったこと OpsWorksでアプリケーションとインフラストラクチャを運用をしていく中で改善したかったことは主に下記の４つです。 継続
テスト環境でPhantomJSを使うのやめました。 - てくすた
こんにちは、開発部のケビンです。開発のテスト環境でPhantomJSを使うのをやめた話をしたいと思います。 背景 PhantomJSはヘッドレスブラウザであり、コマンドを打つだけでUI無しでブラウザを操作できるものです。適切なコマンドを実行することでページ上の操作を行えるためブラウザーテストに優れているものです。fotowaでは以前Capybaraで実行していたテストでPhantomJSを利用していました。しかし、PhantomJSの開発は終了し、リポジトリはアーカイブされ今後新しい機能が追加される予定はなさそうです。アーカイブされたのが去年(2018年)の６月であり、最新のJavaScriptシンタックスがサポートされてないためPhantomJSで発覚するエラーに出会うことが少しありました。この理由でもう少しモダンなSeleniumに移ることにしました。 SeleniumはWebDriv
ファイルを変更せずにもう一度git pushがしたい - Qiita
はじめに 一度、リモートリポジトリにpushしたファイルを、変更せずに再度pushしたいと思ったことはありませんか？ 私はあります。（詳細は下の「背景」へ） でも、ファイルに変更がないので、commitがない。そうなるとpushもできないかと思います。 今回の記事では、ファイルを変更せずにもう一度pushする方法をご紹介します。 背景 いつものようにリモートリポジトリにファイルをpushしたところ、pushしたファイルはリモートリポジトリに反映されているものの、いつも動いてくれるCircleCIが動いてくれない。 CircleCIの設定は変更していないので、アプリ側の問題ではないと考え、再度pushを試してみたいと思ったものの、ファイルを変更していないので、当然commitもなくpushができない。 さぁ、どうしたものか。 方法 空のcommitをすることで再度pushをすることができるよ
CircleCIでYAML Anchors & Aliasesを使う | WP-kyoto
CircleCIのYAMLを書くときに、同じ記述をjob毎に書くのがめんどうだったのでYAML Anchors & Aliasesを使ってみました。 参考 https://circleci.com/blog/circleci-hacks-reuse-yaml-in-your-circleci-config-with-yaml 背景 Docker Hubが匿名でのImage Pullに対して回数制限を設定するようになりました。 https://www.docker.com/pricing/resource-consumption-updates Circle CI側でも認証付きでのpullを推奨するとのことなので、これをjobごとに設定しています。 2020年11月1日から、Docker Hub で匿名ユーザーに対する発信元 IP に基づいたプル回数制限が導入されます。運用中のサービスでの混
husky + lint-stagedでコミット時にCircleCIのyamlを検証する | WP-kyoto
CircleCIのCLIには、yamlの検証ができるcircleci config validateがあります。 これをpackage.jsonなどのlint-stagedの設定に追加してやると、.circleci/co […] CircleCIのCLIには、yamlの検証ができるcircleci config validateがあります。 これをpackage.jsonなどのlint-stagedの設定に追加してやると、.circleci/config.ymlを更新したときに構文エラーが出ていないか確認できます。 "lint-staged": { "*.{js,jsx,ts,tsx}": [ "eslint --fix" ], ".circleci/config.yml": [ "circleci config validate" ] }, 問題なければコミットできます。 % git c
CircleCIでpuppeteerまたはplaywrightのテストを実行するときの覚書
そのままではどちらも動かないので、ちょっと手を入れる必要がありました。 環境 Docker image: circleci/node:lts-browsers 問題 CircleCIのコンテナにはいくつかの必要なライブラ […] そのままではどちらも動かないので、ちょっと手を入れる必要がありました。 環境 Docker image: circleci/node:lts-browsers 問題 CircleCIのコンテナにはいくつかの必要なライブラリが入っていません。 ● test on "webkit" › should match snapshot [body] browserType.launch: Host system is missing dependencies! Missing libraries are: libgstreamer-1.0.so.0 libbrotlidec
Netlify と Circle CIでのReact SPAのCI / CD | WP-kyoto
いい方法が思いつかなくて、Netlifyチームに「ぶっちゃけどうやるのがいいの？」って聞いてみた。 今回のサンプル 特に意味はないですが、Gatsbyあんまり触ってないのであえて使ってみます。 GitHubのリポジトリと […] 今回のサンプル 特に意味はないですが、Gatsbyあんまり触ってないのであえて使ってみます。 $ npx gatsby new netlify-cli-test $ cd netlify-cli-test $ git init $ git add ./ $ git commit -m "init" $ git remote add origin <YOUR_GITHUB_REPO> $ git push origin master GitHubのリポジトリとの関連付けまでこれですみました。 Netlifyと連携する とりあえずサイトをそのままデプロイしてみましょう
create-react-appで作ったReactプロジェクトにPuppeteerでE2Eテストを追加してCircle CIでまわす | WP-kyoto
JavaScriptJestNode.jsPuppeteer create-react-appで作ったReactプロジェクトにPuppeteerでE2Eテストを追加してCircle CIでまわす 長いタイトルですが、要はそういうことです。 経緯 create-react-appでReactアプリを作ろう Circle CIでユニットテストとかデプロイまわそう PuppeteerでE2Eのテストもできるらしい！ じ […] 経緯 create-react-appでReactアプリを作ろう Circle CIでユニットテストとかデプロイまわそう PuppeteerでE2Eのテストもできるらしい！ じゃあCircle CIでそれもテストしようぜ！ 準備 まずは必要なライブラリとファイルを用意します。 # パッケージの追加 $ npm i -D rimraf puppeteer jest jest
CircleCI 2.0でServerless Frameworkのプロジェクトをデプロイする | WP-kyoto
ちょっとハマったので覚書 注意点１：npm i -gはこける ローカルインストールするとLambdaのソースとしてアップロードされてしまうので、Serverless Frameworkはグローバルインストールさせたいとこ […] ちょっとハマったので覚書 注意点１：npm i -gはこける ローカルインストールするとLambdaのソースとしてアップロードされてしまうので、Serverless Frameworkはグローバルインストールさせたいところです。 なので.circle/config.ymlに以下の様にコマンドを書いてグローバルインストールさせたいところ。 version: 2 jobs: build: docker: - image: circleci/node:7.10 working_directory: ~/repo steps: - checkout - run: name
[Node.js]Circle CI 2.0からNetlifyにデプロイする | WP-kyoto
1:Circle CIで環境変数を設定する NETLIFY_TOKENにNetlifyのPersonal Access Tokenを、 DEV_SITE_IDにデプロイ先のNetlifyのサイトIDを入れておきましょう。 2:Netlify CLIをインストールする yarn add -D netlify-cliまたはnpm install -D netlify-cliでNetlify CLIを追加します。 3:.circleci/config.ymlを設定する Deployment Integrationsを参考にデプロイの設定をします。 キャッシュ設定などを省いた最小限構成だと、こんな感じになるかと思います。 version: 2 jobs: build: docker: - image: circleci/node:7.10 working_directory: ~/repo ste
Create React Appで作ったプロジェクトのテストがCircle CIでコケた時に見る覚書 | WP-kyoto
一晩悩んだやつなので、次困らないように覚書。 前提 Create React Appで作ったプロジェクト テストはJest ローカルでのテストは全てPASSしている 起きたこと テストファイルが増えてきたタイミングで、n […] 一晩悩んだやつなので、次困らないように覚書。 前提 Create React Appで作ったプロジェクト テストはJest ローカルでのテストは全てPASSしている 起きたこと テストファイルが増えてきたタイミングで、not enough memoryというエラーでCircle CIのビルドがコケ出した。 Summary of all failing tests FAIL src/components/test/Component.test.js ● Test suite failed to run ENOMEM: not enough memory, read
yarn.lockのchecksumを使うときには、–frozen-lockfileを添えよう | WP-kyoto
Circle CIのCacheではまったので覚書。 やりたかったこと Yarnでインストールしたnode_modulesをcacheしてjobsで使いまわしたい。 起こった問題 save_cacheでのchecksumと […] やりたかったこと Yarnでインストールしたnode_modulesをcacheしてjobsで使いまわしたい。 jobs: prepare: docker: - image: circleci/node:lts-browsers working_directory: ~/repo steps: - checkout - restore_cache: name: Restore Yarn Package Cache keys: - yarn-packages-{{ .Branch }}-{{ checksum "yarn.lock" }} - run: yarn -
Netlify と Circle CIでのReact SPAのCI / CD | WP-kyoto
いい方法が思いつかなくて、Netlifyチームに「ぶっちゃけどうやるのがいいの？」って聞いてみた。 今回のサンプル 特に意味はないですが、Gatsbyあんまり触ってないのであえて使ってみます。 GitHubのリポジトリと […] 今回のサンプル 特に意味はないですが、Gatsbyあんまり触ってないのであえて使ってみます。 $ npx gatsby new netlify-cli-test $ cd netlify-cli-test $ git init $ git add ./ $ git commit -m "init" $ git remote add origin <YOUR_GITHUB_REPO> $ git push origin master GitHubのリポジトリとの関連付けまでこれですみました。 Netlifyと連携する とりあえずサイトをそのままデプロイしてみましょう
ラズパイでもAmazon ECSを動かせる、「Amazon ECS Anywhere」が正式リリース。ラズパイやオンプレミスのコンテナ環境をAWSから集中管理可能
ラズパイでもAmazon ECSを動かせる、「Amazon ECS Anywhere」が正式リリース。ラズパイやオンプレミスのコンテナ環境をAWSから集中管理可能 Amazon Web Services（AWS）は、AWS上のコンテナ基盤サービスである「Amazon ECS（Elastic Container Service）」を、オンプレミスなど任意のサーバなどで実行可能にする「Amazon ECS Anywhere」の正式リリースを発表しました。 With Amazon ECS Anywhere, you can run and manage container-based applications on customer-managed infrastructure, including on-premises on your own virtual machines and bar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kenta-fukushima-jb/kenta-r-circleci-hands-on-frontend
コットンの備忘録