投稿者:

HTML, mjml

新しいサービスを作っていてE-mailはカッコいいHTMLメールにしたいなと思ったのですが、
レスポンシブE-mailと言って全てのブラウザやスタイルが効かない場合も表示できるようにHTMLメールを作るにはすごく手間がかかるみたいです。
http://responsiveemailpatterns.com/
いろいろ調べるとメールクライアントやブラウザの違いなど色々を吸収しないといけないのである意味Webより大変な気もします。。

その ...

投稿者:

Python, SQLAlchemy

Flask-SQLAlchemyを使用したAPIを作成していてDBから取得したModelをJSONに変換しようとすると、
SQLAlchemyのModelはそのままJSONに変換できないので何かに詰め替えを行う必要があります。

results = User.query.all()# JSONに変換できずエラーになるreturn jsonify({'status': 'ok', 'users': results})

pythonのmarshmallowと ...

投稿者:

docker, HEROKU, Python

dockerのアプリをホスティングする環境を探していたら
HerokuでdockerのPrivate Registryを作れるようになっていたので試してみました。
https://devcenter.heroku.com/articles/container-registry-and-runtime

今回は単純なPythonのWebアプリなので以下のようなDockerfileを作成。

FROM python:3.6 ADD . ...

投稿者:

APIGateway, AWS, Lambda, serverless

SAM Local (Beta)が発表されローカル環境でサーバレスアプリケーションをデバッグできるようになったので試してみました。
ちなみにリンク先の記事はそのままでは動かそうとすると情報が足りなかったので、試したい人はGitHubの方のチュートリアルやサンプルを触ってみるのが良いと思います。

ローカルにLambdaを作成

チュートリアル用のHelloWorld関数をローカルに作ってみます。

template.yml

AWSTempl ...

投稿者:

SEO

SEOについて勉強していて、
「最近の検索エンジンはページ内のコンテンツを読むのでmeta keywordsを指定しなくても良い」
ということだったので本当か確認してみました。

WIZYで行われたamazarashiのプロジェクトですが、
meta要素には以下の keywords を指定してありました。

<meta name="keywords" content="amazarashi,もう一つの虚無病。アナザーストーリー ...

投稿者:

Firebase, JavaScript

Firebaseについてはこちら

要件Webブラウザ + Firebaseのみで動作すること
ログインが不要で投票ができること
1ユーザ1投票であることCookie等クリアでの再投票は許容する

投票結果をリアルタイムで表示できることリロードしなくても最新の状態を表示する

DB設計

Firebaseのデータベースは所謂ドキュメント型DBなのでJSONでスキーマを定義します。

{  "sample" ...

投稿者:

Hi-Res, MPEG

MPEG4-ALSとは何かについてはこちらをご参照ください。
とりあえずハイレゾのストリーミングには「MPEG4-ALS」というコーデックが適しているそうなので実際に試してみました。

自社ストアでハイレゾ音源をダウンロード

ハイレゾ音源を購入&ダウンロードします。
自社ストアでダウンロードした音源のファイル形式はFLACでした。

VLC Media Playerをインストール

便利な音楽プレイヤー「VLC Media Player」を ...

投稿者:

AWS, JavaScript, Lambda

必要なライブラリを読み込む

LambdaのソースコードはS3上にzip形式で配置されているため、
AWS JavaScript SDKに加えてjszipというzipファイルを扱うライブラリを使用します。

<script src="//sdk.amazonaws.com/js/aws-sdk-2.72.0.min.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/ ...

投稿者:

Python

WIZY の開発では、Python + MySQLの構成でORマッパーに SQLAlchemy を使用しています。
SQLAlchemyは高機能なのですがまとまったドキュメントがなく、また「どのようにコードを記述したらどのようなクエリが発行されるのか」というのはDB設計やユースケースがサンプルとは異なるので、運良くマッチした情報が出て来ない限り自分でクエリ(を生成するコード)を組み立てる必要があります。

パターン1) loggingでログに出力する

S ...

投稿者:

bot, LINE

LINE MessagingAPI を使ってLINEのBotを作成してみました。

準備

まず LINE Business Center でアカウントを作成します。
遊びで使うのであれば Developer Trial を選択すればOKです。登録後すぐ使えるようになります。
(アカウント種別ごとの違いは上のページのプラン紹介に載っています)

登録するとLINE@ と LINE Developersのページが使えるようになりま