Vue Fes Japan 2025「Vue.jsでつくる実験映像」
映像作家として、Vue.jsを使って自作のモーショングラフィックス制作ツールやUIライブラリを開発しながら、コマ撮りやミュージック・ビデオづくりを行ってきました。本セッションでは、非エンジニア視点でのVueの活用法、創作フローにおけるGUI開発の役割、そして表現とツール開発が交差する実践例を紹介します。
関連項目
- Vue.js, Nuxtで作ったWeb
- 登場したbaku89.iconの映像
話したことの中で登場したもの
プレゼンテーション前後の雑談で話した。
- ロトスコの無意識性
- 久野 遥子, 映画『化け猫あんずちゃん』
- シシヤマザキ, YA-NE-SEN a Go Go
- ロトスコープの専門家（博論で書いた）→ 岩崎 宏俊
- 「遅さ」もたらす道具の手触り
- テレ朝POST » 写真は「真」を写すのか？デジタル世代の写真家・小林健太が挑む写真表現の可能性
小さいときにマッキントッシュに入っていたキッドピクスでお絵かき遊びをしていたなと思い出したんです。
線を引っ張ると音が出るのが楽しくて、動物とか人物を描くというより、ただ線を引いたり、スタンプツールを使って遊んでいたなあと。一緒に住んでいた仲間にフォトショップの使い方を教わりながら、小さいときの感覚を重ね合わせて今の表現が生まれていきました。デジタルにも質感があると僕は考えていて。パソコンの処理速度は、どうしても自分の指のスピードより遅くなるので、モニタ上では実際の指の動きを追いかけた軌跡ができますよね。指の動きに対して、軌跡がゆっくりと変化していく。
すると視覚的な重みや質感が感じられて、まるで重たい液体をかき混ぜているような感覚になるんです。
ラグができて、軌跡を見ながら次の動きを決めていると、数秒前の自分と対話しているような気分になるんです。それも不思議な感覚で、楽しいですよ。
- 焼き物の窯変
- テレ朝POST » 写真は「真」を写すのか？デジタル世代の写真家・小林健太が挑む写真表現の可能性
- 軽量マークアップ言語に見て取れる言語バイアス
- Markdownは分かち書きを前提としている。ラテン語至上主義。
<strong>をネストできない（する必要もない） - Cosenseのブラケット記法は、
[]（square bracket）の約物としての本来の使い方とコンフリクトをする。- e.g., Wikipediaからペーストした際、citationの
[1]みたいな表記を拾うから無数に数字ページが出来上がる。
- e.g., Wikipediaからペーストした際、citationの
- Markdownは分かち書きを前提としている。ラテン語至上主義。
スライド
- SHIBUYA PARCO ART WEEK 2025｜ 境界をほどき、感性をひらく。渋谷で出会う多彩な表現と新たな視点
本年度の「SHIBUYA PARCO ART WEEK」では、映像作家の橋本 麦とビジュアルを制作。「雲」や光の回折をモチーフとしたビジュアルは、渋谷PARCO館内各所にも登場する。
「星雲から真珠母雲、電子雲にいたるまで、自然界に多様なスケールで現れる「雲」や光の回折をモチーフに、奥行きと流れ、そしてわずかな粘度を感じさせるグラフィックに仕上げました。」
橋本 麦
実験映像って？
これは実験映画や映像の、特に技法面に着目した定義。映画史や批評、あるいは現代美術の文脈で、実験性というものをコンセプチュアルに捉えた作品もあるし、わりとそういうものの方が多いです。ぼくはあまり刺さりませんが……。
- Corner Griffith, Auto
- Dirk Koy, “Five Years Older - The City”
- David Daniels, Journey Through A Melting Brain
- 伊藤 高志, “SPACY”
Vue.jsとPWAでコマ撮りアプリ開発
Tweeq：制作ツールのためのUIライブラリ
Unicodeで文字アニメをつくるアプリ
- ꙮ - Wikipedia（多眼のO）
- BLU, “MUTO a wall-painted animation” (2008)
- Jake Fried, “The Deep End” (2013)
- Zihou Ng, “A session of glyphs” (2024)
- 岩崎 宏俊, “Daoughter of Butades” (2024)
- William Kentridge, “Mine” (1991)
Computer-Aided Design、OSSへのクソデカ感情
