Read the English article here gulp, gulp-sass のインストール $ npm install gulp gulp-sass -D サンプルのディレクトリ構成 必要なもの: ソースディレクトリ アウトプットディレクトリ gulpfile.js 今回の場合, ソースディレクトリとアウトプットディレクトリはそれぞれ、./sass と ./css となる。 gulpfile.js の設定 gulpfile.js を以下のように設定する gulpfile.js const gulp = require('gulp') const sass = requi...
XStateは有限状態機械(= 有限オートマトン）を実装するライブラリです。 まず、どういうものなのか: import { createMachine, interpret } from 'xstate' const toggleMachine = createMachine({ id: 'toggle', initial: 'inactive', states: { inactive: { on: { TOGGLE: 'active' } }, active: { on: { TOGGLE: 'inactive' } }, }, }) ...
こんにちは 昨年１０月からジョインさせて頂いてます卜部です よろしくおねがいします webアプリケーションから検索を伴うページが表示できず、タイトルのようなことが起きていたので調べた事をメモしておきます まずはエラーログ org.hibernate.search.exception.SearchException: HSEARCH400007: Elasticsearch request failed ググった結論から言うと、アプリケーション側で特に指定しないまま（デフォルト）だとコネクション数２なので、１０に指定するといいよという話のようです Hibernate Search: concur...
２月の昼下がり、業務であたふたしているところに Slack 経由で Zabbix から不穏な通知が うげげ、ブログ死んでるやん。。。。 でも大丈夫。 Beanstalk で稼働してるので、コンソールからアプリケーション再起動すれば OK の簡単なお仕事です。 関係ないですが、 Beanstalk って Beans + talk かなーとか適当に思ってたのですが、 Bean + stalk （茎）で豆の木って事のようですね。 それはさておき、取り敢えず誰かがやらねばブログが落ちたままです。 全世界のタグバンブログ読者から苦情が来てしまいます。 なので早速再起動するもひきつづき Beanstalk...
はじめに 初めまして、2月3日からタグバンガーズで勤務することになりました清田です。 前職ではNW機器の運用保守をしたり、Ansibleでサーバを構築したりしていました。 初日から TerrformでECRの設定を書いたり minikube上でkubernetesを構築したり と、モダンな技術が実際に現場で使われていることに驚きが隠せませんでした。 今回の投稿では、入社した方の開発に必要なものを、Ansibleでインストールする手順 について説明をします！ 開発者全員がMacを使用しているので、Ansibeの homebrew module を使用し、必要なものをインストールしています。 作業...
タイトルの通りです。 docker ps -q で、起動しているコンテナの一覧を取得し、それを stop させればよいです。 1個1個コンテナ ID をコピペして stop させたり、 わざわざ docker-compose.yml のあるディレクトリまで移動する必要がないので、 さっきまで触ってたプロジェクトと別プロジェクトのコンテナを起動させるのに 起動中のコンテナを一掃する時に重宝してます。 $ docker stop $(docker ps -q) e65be5750a6f 2327ddcca7f4 $ docker ps CONTAINER ID IMAGE ...
この記事はBaeldungのChained Exceptions in Javaという記事を参考にし、一部翻訳したものです。 Exceptionとは？ Exception（以下、例外）とは一言でいうと、プログラムの正常な流れを妨害するイベントのことです。 Chained Exceptionとは？ Chained Exception（以下、例外チェーン）は、一つの例外が他の例外によって引き起こされているという状況を確認しやすくしてくれるものです。 例えば、0で割り算をしようとした関数からArithmeticExceptionが投げられたとします。しかし、実際の原因が別にあり、そもそも０が除数とし...
こんにちは！夜空に浮かぶお月さまがいつもより大きく見えてキレイダナーと思い目を凝らしてよく見たらどうやら乱視が進行しているっぽい事に気がついてあわあわしています。山﨑です。 みなさん Google Chrome、使ってますか？ 今日はフロントからのリクエストに関する２つのデバッグてくにっくを書いてみようと思います。 Replay XHR フロントからXHRを使って POST でバックエンドにデータを登録しにいく処理、よくありますよね。 大概フォームの入力を伴うので、名前住所生年月日会社名備考欄 etc.... といちいち入力しなきゃならなかったりするので、 何度もテストを行う内に入力するのがだ...
JavaScriptの仕様標準であるECMAScriptはTC39という団体により使用が策定されています。 ProposalはGithubのレポジトリにまとめられています。 Proposalにはstageというものがあり、stage 0から順にstage 4へ上がっていくというプロセスを経て最終的にECMAScriptに採用されます。 Stage 0 - Strawman（たたき台） アイデア段階 Stage 1 - Proposal（提案） 必要性や解決方法についての説明がある 実際にPolyfillやデモが実装される Stage 2 - Draft（下書き） 仕様書の初期案 具体的な構文に...
Statuspageとはなにか https://www.statuspage.io/ アトラシアンのサービスの一つで、ユーザにインシデントやサービス停止、定期メンテナンス情報を共有・コミュニケーションすることができるツールです。 ユーザはメールやテキストメッセージを受けることができ、他のインタフェースのシステムステータスを直接ステータスページに埋め込んで状況を共有することができます ステータスページ自体にはサーバやシステムの直接的なモニタリングをする機能はありませんが、モニタリングツールと連携したり、APIを使ってステータスページを更新することができます。 見た目デフォルトはこのようなページ...