初心者必見！Gitでやらかす前に設定しておきたいpush.default | Black Everyday Company

2019/12/17 8 users Git 初心者必見

masterブランチ、ぶっ壊しました！！ 転職して1ヶ月たたないくらいのできごと。 しかも、masterブランチが変更されると自動デプロイが走って本番環境にリリースされてしまうため、直すまで生きた心地がしなかった。 こんな怖い目にあってほしくないので、ぜひgitを使う前に設定していただきたい。 何をやらかしたか？ コ... 続きを読む

rsyncの悲劇 〜本番環境を消し飛ばす前に覚えておきたいこと〜 | Black Everyday Company

2019/12/16 324 users bc_rikko ダーシノ rsync 関係各位 悲劇

この記事は本番環境でやらかしちゃった人 Advent Calendar 2019 17日目の記事です。 はじめまして、ダーシノ(@bc_rikko)です。 突然ですが、懺悔します。 私は転職して10ヶ月で2回も本番環境をぶっ飛ばしました。お客様をはじめ、関係各位には多大なるご迷惑をおかけしたことを、ここでお詫び申し上げます。 1回目は2015... 続きを読む

手を動かして学ぶ Redis 入門 | Black Everyday Company

2019/03/26 89 users redis メンテナー 入門 チュートリアル node.js

会社でRedisを使っているサービスがあり、そのメンテナーになった。RedisがIn-Memory Databaseということは知っていたのだが、その他の特徴や操作方法などまったくわからないので、チュートリアルを中心に手を動かしながら学んだことをまとめていく。またNode.jsからRedisにアクセスする方法もあわせて紹介する。 Redis ... 続きを読む

自作フレームワークをつくって学ぶ 仮想DOM実践入門 | Black Everyday Company

2018/11/18 493 users 自作フレームワーク

昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまり... 続きを読む

box-shadowを使ってCSSだけでドット絵を描き、アニメーションさせる | Black Everyday Company

2018/10/28 243 users box-shadow Sass Minecraft CSS

CSSだけでドット絵（Pixel Art）を描く・アニメーションさせる方法を紹介する。ただ、バニラCSSだけでも大丈夫なのだが、よりメンテナブルにするためSassで描く方法も併せて紹介する。 ちなみに下図のようなドット絵がつくれる。 マリオとMinecraftの土ブロックは、CSSアニメーションをつかって動かしている。もちろんJa... 続きを読む

ゲーム開発初心者が教えるブラウザゲームのつくり方（前編） | Black Everyday Company

2018/07/03 78 users SpeakerDeck スラ 前編 つくり方 後編

この記事は、2018年6月29日にさくらインターネットで行われた「さくらの勉強会 フロントエンドナイト」で発表した内容を文字起こししたものの「前編」です。 発表スライド（SpeakerDeck） 前編: この記事 後編: ゲーム開発初心者が教えるブラウザゲームのつくり方 ※ [ディレクターズ・カット版]と書かれたスラ... 続きを読む

JavaScriptとTypeScriptを共存させ、段階的に移行する方法 | Black Everyday Company

2018/03/06 120 users TypeScript とおり フロントエンド開発 工数 以下

某サービスのフロントエンド開発に携わるようになってからずっと考えていることがある。 TypeScriptに移行して、型に守られたい！ ただ稼働しているサービスをいっきにTypeScriptに移行するのは危険で膨大な工数がかかるため、段階的に移行できないかと考えた。 ということでJavaScriptとTypeScriptを共存させる方法をまとめる。 環境は以下のとおり。 webpack@4.0.1 ... 続きを読む

[図解]Vue.js2.x系で親子コンポーネント間でデータの受け渡しをする方法 | Black Everyday Company

2017/10/29 120 users 図解 Props データ 方法 原則

引用:  Components#Composing Components - vue.js Vue.jsで親子コンポーネント間でのデータの受け渡しは、原則として Pass Props/Emit Events で行う。 親コンポーネントから子コンポーネントへデータを渡すときはPropsを使い、子コンポーネントから親コンポーネントへデータを渡すときはEmitでイベントを発火させる、ということらしい。 ... 続きを読む

IT系ブラック企業で過労死しかけたので4年分のタイムカードと実態を暴露する | Black Everyday Company

2016/12/25 434 users 過労死 実態 過重労働 尊い命 新卒

突然だが、みなさんは「会社に殺されかけた」ことはあるだろうか？ 某居酒屋チェーン店の女性社員、某コンビニエンスストアの店長、某広告代理店の新卒女性社員をはじめ、多くの尊い命が失われたことも記憶に新しいだろう。 そんな私も新氷河期を乗り越え新卒で入社した中堅SI会社で、 長期間におよぶ過重労働を強いられ、文字どおりブラック企業に殺されかけた。 当記事では、ブラック企業の実態を知ってもらうため、入社2... 続きを読む

X動画Sの視聴履歴を管理するChrome拡張機能『XHISTORYS』 | Black Everyday Company

2015/07/12 15 users Labels Chrome拡張機能 視聴履歴 アダルト系 皆様

2015/07/12 X動画Sの視聴履歴を管理するChrome拡張機能『XHISTORYS』 Labels: Chrome , JavaScript , TypeScript ツイート ※ Google先生、この記事はアダルト系じゃないですよ！ホントです、ごめんなさい。 ※ 読んでくださる皆様、X動画SはGoogle先生対策です。お手数ですが、某動画サイトだと読み替えてください。 X動画Sの視聴履... 続きを読む

TypeScript+Jasmineでテスト駆動開発（ビヘイビア駆動開発）をする | Black Everyday Company

2015/06/07 42 users ビヘイビア駆動開発 テスト駆動開発 リグレッションテスト

2015/04/20 TypeScript+Jasmineでテスト駆動開発（ビヘイビア駆動開発）をする Labels: JavaScript , TypeScript ツイート 膨大なユニットテストを手動でやりたくないし、リグレッションテスト（回帰テスト）も面倒で、テストの自動化をしたい。 ということで、JavaScriptのテストフレームワーク「Jasmine」をつかったテスト駆動開発（ビヘイビ... 続きを読む

入社3年目が辞める3つの理由と引き止める3つの方法 | Black Everyday Company

2014/07/28 62 users ディスカッション 理由 入社3年目 方法 全員

2014/07/27 入社3年目が辞める3つの理由と引き止める3つの方法 Labels: 戯言 2013年9月 都内某所にて行われた「若手社員向けコンベンション」に参加した。 集まったのは、某グループ加盟会社に勤める3～4年目の若手社員30人。 そのコンベンション内でのディスカッションで、全員が共通して考えていたことは「転職したい」だった。 会社としても、せっかく3年間かけて育てた社員を失うのは、... 続きを読む

Markdownにも対応した国産オンラインメモ帳サービス『Wri.pe』 | Black Everyday Company

2013/08/31 157 users iPhone Markdown マッピング 増井雄一郎氏 要件

2013年8月31日土曜日 Markdownにも対応した国産オンラインメモ帳サービス『Wri.pe』 『Wri.pe』は、増井雄一郎氏が作ったオンラインメモ帳サービス 個人でメモ帳アプリ wri.pe リリースしてみました。にかかれていた要件は下記の通り markdownをサポート gmailの様なアーカイブ機能 全文検索 カレンダーへのマッピング iPhone / iPadをサポート キーボード... 続きを読む