EatSmartシステム部ブログ

ウェブサイトの開発や運営に関する情報です。

JavaScript

HTMLのプレビュー機能を作る

WEBサービスを運営していると、ユーザー向けのアプリ(以後"フロントエンド"と呼びます)のほかに運営向けのアプリ(以後"バックエンド"と呼びます)を作ることがあると思います。 イートスマートで提供しているWEBサービスでも、バックエンドがいくつか存在…

JavaScriptで子ウィンドウから親ウィンドウを操作する

もぐナビの運営には、日々投稿されるクチコミの監視業務があります。 そこで利用しているWebアプリには、投稿された画像を編集する機能があります。 クチコミの一覧が表示される親ウィンドウから編集機能をもつ子ウィンドウが開かれ、画像の編集と保存を行い…

もぐナビのフロントエンド事情

イートスマートではもぐナビという食品クチコミサイトを運営しています。 私が入社する以前から続くこのサービスは、フロントエンドにjQueryと一部prototype.jsを利用しています。 jQueryでDOMを直接操作するため、いわゆるイマドキなWEBサービスに比べると…

webpackを使ったVue.jsのモジュール開発

前回の続きで、今度はクライアント側でVue.jsを使い、前回作ったNode.jsのAPIからデータを取得して表示するページを作りたいと思います。 eatsmart.hatenablog.com インストール まず、プロジェクトのフォルダを作り、初期化します。 $ npm init 次に、webpa…

docker+Node.js(express+pg-promise)で簡単なAPIサーバーを作成

インフラの構成を変更して自由度が上がったので、サービスに必要な簡単なAPIをdocker+Node.jsで構築してみました。 eatsmart.hatenablog.com 今までNode.jsは、sassを使うために呪文のようにnpmを使った程度なので、一から調べながら始めたのですが、結構簡…