rsyncの悲劇 〜本番環境を消し飛ばす前に覚えておきたいこと〜
この記事は本番環境でやらかしちゃった人 Advent Calendar 2019 17日目の記事です。 はじめまして、ダーシノ(@bc_rikko)です。 突然ですが、懺悔します。 私は転職して10ヶ月で2回も本番環境をぶっ飛ばしました。お客様をはじめ、関係各位には多大なるご迷惑をおかけしたことを、ここでお詫び申し上げます。 1回目は2015年11月27日、入社27日目のこと。 gitの設定ミスにより壊れたブランチをmasterにforce pushしてしまい、CIが流れて本番環境が壊れた。原因はpush.defaultなのだが、詳しくはすでに記事を書いているのでそちらを読んでほしい。 2回目は翌年9月1日、入社してちょうど10ヶ月たった日のことだ。 またしても本番環境をぶっ飛ばした。しかも、前回より盛大に……。 タイトルにもあるようにrsyncコマンドが原因だ。 当記事では、この「rsy
自作フレームワークをつくって学ぶ 仮想DOM実践入門
昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D
box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる | Black Everyday Company
CSSだけでドット絵（Pixel Art）を描く・アニメーションさせる方法を紹介する。ただ、バニラCSSだけでも大丈夫なのだが、よりメンテナブルにするためSassで描く方法も併せて紹介する。 ちなみに下図のようなドット絵がつくれる。 マリオとMinecraftの土ブロックは、CSSアニメーションをつかって動かしている。もちろんJavaScriptは使っていない。 box-shadowプロパティについて ドット絵を描くためには、CSSのbox-shadowプロパティを使う。 そもそもbox-shadowプロパティは、要素にドロップシャドウ効果（影をつける）を与えるのが本来の使い方なので、まずは基本的な使い方からまとめる。 いくつかの構文がある。 box-shadow: offset-x offset-y color box-shadow: offset-x offset-y blur-rad
Vue.js2.x系でInfinite Scroll（無限スクロール）を実装する
Infinite Scroll（無限スクロール）とは、TwitterやfacebookをはじめとしたSNSやモバイルアプリなどでよく使われている、スクロールすることで自動的に次のコンテンツを読み込む機能だ。 従来のページネーションでは、1ページに表示できるコンテンツが限られたり、「Prev/Next」などのボタンをクリックすることで以降のコンテンツを読み込んだり、モバイルユーザには不便な点が多い。そのため、モバイルデバイスではボタンによる更新よりも無限スクロールのほうが好んで使われている。 ということで、当記事ではVue.js2.x系（サンプルコードはv2.2.1で動作確認）でInfinite Scrollの実装方法をまとめる。 Infinite Scrollを実装する <!-- index.html --> <div id="app"> <div class="item-containe
IT系ブラック企業で過労死しかけたので4年分のタイムカードと実態を暴露する
突然だが、みなさんは「会社に殺されかけた」ことはあるだろうか？ 某居酒屋チェーン店の女性社員、某コンビニエンスストアの店長、某広告代理店の新卒女性社員をはじめ、多くの尊い命が失われたことも記憶に新しいだろう。 そんな私も新氷河期を乗り越え新卒で入社した中堅SI会社で、長期間におよぶ過重労働を強いられ、文字どおりブラック企業に殺されかけた。 当記事では、ブラック企業の実態を知ってもらうため、入社2年目から退職までの4年分のタイムカードを公開しようと思う。当時どんな思いで働いていたのか、体調を崩したのはいつか、精神を病んだのはいつか、などタイムカードをもとに暴露する。今ブラック企業で働いている人や会社を辞めようか悩んでいる人の参考になり、1人でも多くの命が救われることを願っている。 ※ 文中に登場する社名やプロジェクト名、人名のイニシャルには、とくに意味はありません。 ※ 長文なので時間がない
initial-setup-script-for-centos.html
CentOSでサーバを立てたときに、まず最初に必ずやっておきたい初期設定がある。 その作業の一覧が以下のとおり。 パッケージを最新化する 新規ユーザを作成する suコマンドを制限する suコマンドを実行可能なユーザ・グループを限定する 特定のグループ以外suコマンドでrootに昇格できないように制限する パスワード入力なしでsudoコマンドを利用できるようにする ssh接続を制限する rootユーザのsshログインを禁止する sshで公開鍵認証のみ接続を許可する sshでパスワード認証を禁止する 公開鍵をサーバに登録する sshdサービスを再起動する iptablesまたはfirewalldの設定 ←今回はやらない Webアプリケーションをつくりたくて、WebサーバとAPサーバを用意しようと思ったが、毎回この初期設定をするのが超絶メンドそう...。 ということで、自動化するために初期設定を
Node.jsでsqlite3を使ってデータベースを操作する方法まとめ
bot開発のため情報を蓄積するデータベースがほしかった。 ただ、以前ChromeExtention開発のときにNoSQL Databaseを使って死にそうになったのでSQLで取得できるデータベースが使いたい！ でもMySQLとかPostgreSQLとかSQL ServerとかOracleとかを入れるのは面倒くさい。 ということで、手軽につかえるであろうsqlite3を選択した。 ちなみに今回の環境は以下のとおり。 Mac OSX Yosemite node v5.3.0 sqlite3 v3.1.3 sqlite3をインストールする npmをつかってsqlite3のライブラリをインストールする。 $ npm init $ npm i -S sqlite3 インストールは「$ npm install --save sqlite3」でも大丈夫。 下準備: モジュールを作成する // ./mod
素のJavaScript（TypeScript）でMVCモデルのToDoアプリをつくってみた
photo by Sébastien Barré AngularJSやBackbone、KnockoutJSといったMV*フレームワークや、ReactといったVに特化したフレームワーク、jQueryといったライブラリがいっぱいある。 AngularJSを勉強し始めたは良いが、2.0になると全く別モノになってしまうなど、どれを勉強すればよいかわからなくなってしまった。 ということで、まずはフレームワークやライブラリを使わない「素のJavaScript」でMVCモデルを勉強してみようと思った。 つくったToDoアプリの概要は、前回の「TypeScript + AngularJSでToDoアプリをつくってみた」と同じだ。 ※ 以降TypeScriptで記載しているが、JavaScriptのソースが見たい方はGitHubにコンパイル後のソースを置いてあるので、そちらを参照ください。 Model層
入社3年目が辞める3つの理由と引き止める3つの方法
2013年9月 都内某所にて行われた「若手社員向けコンベンション」に参加した。 集まったのは、某グループ加盟会社に勤める3～4年目の若手社員30人。 そのコンベンション内でのディスカッションで、全員が共通して考えていたことは「転職したい」だった。 会社としても、せっかく3年間かけて育てた社員を失うのは、大きな損失になる。 そこで、若手社員が「転職を意識する理由」と、会社が「社員を引き止める方法」について、若手社員の立場からまとめる。 若手が辞める3つの理由 転職の大きな基準として「3年」がある。 若手社員にとって「3年」は、会社と自分の立場を理解し始め、転職を考える頃だ。 そんな社員が辞める理由として、以下の3つが挙げられる。 1. マンネリ 恋愛にも倦怠期ってのがある。その原因は「マンネリ」だ。 仕事も同じように、マンネリがあり、日々刺激を求めている。 毎日満員電車で潰され、毎日決まった
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
