レガシーシステムをリプレイスして古の遺産を浄化した話 - Dance with Tech
まえがき タイトルの通り、少し前に 8 年近く（正確な歴史は不明）動いていたシステムをリプレイスしました。 かかった期間は約 2 年、発行した課題チケット数は 6000 超え、リリース直前に直属上司が退職など紆余曲折ありました。 良かった点や反省点が多くあったので、記憶が新しいうちにアウトプットしようと思います。 なぜリプレイスするのか 単純にエンジニアが「レガシーだからモダンな環境にリプレイスしたい」と言っても、事業責任者や経営層にメリットを理解してもらえないと実施できません。 今回は後述する問題によって、事業の足を引っ張っているという結論が出たためリプレイスに至ったと認識しています。 セキュリティの問題 PHP が 5.1 フレームワークが Ethna MySQL が 5.5 ユーザーのパスワードが可逆式で保存されている システムの問題 フレームワークのコア部分を魔改造 一度リプレイス
Laravel + SendGrid Web API でメール送信する - Qiita
環境 PHP 7.2 Laravel 5.5 SendGrid Web API V3 まえがき Laravel でメール送信する方法はいくつかあるが、今回は SendGrid を使用する。 会員登録が必要だが、12,000 通/月 までは無料。 SendGrid には SMTP を使用する方法と、API を使用する方法がある。 今回は API を使用する。 両方試したが、圧倒的に API の方が使いやすい。 手順 API キーを作成する 公式サイトの手順に従って作成し、API キーをメモしておく。 メールが送信できるかテストする curl --request POST \ --url https://api.sendgrid.com/v3/mail/send \ --header 'Authorization: Bearer ここにAPI Keyを入れる' \ --header 'Cont
職務経歴書（履歴書）を Gist の Secret で管理してみたらとても良かった - Qiita
はじめに 以前、職務経歴書を GitHub で管理しているという投稿を見て、「あーこれはナイスだな」と思った反面、 「そこまでオープンにするのは抵抗あるな」という感想で落ち着いていました。 しかし、やっぱり Excel などで管理するのはイケてないので、良い代替案を探していました。 そこで GitHubGist の Secret です しばらく使ってみたところ、自分の中で納得感があったので、手順やメリットなどを共有します。 手順 Gist へ行く resume.md のような名前でファイルを作成 ここで Create secret gist を選択します 職務経歴書や自己紹介などを記載 見せたい相手に見せる 自分の場合は Wantedly や LinkedIn に URL を貼っていました Secret Gist の良いところ 見せたい人だけに見せられる URL を知らないとページにたどり
Laravel でオレオレ例外処理を作成する - Qiita
はじめに これは Laravel Advent Calendar 2017 19日目の記事です。 カスタム例外処理（クラス）の作成と使用方法について書いていきます。 例外処理というと難解そうですが、結構簡単な内容なのですぐ読み終わると思います。 環境 PHP: 7.1.5 Laravel: 5.5.24 前提 今回は具体的な例として、バリデーションエラーの例外クラスを作成する レスポンスは JSON 形式 作成手順 例外クラスを作成する artisan コマンドで作成できる php artisan make:exception ValidationException 作成した例外クラスを編集する <?php namespace App\Exceptions; use Exception; use Illuminate\Http\Request; use Illuminate\Support
Axios で multipart/form-data にした PUT リクエストが失敗する際の対策 - Qiita
環境 Vue.js： 2.4.3 Laravel(API側)： 5.5 やりたいこと 非同期で画像ファイルをリクエストしたい。 前提 API の仕様上 POST は使えないため PUT を使用する SPA のため非同期で通信する 事象 Axios の問題なのか、content-type を multipart/form-data にした PUT では正常にリクエストを受け取れなかった。 (正確には、リクエストの中身が空になっていた) 失敗例 let formData = new FormData(); formData.append('picture', this.$refs.picture.files[0]); let config = { headers: { 'content-type': 'multipart/form-data', }, }; window.axios.put('
Vue.js で画像(ファイル)アップロード直後に表示させる方法 - Qiita
<div id="app"> <h2>↓画像↓</h2> <img v-show="uploadedImage" :src="uploadedImage" /> <input type="file" v-on:change="onFileChange"> </div> new Vue({ el: '#app', data() { return { uploadedImage: '', }; }, methods: { onFileChange(e) { let files = e.target.files || e.dataTransfer.files; this.createImage(files[0]); }, // アップロードした画像を表示 createImage(file) { let reader = new FileReader(); reader.onload = (e)
Ansible プレイブックの j2(jinja2) テンプレートの中で条件分岐したいときの書き方 - Qiita
やりたいこと hoge.env.j2 ファイル内の環境変数を環境(ローカルとか Stg とか)ごとに設定したい けどわざわざファイルを別に用意するのは少し大げさ 今回はローカルのときだけ DB の環境変数を設定したかった 書き方の例 {% if stage == "local" %} DB_CONNECTION=mysql DB_HOST={{ mysql_db_master_host }} DB_SLAVE={{ mysql_db_slave_host }} DB_PORT=3306 DB_DATABASE={{ mysql_db_name }} DB_USERNAME={{ mysql_db_user }} DB_PASSWORD={{ mail_db_password }} {% endif %}
Laravel でモックを使ったメール送信のテストが簡単だった - Qiita
はじめに モックを使ったメール送信のテストが意外と簡単にできたのでメモ。 アサートメソッドが充実していて、キューを使ったメール送信のテストも簡単にできてしまう。 環境 PHP 7.1 Laravel 5.5 サンプル class MailTest extends TestCase { public function testMailSend() { Mail::fake(); $email = 'test@gmail.com'; // 任意の実際のリクエスト処理 $this->put( "test/mail", [ 'mail_to' => $email, ] ); // 1回送信されたことをアサート Mail::assertQueued(MailBuilder::class, 1); // メールが指定したユーザーに送信されていることをアサート Mail::assertQueued( M
CircleCI で yarn install が失敗したので対策を共有 - Qiita
環境 CircleCI 1.0 yarn v0.21.3 手順通りに circle.yml を書いてみたところ 公式ドキュメント yarn インストール失敗 そう簡単に行くことなく、yarn インストールが失敗。 $ yarn yarn install v0.21.3 [1/4] Resolving packages... ⠁ [2/4] Fetching packages... error laravel-mix@0.12.1: The engine "node" is incompatible with this module. Expected version ">=6.0.0". error Found incompatible module info Visit https://yarnpkg.com/en/docs/cli/install for documentation a
Django（Python）のDB操作まとめ - Dance with Tech
仕事でDjango（Python）に触る機会があり、0から学習しながら進めています。 今回は個人的に分かりづらかった、DB（SQL）周りの内容をまとめました。 ※ドキュメントを読んでも分かりますが、ちょっと読みづらいです 条件指定 SQLで条件を指定したい場合は「filter」を使えばできます。 誤解を恐れないで言うと、 filter = where という認識で良いと思います。 サンプル 複雑な条件を使いたいときは Q object を使う 日付型のインサートとアップデート ちょっとSQLとズレますが、Model で以下のように設定すると、良しなにやってくれます。 ・auto_now_add=True にすると自動で今の時間がインサートされます createdt = models.DateTimeField(auto_now_add=True) ・auto_now=True にすると自動
Google Developers Summit：Progressive Web Appsに行ってきた - Dance with Tech
少し前に行われたGoogle Developers Summit : Progressive Web Appsに行ってきたので、PWAについて自分なりにまとめたいと思います。 Progressive Web Apps（PWA）とは？ 無理やりシンプルに説明すると、今までのWebアプリ（サービス）に、 プッシュ通知やオフラインアクセスなどをできるようにした新しいWebアプリの概念です。 Webアプリでプッシュ通知やオフラインアクセスを使うにはどうするのか？ 答え：Service Workerを使う！ Service Worker（SW）とは？ Webページとは別にバックグラウンドで実行されるJavascript環境（API）のことです。 プロキシ的な感覚が近い？と思います。 なので、技術的にはPWAを勉強するというより、 SWを勉強すると表現した方がいいかもしれません。 詳細はこちらを参照。
プロダクトマネージャーになりたい人は「Inspired: 顧客の心を捉える製品の創り方」を読むといいかも - Dance with Tech
少し前からバズワードっぽくなっているプロダクトマネージャー。 結局どういう人なの？って思ったので、 Inspired: 顧客の心を捉える製品の創り方 を読んでみました。 ※以下からPMと表記する箇所があります プロダクトマネージャの役割（仕事）とは？ この書籍には「PMの役割とは？」みたいなものが散りばめられているのですが、 その中でもよりシンプルに表現されているのが以下。 プロダクトマネージャーの主な任務としては 2つある。 製品の市場性を評価すること（1）と、 開発すべき製品を定義すること（2）である。 （1）製品の市場性を評価すること 製品の仕様を決めることだけが仕事ではないのです。 そもそも作ろうとしているプロダクトが、 本当に価値のあるものなのか、 あるいはどうやって価値を高めていくのか という検証をすることも仕事になります。 どうやって作るか（How）だけではなく、 何（wha
プロダクトマネージャーになりたい人は「Inspired: 顧客の心を捉える製品の創り方」を読むといいかも - こちょこちょブログ
2016 - 02 - 16 プロダクトマネージャーになりたい人は「Inspired: 顧客の心を捉える製品の創り方」を読むといいかも 読書感想 テクノロジー キャリア list Tweet 少し前から バズワード っぽくなっているプロダクトマネージャー。 結局どういう人なの？って思ったので、 Inspired: 顧客の心を捉える製品の創り方 を読んでみました。 ※以下からPMと表記する箇所があります プロダクトマネージャの役割（仕事）とは？ この書籍には「PMの役割とは？」みたいなものが散りばめられているのですが、 その中でもよりシンプルに表現されているのが以下。 プロダクトマネージャーの主な任務としては 2つある。 製品の市場性を評価すること（1） と、 開発すべき製品を定義すること（2） である。 （1）製品の市場性を評価すること 製品の仕様を決めることだけが仕事ではないのです。 そ
Swiftでランダムな文字列を生成する方法 - Dance with Tech
Xcodeのバージョン：7.1 Swiftのバージョン：2.1 方法 ランダムな数値を生成した後、 その数値の場所の文字列を取得すれば、 おのずとランダムな文字列が生成できます。 Swift 2以降は、 advancedBy(n) を使って任意の場所の文字列を取得できます。 注意点 上述した通り、 letter[letter.startIndex.advancedBy(randNum)] のように、 文字列の変数[] で囲まないと正常に動作しませんでした。 具体的に言うと、advancedBy(n) の「n」に入った数値をそのまま出力してしまいました。 何か僕がミスってるのかもしれないですが、 同じような状況に陥った方は上記の方法を試してみてください。 詳解 Swift 改訂版 作者: 荻原剛志 出版社/メーカー: SBクリエイティブ 発売日: 2015/12/25 メディア: 単行本 こ
Swiftでキャリア情報とかOS情報とかデバイス名とかIPアドレスとか取得する方法 - Dance with Tech
Xcodeのバージョン：7.1 Swiftのバージョン：2.1 ユーザーが使用している端末のデータを取得したいときがあります。 キャリア名とかOSのバージョンとかデバイス名とか。。 ある程度の情報は、以下の方法で簡単に取得できます。 IPアドレスだけ特殊で、 Bridging Header（ブリッジングヘッダー）を使わなければ取得できないようです。 ブリッジングヘッダー作成の方法はこちらを参考にしました。 追加したブリッジングヘッダー（.hファイル）に #include <ifaddrs.h> を追加後、 で取得できます。 ちなみに、フレームワークプロジェクト（Cocoa Touch framework）だと、 ブリッジングヘッダーは使えないそうです。。 詳解 Swift 改訂版 作者: 荻原剛志 出版社/メーカー: SBクリエイティブ 発売日: 2015/12/25 メディア: 単行本
SwiftでBase64エンコードしたときに改行コードが入ってハマった - こちょこちょブログ
2016 - 01 - 11 SwiftでBase64エンコードしたときに改行コードが入ってハマった プログラム テクノロジー アプリ Tweet 新年早々めでたくハマって、 こんな顔になったので、メモしておきます。 Xcode のバージョン：7.1 Swift のバージョン：2.1 ちなみに Base64 とは？ データを64種類の印字可能な英数字のみを用いて、 それ以外の文字を扱うことの出来ない通信環境にてマルチバイト文字やバイナリデータを扱うための エンコード 方式である。 MIME によって規定されていて、 7ビットのデータしか扱うことの出来ない電子メールにて広く利用されている。 - Wikipedia 改行コードを 正規表現 で削除（置換）する Swift で Base64 エンコード した場合、 「64文字」ごとに改行コードが入る ようなので、 正規表現 で改行コードを削除して
iOSアプリ（9対応）のリリース準備・対応で苦労したこと5つとおまけ - Dance with Tech
リリースというものは、そう何回もやるもんじゃないので方法を忘れがちです。 覚えている今のうちにメモしておきます。 ※ちなみにXcode7を使っています。 1．リリースするための事前準備が意外と多かった DistributionタイプのCertificateが必要 App IDが必要 ※ここで出てくるBudle IDとXcode上のBundle Identifierがイコールじゃないとリリースできません DistributionタイプのProvisioning Profileが必要 方法はこちらが参考になりました。 2. 1度iTunes ConnectにBuildしたらBuildの値を上げないと再Buildできない アプリをリリースするにはiTunes ConnectにXcodeからBuildする必要があります。 ※方法はこちらを参照。 しかし、Buildし終わってから、 「やっぱりあそこ
1からiPhone（iOS9対応）アプリをSwiftで作った僕が躓いたこと4つ※開発編 - こちょこちょブログ
2015-11-02 1からiPhone（iOS9対応）アプリをSwiftで作った僕が躓いたこと4つ※開発編 Webサービス アプリ テクノロジー プログラム Tweet ついにiOSアプリをリリースしました。 会社名義なので具体的には紹介しませんが、 作ったのは簡単に言うとブラウザアプリです。 ゲームとかじゃないんで、そこまでは苦労しなかったんですが、 多少なりとも躓いた部分があったので紹介していきます。 ※ちなみに言語はSwiftで書いています。 構文とかは過去の記事を参考にしてください。 1.初心者が通る道、Thread 1:signal SIGABRT...（実行時エラー） これはObjective-Cもそうだと思うんですが、 Storyboard使用時に、何かしらのUI部品（ボタンとか）から クラスファイルにドラッグ&ドロップして紐付けるじゃないですか？ 紐付けたのにも関わらずそ
将棋とプログラミングって似てると思う - Dance with Tech
将棋士、羽生善治さんの「決断力」を最近読みました。 普段こういった自伝的な本は読まないのですが、 前々から、将棋ってプログラムに似てるなあと思っていたので、ちょっと読んでみました。 ロジカルに物事を考える 将棋では、今いる場面の何手も先を読んで指す（駒を進める）そうです。 「ここでこう指したら次はこうなるな」といった具合に。 プログラミングも同じように、組み立てていった結果どうなるのか、 先を読む力が重要ですよね。 真似から入り、応用して学んでいく 大体プログラミングの学習は「Hello,World」を出力するなどの、 真似をするところから始めます。 それで次は自分で考えて応用していくって流れが多いと思います。 将棋も同じように、テッパンの型のような物があり、そこから始めるそうです。 また、羽生さんは自分で手を動かすことの重要性についても語っています。 自分で手を動かすことが知識に血肉を通
IT界隈やエンジニアが好きそうな名言・ことわざ10選+おまけ - Dance with Tech
IT関係の人やエンジニアが、読んでやる気が出るような名言や格言を10個集めました。 読んで元気を出しましょう。 では張り切ってどうぞ！ 1.Keep it simple, stupid（Kiss） 訳：シンプルにしておけ、この間抜け 「誰が見ても分かりやすくしろ」ということです。 レオナルド・ダ・ヴィンチも 単純であることは究極の洗練だ と言っています。 2.Done is better than perfect 訳：完璧を目指すより、まず終わらせろ -マーク・ザッカーバーグ（Facebook） 3.Get out of the building 訳：ビルの外に出よう -Lean UX（書籍） 建物の中に籠ってないで、 外に出てユーザーの声を聞きに行こうということです。 聞いた話で、インスタグラム社の最高のグロースハックは、 ユーザーと飲みに行くことだそうです。 4.Stay hungry
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
