はてなブックマーク

ロゴ：永良新さんデザインのAratanaというフォントをベースにつくったロゴタイプ baku89#iconが開発しているLocal-First な CMS。実績サイトにも、ナレッジベースにも、日記にも、有料コンテンツ配信にもつかうことができる。 garden.oooというURLそのものがシステム名であり、サービス名。このポートフォリオサイトや友人のWebサイトの構築に使いながら開発を続けている 旧名：Morion 要するにWikiベースのCMSハイパーテキストの再発見カテゴリや投稿タイプという階層構造や、ブログや日記といったタイムライン構造に縛られた今日のWebから、WWW本来の網の目構造を取り戻すLocal First全情報はローカルにテキストファイルとして保存されるデータをクラウドに人質にとらない。むしろ、ローカルこそがsource of truthで、クラウドはそれをミラーする存在デ

group_inou / HAPPENING Kindolphin group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装はぼく一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 アプリ化の話はMV制作時から挙がっていたものの、イノウに感度のある音楽ファンと、いわゆる「インタラクティブMV」のような表現に興味のある層はあまり被らない先入観があったので、思った以上の反響にぼく自身驚いています。反応を調べたところ、リバースエンジニアリングされている業界の方がそれなりにいらっしゃったので、メイキングとリポジトリを公開しておこうと思います。 ちなみに、Web制作についてこ

TALPKEYBOARD さんの以下の記事を参考に、自作キーボードの刻印と染色に挑戦しました。 【COLUMN】キーキャップの昇華印刷に挑戦しました / TALPKEYBOARD 今回、sphh jp という日本語配列の分割キーボードキットを使ったのですが、いかんせん既成のキートップだと選択肢が少なく納得のいくデザインがなかったので、せっかくならと刻印も「自作」することにしました。結論からいうと、かなり時間と体力を使ったうえに、良くも悪くも手作り感のある仕上がりになりました。万人にはオススメできませんが、ぼくは満足しています。 キットはsphh jpを使用使用者が液タブ使いなので、間に挟んで使えるよう分割に。日本語配列が希望とのことだったので、自作キットだとほぼこの一択となりました。結果これを選んで良かったのですが、ひとつ理想を言いえばコネクタ周りは USB-C が嬉しかったです。また、ぼ

Glisp を開発している中で、このエントリにも上げたような問題があったので言語処理系自体を、一般的な Lisp 評価器とは異なった、より GUI やデザインとの親和性の高いものへとアップデートしようとしています。しかしまた色々行き詰まった所が出てきたので、言語化も兼ねて今一度悩んでいるところを書き出しておきます。 言い訳までに、僕はただの映像専攻の美大中退者でして、言語処理系に関して何の専門教育を受けたこともないので、車輪の再発明をしているような予感もありますし、以下の考察も適切ではないかもしれません。もし、この辺勉強するとスッキリするよ～とか、こういう概念があるんよ～みたいなアドバイスがあれば、断片的にでも構わないので教えてくださるととても嬉しいです。 Lisp の何が問題だったか?そのシンボルが指し示す値、関数の実体、そして型が、評価されるまで分からない（Lisp は動的型付けなので

ここ最近、Glispというアプリをつくっています。Lisp ベースのベクタードローイングツールで、Creative Coding と伝統的なチマチマやるデザインとの合わせ技っぽい使い勝手を目指してます。 ひとまずCuushe さんのビデオに手入れ続けて止まらないのが気が済んでからなのですが（ごめんなさい…）、終わったら本格的にこれに注力してみたいなと思っとります。だから助成金やファウンディング含めてみなさんに色々ご相談したいです。 #glisp - Twitter Search / Twitter これが実現したらようやく「こいつなんか意味分からん事言って Adobe に因縁つけてるな」みたいなんがもう少し多くの人に理解してもらえる気がしています。少なくともベクターグラフィックに関しては、ソフトの使い勝手に気が散ってツール開発をしないとしんどくなる体質が改善して実制作に集中出来るようになれ

https://glisp.app Glisp はクリエイターが自身が作家性や目的に適った形でハックできる、高い自己改造性を備えた制作ツールを探求するオープンソースプロジェクト。「使途やトーンを限定しない抽象性」「つくり方をつくるための機能」「コンピュテーショナル・デザインと人の手による直感的操作との融合」を主な設計思想に掲げ、継続的にプロトタイプを発表していきます。また、基盤となるプログラミング言語やデザインに最適なUI/UXの研究にも取り組みます。

外国語を学ぶ一番の醍醐味は母語では文節出来ない概念を知ることだ、という話がある。必死に英語を勉強している身として、その通りだと思う。その意味でで、この数年で一番、いいなぁ、便利だなぁと思った形容詞が、agnostic だ。語源は agnosticism、不可知論。宗教的には、明確に神の存在を否定する無神論とは異なり、神は居るとも居ないとも断定できないとする立場のことだが、そこから転じて、大雑把に「分かりかねる」「知り得ない」のような意味になるらしい。ソフトウェア工学の世界では、プロトコルやインターフェースの詳細に関知しない状態で設計された、つまり「非依存の」に近い用法で使われることが多い。例えば、platform agnostic で「特定のプラットフォームに依存しない」という成句になる。似た言葉に cross-platform 「複数のプラットフォームで動作する」があるが、両者の語義的な

NEWREEL のインタビューで「スリットスキャンというテクニックにしたって、まだまだ全然出尽くしてない」なんて偉そうなことを言っていたので、以前から考えていた手法を半日かけて試しました。スリットスキャンらしさってのは一見あまりないんだけど、れっきとしたスリットスキャン。 どのようにスリットスキャンするとどういう画が出力されるのかをイメージするのって案外難しくて。だからこの手法は「時間をどう前後させるか?」ではなくて「映像の 1 コマ 1 コマを積層させて出来上がった金太郎飴を、どのような断面でカットしていくか?」と考えると分かりやすいです。 金太郎飴を垂直にサクサク薄切りしていくと、その断面は普通に映像を再生したように変化します。斜め切りすると、いわゆるスリットスキャン。そう考えると、当てる包丁の形は別に真っ直ぐじゃなくて良いわけです。ギザギザでも何でも。 今回の動画の例でいうと、右から

Video Below is a quick technical note. How to Make?The basic idea of this video is to combine the Street View screenshots with the stop-motion animation of the artist of the video, group_inou. To make this technique possible, it was essential to build efficient methods of retrieving background panoramas from Street View and shooting pictures of members. Here is a basic workflow. Location Hunting: