動画素材が手元になくても背景に動画敷くウェブサイトを作る工程 - MEMOGRAPHIX

2015/04/29 108 users ボク 日頃 うち 素材 動画

このまえ、こういうサイト作った。 Azusa Colors Keynote Theme by sanographix このサイトでは背景に動画を敷いている。背景に動画敷くサイト、最近よく見る。自分でいくつか作っているうちに徐々に作り方が分かってきたので書きます。 動画を用意する そもそも動画素材を用意するのがわりと大変で、日頃から素材を撮り貯めている人はあまりいないと思う。ぼくも今まで自分で撮った... 続きを読む

更に大体いい感じになるkeynoteテンプレート「Azusa Colors」作った - MEMOGRAPHIX

2015/03/15 1092 users Keynoteテンプレート スライド デモ https 解説

いい感じのスライド、作るのむずいので、「Azusa Colors」っていうKeynoteテンプレートを作った。下記のサイトからダウンロードできる。 Azusa Colors - 大体いい感じになるKeynoteテンプレート 解説 デモも兼ねた解説スライドを作った。 https://speakerdeck.com/sngrpx/introducing-azusa-colors-keynote-tem... 続きを読む

ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX

2015/02/17 508 users RIN Bootstrap フレームワーク CSS ペライチ

Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix 僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポー... 続きを読む

1日100人限定・君は京都の激レアスポット「白龍園」を見たか - MEMOGRAPHIX

2014/11/21 521 users 鞍馬 通路 庭園 日本庭園 京都新聞

1日100人しか入れない日本庭園「白龍園」に行ってきた。 この庭園は青野株式会社という子供服メーカーが管理運営しているもので、長年社員が手入れしていたものを2年前から春と秋に限定公開しているみたい（下記リンク参照）。 荒れた山、紅葉美の庭園に　京都・鞍馬の白龍園 : 京都新聞 入ってすぐ、なぜ1日100人限定なのかがわかった。苔が驚くほど綺麗なのだ。普通の庭だったら、人が歩く通路には苔は生えないの... 続きを読む

同人誌の告知サイト（特設サイト）作るときにやってること - MEMOGRAPHIX

2014/11/09 109 users コミケ ボク ランディングページ 名称 事前

そろそろコミケが近づいてきたので、同人誌の準備してる人もいると思う。同人誌といえば、ぼくは同人誌を発行するときには必ずその告知サイトを作って事前に公開している（特設サイト、ランディングページ、名称は色々あるがここでは告知サイトと呼ぶことにする）。そこで、なぜそれを作るのか、どういうことを考えて作っているか書いてみたい。 過去に作った告知サイト事例 過去3回分くらいは、下記のような同人誌を発行して、... 続きを読む

Sublime Text 3 で日本語を検索したとき文字が消える不具合を直す - MEMOGRAPHIX

2014/10/27 113 users default Enter sublime text 手順

Sublime Text を使っていて困るのが、日本語で検索しようとした時で、Enterを押すと入力した文字が消えるので検索できない。 調べたところ、下記の方法で解決できるという情報を見つけた。 Sublime Textの検索窓に日本語を入力する方法 方法 上記Gistがとても参考になるので、そっちを読めばいい気もするけど、手順を記す。 まず、Sublime Text 3では「Default (O... 続きを読む

まず7割作る - MEMOGRAPHIX

2014/07/26 114 users フラッシュアップ ベース 最初 うえ 一通り

何かものを制作するうえで気をつけていることがあるのでメモする。 スケジュール配分について、決まったペースで作業するんじゃなくて、最初に一気に7割まで作るっていうのやってる。 例えば、1ヶ月で30ページの本を作るとする。このとき、1日1ページずつ作るんじゃなくて、最初の1週間で一通りのページを7割の完成度まで作って、残りの3割のブラッシュアップにはそれ以上の時間をかけるようにしてる。図にすると下記の... 続きを読む

複数人で同人誌制作するときに使ってるツール（全部無料） - MEMOGRAPHIX

2014/06/19 370 users スケジューリング コミケ チームワーク 少人数 ボク

コミケの当落出たし、そろそろ夏に向けて同人誌作り始めてる人多いと思う。なかでも、複数人で同人誌を作るサークルはより高度なスケジューリングとチームワークが要求される。ぼくは今@cube10と本作ってて、色々試しつつ無料で使える範囲で作業環境を整えたので、それを紹介します。2人〜5人程度の少人数で同人誌作るというを前提で記事書く。 そんなに目新しいサービスは使ってないので、普段からチームで仕事してる人... 続きを読む

WebデザインのスクラップはIcebergsが良い - MEMOGRAPHIX

2014/05/02 123 users Evernote Chro Pinterest Ember

Webサイトをスクラップするアプリケーション、Emberとか、Inboardとか、いろいろある。ぼくはIcebergs使ってる。 https://icebergs.com/site Icebergs、Pinterest感のあるEvernoteみたいなやつで、いろんな画像とかコンテンツをまとめて保存できるみたいなやつ。Pinterestと違うのは、スクリーンショットが簡単に撮れるという点で、Chro... 続きを読む

同人誌の表紙のデザインする工程 - MEMOGRAPHIX

2014/04/26 550 users Tumblrテーマ ボク 事例 紙モノ 同人作家さん

最近はTumblrテーマばかり作っているからめっきりやってないけど、ぼくは5年前くらいから同人誌のデザインを依頼されたら作るという活動をしていて、自分のサイトにも掲載している。 同人誌のデザイン、同人作家さんからデザインやってくださいみたいに依頼されるので、作って納品する。大抵は表紙（表1・表4）。そこで、デザインを考えるときの工程を下記にまとめる。最近紙もののデザインを殆どしてないので、事例が2... 続きを読む

自分のwebサイト作る工程 - MEMOGRAPHIX

2014/04/13 884 users コーディング ペーパープロトタイプ ウェブサイト http

webサイトどういう工程で作ってるんですかって訊かれたことがあったので、だいたいこういう流れで作ってますっていうのをまとめる。 自分のウェブサイト（http://www.sanographix.net/）を2月くらいに作りなおしたので、それを例にする。 1. ラフ書く いきなりコーディングを始めるということはあまりしなくて、まず紙にラフスケッチ描く。今風に言うとペーパープロトタイプつくる。理由はす... 続きを読む

大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX

2014/04/09 1472 users Azusa github.com スライド 前提 https

いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 https://github.com/sanographix/azusa-keynote 解説 サンプルも兼ねた解説スライド作った。 だいたいスライドに書いたけど要約すると下記のようなことを考えた。 前提 スライド作るの難しい 色とか難しい かっこよくしたい Azusaっていうの... 続きを読む

デザインの解剖 - MEMOGRAPHIX

2014/03/11 386 users 題材 カリキュラム グラフィックデザイナー 分解 佐藤卓さん

武蔵野美術大学・デザイン情報学科の学生だった時、「デザインの解剖」というカリキュラムがあった。 デザインの解剖とは、グラフィックデザイナーの佐藤卓さんが独自に行ったプロジェクトで、コンビニやスーパーで売っているような日用品を題材に、ひとつの商品の構成要素を約20項目に分解、それぞれの項目で「どうしてこの部分はこうなっているのか」を、企業の担当者に直接取材して調査するというもの。この基本フォーマット... 続きを読む