月 の 上

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パッケージを作りました。 その名も glsl-livecoder !!! atom.io この記事では、glsl-livecoderの使い方や機能を説明します。 目次 このパッケージでできること 機能一覧 インストール glslangValidatorのインスト…

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で新しい言語のモ…

Markdown→はてな記法変換ツール『md2hatena』を作った

github.comMarkdownで書いてしまった文章を増田に投稿したい方など、どうぞご利用ください。 ライセンスはMIT, テストカバレッジは C0 100% です。 インストール方法 $ npm install --global md2hatena 使い方 ターミナルから利用できます。 $ md2hatena foo…

1月、京都、垂り雪

2017-01-14 貴船神社 鴨川デルタ 2017-01-15 上御霊神社 本願寺 のぞみ 118号

2016年お焚きあげ / 2017年の抱負

もう1月終わっちゃったけど…… 2月は仕事も生活も転機になる。 これからが本番ということで、今年の抱負を書いてみる。 2016年にやったこと Kyoto.js復活 フロントエンドランチなど、会社でフロントエンド活動をやるようになった GitHubに課金して、人生のい…

React のソースコードを読んでみよう!

こんにちは id:amagitakayosi です。 株式会社はてなで主にフロントエンド開発を担当しています。 この記事では React 本体のコードを読んでみます!! この記事は Reactアドベントカレンダー 2016 の7日目の記事です。 昨日は yutaszk さんで「react-router…

กระต่ายหมายจันทร์

タイで4日間過ごした。 知らない文字に囲まれて、本当に着くのかと不安になるバスに乗ったりしてた。 川と海と高層ビルの隙間に、水色と緑とピンクと金と、土色と、あと無数に吊るされた黒い電線の中を、フワフワさまようような旅だった。 経緯 旅行が決まっ…

エンジニア立ち居振舞い「自分の担当範囲を意識する」

お題「エンジニア立ち居振舞い」 僕は今のチームでフロントエンド担当ということになっている。 一応肩書は「アプリケーションエンジニア」だしサーバー側のコードもガンガン書くけど、他のエンジニアとの立ち位置を考えると自然と担当範囲が決まってくる感…

2016-10-11:六甲ミーツアート

水銀の糸で紡いだ話 - - - - -

2016-10-09 冷蔵庫、WordPress

冷蔵庫が届いた ドアチャイムの音で目が覚めた。 10時過ぎに冷蔵庫が到着。 冷蔵庫の中身や、上に載せた電子レンジ、炊飯器を急いで退ける。 作業員は二人組。異常に手早くて、古い冷蔵庫の回収から新しい冷蔵庫の設置まで3分ほどで完了してしまった。 古い…

2016-10-08: 京都芸術センター, ヨドバシ

京都芸術センター / 前田珈琲 読書したりちょっと作業したりするために図書館へ行こうと思っていたのだけど、どうやら京都の図書館ではPCを開いたり勉強するのはNGらしい。 大学時代に図書館で好き勝手していたので感覚がマヒしていたのかな。 京都で自習で…