2017-01-01から1年間の記事一覧

ライブコーディングの祭典「Algorave Tokyo」に出演しました

12/22(金)、神楽坂で開催されたAlgorave TokyoにVJとして出演しました。 楽しかった〜 ちょっと撮ったやつあります pic.twitter.com/AAyd6TJggL— ワープレコードでよいお年をお迎え下さい (@mactkg) 2017年12月22日 Algoraveとは Algorave Tokyo 2017 一言で…

ShadertoyのSound ShaderをThree.jsで実装してみた

ヤッターGLSLで音が鳴るぞ!! codepen.io この記事はWebGL Advent Calendar 2017 の15日目の記事です。 こんにちは、 id:amagitakayosi です! AtomでGLSLをライブコーディングできるパッケージを作ったりしています。 今日はShadertoyのコードを読んで、Th…

インターネット溶かすボタンできた

インターネット溶かすボタンできた #GLSL pic.twitter.com/P6oVAvJeez— amagi (@amagitakayosi) 2017年11月1日twitter.com インストールはこちらから。 chrome.google.com Post Internetは、任意のWebサイトによるポストエフェクトをかけるChrome拡張です。 …

12月の活動: Algorave Tokyo 2017, SMTP++, GLSLスクール

こんにちは id:amagitakayosi です。最近は東京行く機会がめっちゃ多い…… 12月はVJを2件、講師を1件やります。 VJ SMTP++ #3 Algorave Tokyo 講師 GLSLシェーダスクール2017 VJ SMTP++ #3 SMTP++ #3 (少し盛り上がるときめきパーティー) 2017.12.01 京都木…

今週土日は東京Node学園祭!!なんとDJパーティ付きだぞ!!

今週末の 11/25(土), 26(日) は東京Node学園祭ですね! 皆さんチケットは買われましたか? nodefest.jp ……えっ? まだ!? Node.jsでの仮想通貨実装について聞けるのに!?!? Christopher Jeffrey氏はbitcoinでamazonの商品を購入できるサイト、Purse.ioの…

薬指で思い出す

7月にプロポーズをして、11/3に婚姻届を提出した。 「婚約指輪はいらない」と言うので、二人で大阪の店に行き、結婚指輪のオーダーメイドを依頼した。 先日、本製作前の仮リングが届いた。 仮リングを着けた状態で一週間ほど生活してみて、サイズやデザイン…

CLIで顔文字検索してクリップボードにコピーする奴作ったヾ(๑╹◡╹)ノ"♡

作った (੭•̀ᴗ•̀)੭ github.com 絵文字の入力には普段 mojibar を使っている。 GitHubで kaomoji で検索すると、IME用の辞書はたくさんあるけど、mojibarのようなアプリは見つからなかったので、作ってみることにした。 インストール方法 npm i -g @fand/kao …

Atom用VJ環境 VEDA 1.0リリース #VEDAJS #GLSL

これまでglsl-livecoderとして開発してきたAtomパッケージを、VEDA としてリリースしました。 glsl-livecoderは元々ライブコーディングのために開発したパッケージですが、徐々にVJソフトとしての機能も追加されて来ました。 後述するサーバーモードが実装さ…

AtomエディターでVJしました

先日予告した通り、この度VJデビューしました。 VJ行為には自作のAtomパッケージ glsl-livecoder を利用しています。 これまでのあらすじ pastak生誕祭 @東京 SMTP++ @京都 課題 まとめ これまでのあらすじ GLSLにハマった GLSLでVJやライブコーディングでき…

ToKyoto.js(Kyoto.jsの出張版)を開催しました

こんにちは! Kyoto.js主催の id:amagitakayosi です。 先日開催した ToKyoto.js のレポートをお送りします。 kyotojs.connpass.com ToKyoto.jsはKyoto.jsの特別編として、メンバーが東京にあつまって開催したイベントです。 アウェイでの開催ということで人…

今月VJを2回やります

最近GLSLにハマっておりますが、この度ちゃんとした場所でVJすることになりました。 9/17 pastak生誕祭 @東京 9/22 SMTP++ @京都 僕はどちらもGLSLのライブコーディングによるVJパフォーマンスを行ないます。 2時間 x 2回。スパルタ……!!! pastak生誕祭 @…

日本アルプス初挑戦

木曽駒ケ岳に登った。 2612mのとこまでロープウェイで行ったから、ほとんど登山してないんだけどね。 木曽駒ヶ岳には、バスとロープウェイで「千畳敷カール」という所まで登ることができる。 これがすごい混雑してて、朝の5:30からバスに並んで、ロープウェ…

ポートフォリオ作った

昔作ったWebサイト、今見るとめっちゃダサい…… そんな経験はありませんか? というわけでポートフォリオを作り直しました。 最近の活動ぜんぜん書いてなかったしね。 gmork.in もくじ ポートフォリオ Markdownで書けるようにした GLSLでビカビカした これま…

はてなブログのテーマを自動リロードしながら開発できるツールを作った

Sass/Lessでテーマを書いて、リアルタイムで確認しながら開発できるツールです。 github.com 目次 インストール 使い方 hbt の使い方 0. 開発用ブログを作成する 1. テーマの雛形を作成する 2. 開発用ブログにCSSが読み込まれるようにする 3. テーマを開発す…

Kyoto.js 13開催レポート & 次回予告

こんにちは! Kyoto.js主催の id:amagitakayosi です。 先日開催した Kyoto.js 13 のレポートをお届けします。 kyotojs.connpass.com 今回は京都だけでなく、なんと東京や長野から来たという方もいらっしゃいました(ありがとうございます!!)。 発表内容…

スクリーンショット/GIFアニメ作成技術が集まるスレ

お題「スクリーンショット/GIFアニメ作成技術が集まるスレ」 最近、仕事でも趣味でもスクリーンキャプチャしまくっている。 結構いろいろツール使ったりしてるので、メモっとくと需要あるかなって。 マイお題も作ったので、皆さまのGIFアニメ作成技術やこだ…

AtomでVJできるパッケージを作った #GLSL #livecoding

GLSLでVJやライブコーディングができるAtomパッケージを作りました。 その名も VEDA !!! atom.io この記事では、VEDAの使い方や機能を説明します。 目次 このパッケージでできること 機能一覧 インストール glslangValidatorのインストール VEDA本体のインス…

Kyoto.js 13を開催します

今週の日曜 7/30 、Kyoto.js 13を開催します。 特設サイトも作った。テーマは煩悩。 connpass: https://kyotojs.connpass.com/event/60422/ 特設サイト https://kyoto.js.org/13/ Kyoto.jsは京都のJavaScriptコミュニティです。 たまに勉強会を開催したり、S…

TidalCyclesでライブコーディングに挑戦しよう⚡

とにかくこの動画を見てくれ! TidalCycles、めっちゃ簡単にBreakcore/Mashcore作れてテンション上がってきた pic.twitter.com/kVpnxE9u3T— amagi (@amagitakayosi) 2017年6月23日 ライブコーディングでフレンチコアもできる時代@tidalcycles pic.twitter.co…

28歳になった

無事に28歳を迎えることができた。ロックミュージシャンに生まれなくてよかった…… 最近ブログあんまり書けてないので、まとめて近況報告しよかな。 !!!!! ほしいものリスト http://amzn.asia/haHW5vX !!!!! 引っ越した 引っ越し完了した 出町周辺の皆さまよ…

毎日GLSLでアニメーションを作ってる

最近GLSLやWebGLの世界に入門して、毎日こんなアニメーションを作っている。 4月末、東京に出張する機会があり、ついでに何か面白いイベントや展示がないか探していると、チャネルというイベントを見つけた。 以前から気になっていたBRDG/VRDG方面のイベント…

桜2017

ことしも桜の時期ですね v(^-^)v 蹴上 このあとユーフォ2期見たらOPに蹴上インクライン出てきて興奮した。 穴場 写真は暗いけど、綺麗だし静かでよい所だった。 穴場なので場所は内緒です。 上賀茂神社の西 中学生がブラバンやってて和む。 鴨川、本当に金管…

シェーダーからGIFアニメを生成するツール作った

github.com シェーダーは、本来は3Dプログラムで物体に影をつけたり、視覚的なエフェクトを与えるための仕組みだ。 しかし、シェーダーだけで複雑なグラフィックを表現する事もでき、GLSL SandboxやShadertoyには大量の作品が投稿されている。 今回は、フラ…

expo.ioを使ってリアルタイムにReact Nativeアプリを開発する

1年ぶり3度目のReact Native入門してるんだけど、expo.ioっていうサービスがメッチャ便利そうだったので紹介します。 何がどう便利かっていうと、 ケーブルなしで、実機の動作確認ができる もちろんコード変更も即座に反映される 開発版アプリの配布がワンタ…

ハーフマラソンに出場してきた

3月末、大阪で開催されたハーフマラソンに出場した。 ついでにスーパー銭湯でのんびりしたり、鶴橋で焼肉を食べたりした。 マラソン 淀川沿いを往復するやつ。 第7回 淀川国際ハーフマラソン|サンスポマラソン 去年なんとなくジョギングしてた時22キロくら…

Scala入門としてCLIツールを作り、Scala.js, React, ScalaCSSでサイトを作った

fand.github.io 今年2月からScalaのチームに異動し、Scala入門している。 2月中はゆっくりコップ本を読んでいたのだけど、やっぱり手を動かさないと自信が付かないので、何かツールを作る事にした。 ついでにGitHub PagesもScala.jsやScalaCSSで実装してみた…

ハンズオンを円滑に進めるテク

新人教育の時期ですね。 みなさん研修資料の準備は大丈夫ですか?僕はこの前Reactのハンズオンをやったんだけど、そこで心がけた事や学んだ事を共有します。 ハンズオンの内容については既に記事を書いたけど、細かい所を書ききれなかった。 amagitakayosi.h…

asyncを書くのも面倒なのでasync-nodeを作った

ちょっとスクレイピングする機会があり、Nightmareでスクリプトを書いたんだけど、Promiseをベタベタ書いたりする必要があって面倒だった。 Node.js v7.6.0からはasync/awaitが使えるようになったけど、スクリプト全体をasync functionで囲んだり .catch() …

FRONTEND CONFERENCE 2017でReactハンズオンを開催しました

2017-03-18 (土) 梅田で開催された FRONTEND CONFERENCE 2017 で、Reactのハンズオンを開催しました。この記事では、ハンズオン開催にあたって考えたことや、工夫した点などについて書いていきます。

Atomのはてな記法モードを作ったよ!!

atom.ioはてなブログやはてなグループ、増田に投稿する時に便利です。 どうぞご利用ください。もくじ 機能 はてな記法をシンタックスハイライトしてくれる Markdown文字列をはてな記法に変換できる スニペット使える インストール方法 Atomで新しい言語のモ…