astamuse Lab

astamuse Labとは、アスタミューゼのエンジニアとデザイナーのブログです。アスタミューゼの事業・サービスを支えている知識と舞台裏の今を発信しています。

フロントエンドエンジニア

Vue.jsとYQLでお手軽RSSフィード実装

先日、弊社採用サイトに本ブログのRSSを表示させる機能を追加したのですが、その実装がとてもお手軽だったので共有します。 YQL API Consoleのざっくりトリセツ 昨年から定番として使われてきたgoogleのAPIが廃止になったので、代替としてYQL APIを使います…

BackstopJSではじめるビジュアルリグレッションテスト

こんにちは。デザイン部でフロントエンドエンジニアをしているkitoです。 今回は、BackstopJSを使ったビジュアルリグレッションテストについて書きたいと思います。 ビジュアルリグレッションテストとは視覚的な回帰テストのことで、具体的にはスクリーンシ…

astamuse.comのcssが崩壊した日(2017/07/14改訂)

2017/07/14更新 主に「抽象的な」と言っている箇所の削除・修正を行いました。 前々回くらいに「cssアーキテクチャのtips」とか偉そうなブログ書いた者ですが、 今回自分のcssを崩壊させてしまいました。まったく笑えない、由々しき事態です。 失敗事例をこ…

ABalytics.js + Google Analyticsを使ったABテスト

ABalytics.js + Google Analyticsを使ったABテスト こんにちは。デザイン部でフロントエンドエンジニアをしているkitoです。 今回は、ABalytics.jsを使ったABテストについて書きたいと思います。 ABテストは、アプリケーションのUIを改善していく手がかりと…

BootstrapとVueでタブを作ってみる、の巻

2016/09/30に2.0がリリースされてから、現在2017/03/05まででダウンロード数約3倍の増加をみせるVue.js。 npmtrends(2016/09/25 32,043 → 2017/03/05 109,774) そろそろ無視出来ない勢いなので、とりあえず触ってみることにしました。 ドキュメントもしっ…

複数サイトを運営する上でのフロントエンドのちょっとしたノウハウ

こんにちは。 デザイン部でフロントエンドエンジニアをしているkitoです。 弊社は、転職ナビというドメインの異なるサイトを300サイト以上運営しています。レアケースであるとは思いますが、運営上のノウハウの一部をご紹介したいと思います。 今回はスタイ…

生産力を向上する非埋め込み型MVVMフレームワークAsta4jsの紹介

開発部の劉です。今回は弊社のフロントエンド開発に使われている自社フレームワークAsta4jsを紹介させていただきます。 Asta4jsとは何か? Asta4jsはどうか? 分離されたテンプレートとバインディング web component なぜAsta4jsを作るのか 終わりに Asta4js…

はじめてのExpress.js 〜導入編(2)〜

こんにちは。フロントエンドエンジニアのkitoです。 前回、Node.jsで簡単なアプリを作成しました。 今回からExpress.jsに触れていきたいと思います。 簡単なアプリケーションをつくる 任意のディレクトリを作成して下記コマンドを実行してください。 npm ini…

理解しやすいcssアーキテクチャにするためのtips

こんにちは、主にフロントエンド周りを担当させて頂いているSと申します。 いきなりですが「良いcss」とは何でしょうか。 validなcss tableを避けてdivやulで擬似的に表現するcss cssで表現できる事はcssで表現しているcss(svg,data URI,animationの利用) …

はじめてのExpress.js 〜導入編〜

こんにちは。デザイン部でフロントエンドエンジニアをしているkitoです。 今回から数回に渡って、Node.jsのWebフレームワークExpress.jsのご紹介をしていきたいと思います。 はじめに 数多く存在するのWebフレームワークのなかから、Node.jsのフレームワーク…

Copyright © astamuse company, ltd. all rights reserved.