デザインとWeb開発とその他諸々。 MEDIA-MASSAGE

新着一覧

2016.05.16

利用規約／プライバシーポリシー

このサイトについて

利用規約本利用規約は、MEDIA-MASSAGE.net（以下「当サイト」)の利用条件を定めるものです。当サイトの情報の正確性について当サイトのコンテンツや情報において、可能な限り正確な情報を掲載する
2016.05.13

今更はじめるQuartz Composer

作品と活動

勉強会資料 QuartzComposer デザインアニメーション

社内勉強会用に作成したスライドです。メディアアート的な映像表現を得意とする開発環境「Quartz Composer」の特長をWebフロントエンド向けに解説した内容となっています。また、本スライドの内容を
2016.05.09

Music Visualizer #1

作品と活動

プロジェクト QuartzComposer デザインアニメーションメディアアート

Quartz Composer製の音声ビジュアライザー作品。スクリーンショットダウンロード hokkey/quartz-composer-works: Quartz Composer Works ダウンロードしたqtzファイルを~/Library/Compositions内に配置すると、iTunesのビジュア
2016.04.22

Electronで作るはじめてのGUIアプリ

作品と活動

勉強会資料 JavaScript Electron づや会

づや会 vol4 ~Node.jsの話~の登壇資料です。以前コマンドラインで作成したPDFの差分比較ツールを、Electronを使ってGUIアプリにしてみました。づや会Vol.4のレポート記事(LIGブログ):
2016.04.12

Web制作者視点で理解するソフトウェアテスト

作品と活動

勉強会資料 JavaScript ユニットテストペアワイズ法 Pairwiser システム開発

社内勉強会資料。制作系のフロントエンド技術者向けに、ソフトウェアテストについて概要をまとめたスライドです。本資料に関連し、『Pairwiser』について更に掘り下げた記事『Webアプリのテスト工数を削
2016.03.30

YouTube動画にブラー効果をアニメーションで適用する

ブログ

CSS YouTube アニメーション

CSSのfilterプロパティを使うと、YouTubeの動画に後からぼかし効果を加えることができる。animationプロパティと組み合わせてブラー効果を周期的に変化させるようなデモを作ってみた。FP
2016.03.23

AWSで自宅サーバ?

作品と活動

勉強会資料 AWS づや会インフラ

「づや会 vol3 ~AWSの話~」登壇時の資料です。EC2で自宅サーバと同じスペックでサーバを立てたらどれくらいの運用費用がかかるか、EC2の料金体系をひも解きながら考えてみました。 ※イメージ写真としてCC表
2016.03.18

本当に容量無制限? BackblazeとZipCloudの違い

ブログ

クラウドストレージ Backblaze ZipCloud

最近、容量無制限で使えるクラウドバックアップサービスとしてBackblazeを使っている。料金は年間50ドルで、同種のバックアップサービスの中でもかなり安い。全然無制限じゃないZipCloud 以前は同
2016.03.08

紙の書籍をデジタル化する「自炊」のノウハウ

ブログ

電子書籍

数年ほど前に、iPadやドキュメントスキャナーといったハードウェアの登場で、書籍を自分で裁断・スキャンしてデジタル化する「自炊」と呼ばれる行為が生まれた。本や漫画を頻繁に買い、捨てたくないけど置き場所
2016.02.22

書評『SF映画で学ぶインタフェースデザイン』

ブログ

レビューと感想書籍デザイン

SF映画のUIがたくさん写真で見れる本なのかな? と思いカジュアルな気持ちで購入しましたが、良い意味で予想を裏切る内容でした。 SF映画で学ぶインタフェースデザインアイデアと想像力を鍛え上げるための141
2016.02.18

タイトルとURLを色々なフォーマットでコピーできるブックマークレット

ブログ

Markdown ChatWork Textile JavaScript HTML ドキュメンテーション

普段から愛用していて、あらゆる作業効率を地味にアップさせてくるリンク共有用のブックマークレットを紹介します。Wiki・チャット・チケット・資料の作成が捗ります! ちなみに、ブックマークレットとはブラウザ
2016.02.16

Dockerで楽しむ自宅サーバ

作品と活動

勉強会資料 Docker Vagrant CoreOS インフラづや会

「づや会 vol2 ~Dockerの話~」登壇時の資料です。自宅サーバをVagrantやDockerでイミュータブル化した話を中心に、Vagrant・CoreOS・Dockerを紹介した内容です。サンプルコード
2016.02.15

vagrant-coreos-docker-demo

作品と活動

プロジェクト Vagrant CoreOS Docker インフラ OSS づや会

Vagrant・CoreOS・Dockerを使った小規模な自宅サーバ向けの環境構築ファイルです。イミュータブルなインフラ構築を手軽に試せる内容になっています。 Qiitaに書いた記事、Vagrant・C
2016.02.10

インフラざっくり会

作品と活動

勉強会資料インフラ

社内勉強会資料。フロントエンド技術者向けに自分が知っているインフラ関係の概要をまとめたスライドです。スライドスライド(一部)
2016.02.08

プロフィール

このサイトについて

堀祐磨/Hori Yuma/y_hokkey/ほりでー 1988年生まれ。多摩美グラフィックデザイン学科を中退。デザイナーとしてグラフィック・エディトリアル・Web・UIのデザインを経験した後、Webフロ
2015.12.05

コンポーネント単位で考えるWeb制作

作品と活動

勉強会資料 HTML Sass CSS EJS LIG inc

「Remixing Vol.3 with オールアバウト and LIG」へ登壇した際に初めて公開したスライドです。 Web制作で画面要素のコンポーネント化をすすめることによるメリットと、実践的なコンポーネントの実装手法について説
2015.11.28

やさしいSassり方

作品と活動

勉強会資料 Sass CSS

社内勉強会用に作成したスライドです。プログラミングに親しくないWebデザイナーなどを対象に、Sassで登場するプログラマブルな機能をやさしく解説することを意図しています。スライドスライド(一部)
2015.10.15

アイデアを発展・整理する便利なアプリと使い方

作品と活動

勉強会資料デザイン MindNode Scapple

社内勉強会用に作成したスライドです。アイデアを広げる上で役立つマインドマッピングやチャート作成ツールを、具体的な使用例を交えて紹介しています。スライド動画パート1: MindNode使用例動画パート2:
2015.09.22

whitegry_plus

作品と活動

プロジェクト ResourceSpace CSS OSS

オープンソースのDAMシステム「ResourceSpace」のためのカスタムテーマです。デフォルトでインストールされている「whitegry」テーマをベースに、特にレスポンシブデザインプラグインをON
2014.09.23

opml2indesign

作品と活動

プロジェクト InDesign XSLT OPML 自動組版

opml2indexignは、OPML形式をInDesign用に整形するXMLスタイルシート(XSL)と、便利なタスクを設定したGruntfile、セッティング済みのInDesignテンプレートででき

すべてのカテゴリー

Profile

y_hokkey／ほりでー

1988年生まれ。多摩美グラフィックデザイン学科を中退。デザイナーとしてグラフィック・エディトリアル・Web・UIのデザインを経験した後、Webフロントエンドエンジニアも経験。現在はITコンサルタントとして外資系SIerに在籍中。

MEDIA-MASSAGE.net

デザインと
Web開発と
その他諸々。

“The Medium Is the Massage.”