タグ

ブックマーク / blog.amagi.dev (12)

  • 毎日GLSLでアニメーションを作ってる - マルシテイア

    最近GLSLやWebGLの世界に入門して、毎日こんなアニメーションを作っている。 4月末、東京に出張する機会があり、ついでに何か面白いイベントや展示がないか探していると、チャネルというイベントを見つけた。 以前から気になっていたBRDG/VRDG方面のイベントらしい。 会場は六木のSuperdeluxe。出張先のオフィスからも近いので、少し早退して行ってみる事にした。 そこではハードな電子音に合わせて、GLSLやHaskellのライブコーディングによるVJが行われていた。 先週末に開催したチャネル#16 のライブ映像を公開しました。 https://t.co/YgpC3YYC0B #unity3d #tidal #maxmsp #tokyo #BRDG #livecoding #kodelife pic.twitter.com/rWaHodipUA— BRDG / VRDG (@toky

    毎日GLSLでアニメーションを作ってる - マルシテイア
  • Webエンジニアがクリエイティブ系企業に転職して一年が経った - マルシテイア

    1年働いて見えてきた、業種の違い、エンジニアとしての生き方の違いをまとめてみる。 誰? クリエイティブ系って何やねん 前職: Webサービスの会社 現職: 1→10, inc. 入社してからやったこと 振り返ってみて感じたこと 従業員の多様性 案件のサイクル いろんな技術を広く浅く触れる 自分の武器は自分で作らないといけない ジェネラリストを目指すのは難しい 仕事に波がある / 働き方は自由 誰? 天城孝義 (id:amagitakayosi) 男 29歳 既婚 京都在住 好きなメタル: Djent クリエイティブ系って何やねん この記事では、1→10やチームラボ、ライゾマティクスのような、技術やアート、デザイン、エンターテイメントを扱う会社のことを「クリエイティブ系」と呼びます。 なんか鼻につくというか、他の仕事がクリエイティブじゃないとでも思ってるの?みたいな印象を受ける人もいるかもし

    Webエンジニアがクリエイティブ系企業に転職して一年が経った - マルシテイア
  • ライブコーディングの祭典「Algorave Tokyo」に出演しました - マルシテイア

    12/22(金)、神楽坂で開催されたAlgorave TokyoにVJとして出演しました。 楽しかった〜 ちょっと撮ったやつあります pic.twitter.com/AAyd6TJggL— ワープレコードでよいお年をお迎え下さい (@mactkg) 2017年12月22日 Algoraveとは Algorave Tokyo 2017 一言でいうと、プログラミングによる音楽や映像パフォーマンスを行うイベントです。 Max/MSPのような音楽プログラミング環境や、SuperCollider等のライブコーディングシステムを用い、パフォーマンスを行います。 中には独自のシステムを開発している人もいます。 これにより ミュージシャンは自分たちの音楽をアルゴリズムとして作曲し、そのまま生演奏することができる ということです。 Algoraveは2012年頃に始まり、イギリス、ドイツ、カナダ、スペイン

    ライブコーディングの祭典「Algorave Tokyo」に出演しました - マルシテイア
  • AtomでVJできるパッケージを作った #GLSL #livecoding - マルシテイア

    GLSLでVJやライブコーディングができるAtomパッケージを作りました。 その名も VEDA !!! atom.io この記事では、VEDAの使い方や機能を説明します。 目次 このパッケージでできること 機能一覧 インストール glslangValidatorのインストール VEDA体のインストール 使い方 今後の開発 このパッケージでできること AtomでこんなVJができちゃいます! My first VJ live coding pic.twitter.com/j66MFGZfFO— amagi (@amagitakayosi) 2017年7月31日 この動画は、先日僕が VEDA を使ってVJした時のものです。 動画素材や画像素材をロードしつつ、GLSLで加工したり動きを付けたりしています。 動画素材をロードしてMIDIコントローラーで操作きるので、コードをほぼ書かずにVJするこ

    AtomでVJできるパッケージを作った #GLSL #livecoding - マルシテイア
  • Scala入門としてCLIツールを作り、Scala.js, React, ScalaCSSでサイトを作った - マルシテイア

    fand.github.io 今年2月からScalaのチームに異動し、Scala入門している。 2月中はゆっくりコップを読んでいたのだけど、やっぱり手を動かさないと自信が付かないので、何かツールを作る事にした。 ついでにGitHub PagesもScala.jsやScalaCSSで実装してみた。 つくったツール github.com !!! 実用性は度外視しています !!! レポジトリをまるごとコピーしてくれるやつ。 ブランチを移動する度にコンパイルで時間かかるのを回避するため、ブランチ毎にコピーしたらいいのでは、という発想(上手く行ってるかはわからない……)。 手で cp -r するのが一番はやいし、ツールを作るにしても普段だったらJSで書くとこだけど、今回はせっかくなのでScalaでCLIツールを作ってみた。 使い方 brewでインストール可能。 $ brew tap fand/cl

    Scala入門としてCLIツールを作り、Scala.js, React, ScalaCSSでサイトを作った - マルシテイア
  • Cycle.js / RxJS 入門してサンプラー作ってみた - マルシテイア

    youtu.be http://gmork.in/cyro/ サンプラー。 キーボードを押したら音が増える。 [A-Z] : 音を入力 Shift + [A-Z] : そのキーの音をすべて削除 / : 設定パネルの表示 / 非表示 一応ソース fand/cyro · GitHub Cycle.js / RxJS の感想 Cycle.jsとは cycle.js.org Cycle.js は Unidirectional dataflow / Model-View-Intent を実現するWebフレームワーク。 RxJS 及び virtual-dom を使って書かれており、開発者もこれらを利用することになる。 作者の André Staltz 氏は Rx オジサンで、Rx に関するサイトを幾つか作ってる。 FluxElm, Famous のアーキテクチャを解説した記事は少しバズったので、

    Cycle.js / RxJS 入門してサンプラー作ってみた - マルシテイア
  • Fluxフレームワーク戦争の現状確認(後編) - マルシテイア

    この記事は仮想DOM/Flux Advent Calendar 2015の25日目……に入れようと思ってたけどもう埋まってた……。 オマケということで頼む!!!!! 24日目は JavaScript - 実践:MagJS で TodoMVC - Qiita でした。 メリークリスマス!!!!!!!!!! こんにちは id:amagitakayosi です。 みなさん今月も Flux 書いてますか? 僕はオレオレ実装をIsomorphic対応したけど昨日Revertしたところです!!!!!ウオー!!! 今日は↓12/2の記事↓の続きを書いていきます! amagitakayosi.hatenablog.com もくじ 前回のあらすじ flux-utils Container vs View Cycle.js flux-challenge Rx系 thisless-react, Yolk DDO

    Fluxフレームワーク戦争の現状確認(後編) - マルシテイア
  • Fluxフレームワーク戦争の現状確認(前編) - マルシテイア

    この記事は 仮想DOM/Flux Advent Calendar 2015 2日目の記事です。 みなさんFlux書いてますか? 僕はオレオレ実装を書き続けて消耗してます。 Fluxフレームワーク使いたいけど使いたくない……!! いったい今Fluxフレームワークって幾つ生き残ってるの……戦争は終わったの? っていうか最近新フレームワークの噂聞かないけど、まだFluxって流行ってるの? 今日はその辺をまとめてみたいと思います。 もくじ 前提知識 Flux以前 2014年5月 Flux登場 〜2015年前半 戦国時代 Fluxxor Fluxible Alt NuclearJS 振り返り 2015/5月 Reduxの登場 前半まとめ 前提知識 Fluxってなに?という方はこちらの資料をみると良いでしょう。 非常に丁寧にまとめられています。 speakerdeck.com なお、以下ではアーキテク

    Fluxフレームワーク戦争の現状確認(前編) - マルシテイア
  • Node学園祭で「フロントエンドに秩序を取り戻す方法」を発表した #nodefest - マルシテイア

    楽しかったです。 「フロントエンドに秩序を取り戻す方法」 発表に至るまで きっかけ スライド作成 社内勉強会 トークの練習 当日 Q&A Util系のモジュールをnpmで公開しないの? リファクタリングの工数、どうやって確保した? テストについての補足 イベントの感想 NodeDiscuss おひるごはん 懇親会 終わってみて 「フロントエンドに秩序を取り戻す方法」 speakerdeck.com togetter.com はてなブログチームで行った改善についてのトークです。 アンケートの結果では5位にランクインしました!!! 発表を聞いてくださった皆様、ありがとうございました。 発表に至るまで きっかけ 応募のきっかけはYAPC2015でした。 yapcasia.org YAPC1日目のLTを見てるうちに自分も発表したくなって、即LT応募しました。 絶対通るでしょと思ってスライドまで作成

    Node学園祭で「フロントエンドに秩序を取り戻す方法」を発表した #nodefest - マルシテイア
  • 人気のFluxフレームワークReduxをさわってみた - マルシテイア

    fluxフレームワーク、今は Redux が一番アツい様子なので触ってみた。 github.com (追記 2015-10-03 18:15 APIや用語が大幅に変わったので更新した) Redux の経緯 2015-05-30 に公開された "The Evolution of Flux Framework" という記事がある。 medium.com Reduxはその PoC 的な実装だったんだけど、実用的ということでめっちゃ流行っているみたい。 Initial commit も 2015-05-30 だった。 Initial commit · rackt/redux@8bc1465 · GitHub 最近の flux フレームワークだと fluxible と flummox が人気だったけど、 flummoxのページには 4.0 will likely be the last major

    人気のFluxフレームワークReduxをさわってみた - マルシテイア
  • evil という音楽アプリを作った - マルシテイア

    http://evil.gmork.in/ fand/evil · GitHub 何これ ブラウザでシンセサイザー、サンプラー 作曲、演奏、公開できる Google Chromeのみ対応 追加予定の機能 オートメーション機能 オートメーションあると、できることめっちゃ広がる エフェクト追加 俺が使いたいのでやります 歪みの種類増やす、フィルター、フェイザーとか ログイン機能 ログインして、ユーザが自分の曲の編集とか、プレイリスト作ったりできると便利そう バグや要望は@amagitakayosiまで 待ってる 参考 音素材 Beat Production - Download Free Sound Kits, Drum Samples, Loops, SoundFonts, VST Plugins and more H3000 Reverberation Impulse Response P

    evil という音楽アプリを作った - マルシテイア
  • もう24歳なのに、はてなインターンに参加した - マルシテイア

    概要 株式会社はてなの夏季インターンに参加しました。 諸々の情報を共有します。 目次 境遇 インターン流れ 応募〜参加まで 前半 後半 まとめ 有益情報 来年のインターン生へのアドバイス 長くなってしまった。 まとめと有益情報だけでも大変有益です。 境遇 誰お前 CS専攻のM1(1留) インターンに応募するまで 私は茨城のとある大学院のM1だ。プログラミングに興味があって情報系の学科*1に入学したはいいものの、特にプログラミングに没頭して勉強するわけでもなく、評価Cギリギリのコードを書き、せっかくすごい人*2がたくさんいる学科に入ったというのに、技術的な話もできずコミュ力もない私はぼっちになってしまい、同期が鯖管とかWeb開発のバイトでキャリアを積んでる中、コンビニの夜勤とかAV屋さんで働いて底辺の大学生活を続けていた。 B4で配属された研究室には優秀な先輩や同期がいて、以前よりも頻繁に「

    もう24歳なのに、はてなインターンに参加した - マルシテイア
  • 1