イノベーション エンジニアブログ


株式会社イノベーションのエンジニアたちの技術系ブログです。ITトレンド・List Finderの開発をベースに、業務外での技術研究などもブログとして発信していってます!


このエントリーをはてなブックマークに追加

Tag: yaizu


  1. AWSのサービスを使ってLAMP環境を構築してみた

    こんにちは、小柳津です。 先日、 AWS 認定ソリューションアーキテクト – アソシエイト を受験して合格しました! 今までAWSをほぼ触ったことがなかったのですが、試験を受けるにあたって触ってみることにしました。 具体的には、以下の基本的なサービスを用いて、LAMP環境を構築してみました。 VPC EC2 EBS ELB Route53 そして上記サービス利用して作成したWebアプリケーションがコチラ。 簡単なブログを作ってみました。 こちらのブログは以下のようなLAMP環境で動作しています。 Amazon Linux Nginx PHP(フレームワーク: Laravel) MySQL Webアプリケーションを作成する上では以下のような順番で作成しました。 AWS上でLAMP環境を構築…

    yaizu, AWS, LAMP

  2. キャッシュについて深く反省してみる...

    こんにちは、小柳津です。 突然ですが、皆様はCSSの修正をしてリリースした後に、 「表示が変わらない!」 「デザインが崩れた!ヤベー!!」 なんて経験はありませんか? 私はついこないだやらかしてしまいました…​ 事象(フィクション) 下の画像は例えです。 以下の画像のようにリリース後にデザイン崩れが発生してしまいました…​ 意図したようにはCSSが作用していないぞ!?!? ※画像はイメージです 原因 原因はCDNのキャッシュとブラウザのキャッシュでした。 ファイルの中身が変わったかどうかはパラメータが変更されているかで判断するように設定していました。 そして、CSSを呼び出しているところのパラメータを更新し忘れていて、 コンテンツ(ここではC…

    yaizu, Shell, git, Cache

  3. PhantomJS × Raspberry PiでBotを作る(前編)

    こんにちは、最近腕の長さを測ってみたら196cmだった小柳津です。 2年前くらいに測ったときは192cmでしたが、伸びていました! 前回のブログでは、Raspberry Pi 3 Model B(以下、Raspberry Pi)にPhantomJSをインストールしました。 http://tech.innovation.co.jp/2017/05/16/Phantom-J-S-on-Raspberry-Pi-3.html 今回はそのRaspberry Piを使って、 Slack上で動き、PhantomJSでスクレイピングした結果を返してくれるBotを作成したので、そちらをご紹介します! Botの概要 今回Botを作るにあたっての用意は以下です。 Raspberry Pi側の準備 Phanto…

    yaizu, PhantomJS, scraping, RaspberryPi, Hubot

  4. Raspberry Pi 3をセットアップしPhantomJSをインストールしてみる

    こんにちは、小柳津です。 今更かもしれませんが、先日ついにRaspberry Pi 3 Model B(以下Raspberry Pi)を購入しました! 勢いだけで買ったRaspberry Piで何をしようかなぁと考えていたのですが、 最近、PhantomJSにハマっているので、 (こちらも今更かもしれませんが…​) せっかくなのでRaspberry Pi × PhantomJSでブログを書こうと思います! Raspberry Piおよび周辺機器の購入 まず、本体・ケース・SDカード・冷却機器・5V/2.5Aの電源アダプタが必要。 5V/2.5Aの電源アダプタは社内に持っている人がいたので、それをお借りして、 それ以外はamazon経由で以下のように購入しました。 R…

    yaizu, PhantomJS, RaspberryPi, NOOBS

  5. Laravelでリマインダーを作ってみた

    こんにちは、そろそろ二年目になる小柳津です。 もう4月には新しい一年生が入ってきますね。 先輩になるので、流石に忘れん坊は卒業しようと思い、 自分で簡単なリマインダーを作成しました。 見た目と機能紹介 見た目はこのようにしました。 Bootstrapを使用しています。 主に入力部分と一覧表示部分に分かれています。 アドレスとリマインド内容、リマインドしたい時間を登録します。 登録をしたら、送信されるのを待ちます。緊張の一瞬。。。 届いた!成功!! 実装 それでは、中身についてお話します! Routing ・route/web.php ## RemindController ## Route::get('reminder', 'ReminderController@index')->n…

    yaizu, PHP, Laravel, Bootstrap

  6. FileReaderを使ってローカルにある画像をブラウザに読み込ませる方法

    こんにちは、widthが192cmの小柳津です。 今回はローカルのファイルをブラウザに読み込ませる方法を習得したので、そちらを取り扱っていこうと思います。 方法はJavaScriptのFileReaderオブジェクトを使用します。 サンプルとして画像をリアルタイムでブラウザに反映できるものを作ってみました。 動作 百聞は一見にしかず、動作は以下のようになります。 See the Pen image-FileReader by yuma oyaizu (@yaizuuuu) on CodePen. 画像を選択できる箇所が5つあり、選択するとそれぞれの直下に画像がリアルタイムで追加されます。 さらに、今回は選択できる画像を'image/jpeg', 'image/png', 'image/gi…

    yaizu, javascript, jQuery, FileReader