はてなブックマーク

• あとで読む

  VFX-JS v1.0 をリリースしました - HTML-in-Canvas対応、Three.js依存削除、エフェクトのモジュール化 - マルシテイア

  17 users

  blog.amagi.dev

  先日、 VFX-JS Ver.1.0 をリリースしました。 github.com VFX-JS は、Web 上の画像・動画・テキストに対して WebGLで 視覚的なエフェクトを加えるライブラリです。他のWebGLライブラリと比べて、canvasのセットアップが自動化されていることや、画像・動画の HTML 要素をそのまま入力として渡せるのが特徴です。 例えば、このようなエフェクトをWeb上で実現できます: CRT-like post effect with VFX-JS #WebGL #VFXJS #Codepen pic.twitter.com/evFae2H06E— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayosi) June 26, 2025 Pixel Stretch + Gradient Map + Dither #VFXJS pic.twitter.com/3l0iAiH0

  • テクノロジー
  • 2026/07/06 09:36

  • javascript
  • あとで読む
• あとで読む

  ターミナルで動くMarkdownスライド作成ツール Ratride を作った - マルシテイア

  25 users

  blog.amagi.dev

  Ratrideという、ターミナルで動くMarkdownスライド作成ツールを作った。 Ratride v1.0 released: - Markdown slide presentation tool - Animated transitions - Works on terminal & on Web built with #ratatui + tachyonfx pic.twitter.com/R9YPaldzvy— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayosi) March 3, 2026 特長: アニメーション対応 Webでも動く 見出しをAAに変換できる github.com 経緯 先日の #onishi50 でLTするために開発。 LTの内容が「ターミナルで動くDAW」についてだったので、LTもiTerm2上で行いたかった。 ターミナルで動くスライド発表ツールというのは特

  • テクノロジー
  • 2026/03/05 08:32

  • slide
  • あとで読む
• あとで読む

  読んだ本2021〜2024 - マルシテイア

  3 users

  blog.amagi.dev

  去年読んだ本をブログにまとめようと管理画面を開いたら、そこには2021年と2022年に作成した記事の下書きが…… というわけで4年分まとめて書きます。もう記憶がおぼろげだけど覚えてる範囲で。 2024 一般書籍 天才たちの日課 押井守の映画50年50本 圏論の道案内 いいデザイナーは見た目のよさから考えない 国際線外資系CAが伝えたい自由へ飛び立つ翼の育て方 女のいない男たち たまたま座ったところに "すべて" があり、それが直腸に入ってしまった。 口に関するアンケート 戦略的交渉入門 技術書 Tidy First? The Rules of Programming Building Micro-Frontends Fluent React プログラミングRust 第2版 並行プログラミング入門 ―Rust、C、アセンブリによる実装からのアプローチ ソフトウェアアーキテクチャの基礎 ―エン

  • テクノロジー
  • 2025/01/28 13:24

  • あとで読む
• あとで読む

  聖性の窓 - マルシテイア

  4 users

  blog.amagi.dev

  最近暇な時にResolumeやライブ演出系の解説動画をよく見ているのだけど、頻繁にインドやバングラデシュなどのVJの動画がヒットすることがある。 その中で、サンプルの動画素材としてヒンドゥー教の神々をフィーチャーした物が用いられる、ということを複数回経験した。 また、僕は最近cmf Watch Proというスマートウォッチを使っているのだけど、ウォッチフェイスのカスタマイズ方法を調べた際にも、サンプル画像としてサンスクリット文字（Om: ॐ）やヴィシュヌ神の画像が用いられていた。 www.youtube.com このことから分かるのは、精々ある文化圏の人々にとって宗教的モチーフは身近なものである、くらいの事なんだけど、僕はそれよりも、スマートウォッチやクラブのLEDスクリーンが霊的なモチーフから力を得るためのポータルとして作用しているということに興味を惹かれてしまった。 我々が映像を作る際

  • 学び
  • 2024/04/13 08:35
• あとで読む

  子供向けアニメ『ブルーイ（Bluey）』を大人も観るべき理由 - マルシテイア

  10 users

  blog.amagi.dev

  最高に面白いけど日本ではあまり知られていない子供向けアニメ『ブルーイ』について、大人だけどほぼ毎日観ている僕が魅力を解説します。 皆とブルーイの話がしたい！ 『ブルーイ』ってどんなアニメ？ 公式Webサイト (https://bluey.tv/) より抜粋 『ブルーイ（Bluey）』は、オーストラリアに住む犬の女の子ブルーイの日常を描く、未就学児向けのショートアニメ。 妹のビンゴや両親と一緒に過ごしたり、友人たちと遊ぶようすが様子が描かれています。 1話7分程度のため、サクッと観られるのも魅力の一つ。 人気エピソードの一つ「プール」がYouTubeで全編公開されているので、ぜひ試しに観てください。 www.youtube.com 制作はオーストラリアのLudo Studio。当初はオーストラリア国内で放送され、その後Disney+で全世界に配信されました。 そのクオリティの高さから子供だけ

  • アニメとゲーム
  • 2024/04/13 06:34

  • 子育て
  • あとでみる
  • アニメ
• あとで読む

  色、ムズ〜〜〜〜 - マルシテイア

  32 users

  blog.amagi.dev

  本記事は、先日開催されたKyoto.js 19のために用意したLT資料に加筆したものです。 kyotojs.connpass.com こんにちは、天城です。 最近はWebGLで動画編集アプリを開発しており、Webでの色の扱いについて日々苦しんでおります。 この記事では、僕が最近知った色関連の小ネタを共有します。 目次 話題1: mix-blend-modeにaddがない そもそもBlendingって何？ Webでは基本的にsource-over compositingしか使われない Canvasではsource-over以外のCompositingが使える PDF Reference 一方その頃WebGLは…… 話題2: Display P3 CSS Color 4でDisplay P3が使えるようになった Display P3 CSS Color 4 CSS Color 4 で導入された

  • テクノロジー
  • 2023/05/29 12:31

  • color
  • css
  • あとで読む
  • web制作
  • デザイン
  • web
• あとで読む

  2022ベストバイ: キッズカメラ、Nothing Phone、ズームレンズ - マルシテイア

  11 users

  blog.amagi.dev

  1位: 中国製の激安キッズカメラ POSO キッズカメラ トイカメラ 子供用カメラ 女の子 子ども用デジタルカメラ おもちゃ 女の子 1080P HD 動画カメラ 子供プレゼント 800mAhのバッテリー キッズデジカメ タイマー撮影 自撮り機能 2.0インチIPS画面8倍ズーム 操作簡単 USB充電 子供の日 誕生日プレゼント 日本語説明書付き (ピンク) POSOAmazon 最高 子供が何を見ているのか、がわかる 例: 画質はメチャクチャ悪い 色はガビガビだしレンズは歪んでいる Amazonの商品ページには4000万画素と書かれており、実際画像の解像度自体は高いんだけど、画質が悪いので単にファイルサイズがデカいだけになっている しかし、画質の悪さがより一層、思い出デバイスとしての説得力を強めている 子供の眼には、このカメラと同じように、抽象的で不確かな世界が見えているんじゃないか、と

  • 暮らし
  • 2023/01/02 18:26

  • 物欲
  • blog
  • あとで読む
• あとで読む

  生産性への強迫観念を振り払う儀式としての、子育て - マルシテイア

  241 users

  blog.amagi.dev

  同年代の方がブログに書かれていたことについて、自分の思うところを書いてみる。 starhoshi.hatenablog.com 「育児で勉強時間がとれない」という話がプログラマー界隈でバズってるの、人類の普遍的な悩みではあるけど、昔から「プログラマーは死ぬまで勉強しないと終わり」と口酸っぱく言われてた事と、それで良しとするコミュニティ全体の風潮がそもそも持続可能な物ではなかった、という事だよな〜と思ってる— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayosi) October 19, 2022 育児のしんどさ 勉強時間が取れなくなる ふとSNSを見ると、同年代の独身者や若者がバリバリ成果をあげている 自分の市場価値がみるみる下がっていくのを、ただ見ることしかできない恐怖感 俺たちは勉強をしないと死ぬのか プログラマー35歳定年説 デーブカトラーのような「闘うプログラマー」にならないと生き

  • 暮らし
  • 2022/10/20 11:34

  • 育児
  • あとで読む
  • 人生
  • 仕事
  • エンジニア
  • プログラマ
  • engineer
  • work
• あとで読む

  インドのスタートアップ企業に日本からフルリモートで参加している - マルシテイア

  202 users

  blog.amagi.dev

  入金通知に落書きする娘 9月から、InVideoというインドのスタートアップ企業で週3日/フルリモートで働いている。 たまたま声をかけてもらったレアケースなので再現性はないと思うけど、誰かの参考になるかもしれないし、現在までの経緯や感想を書いておく。 誰？ 経緯 働き方について スタートアップってこういう感じなのか〜 インド企業の面白さ 海外企業にリモートで参加する難しさ 英語 時差 手続き系 まとめ 追記 (2021-11-25 11:16) 書きそびれた小ネタ コメントへの返信 誰？ 天城孝義、京都在住のフリーランスプログラマーです。 Webサービスのプログラマー、Unityプログラマーを経て、2020年4月からフリーランスとして働いています。 最近では、主にReact/Next.jsを使ったSPAの開発や、WebGLアプリ開発などの業務を行っています。 Twitter: @amagi

  • 政治と経済
  • 2021/11/22 08:12

  • エンジニア
  • 海外
  • 開発
  • work
  • 企業
  • あとで読む
  • 英語
  • インド
  • 仕事
• あとで読む

  SIGMA fpを買った - マルシテイア

  20 users

  blog.amagi.dev

  5年前に買ったRICOH GR2が壊れてしまった。充電してもバッテリーを交換しても電源が入らない。長年雑に扱ってきたことで端子が歪んでしまっていたりもするので、思い切って新しいカメラを買うことにした。 気づいたらSIGMA fp買ってた SIGMA fpは元々気になっていたんだけど、値段も高いし、オートフォーカスが弱いという話も聞いていたので、わざわざ25万払ってボケボケの写真撮って家族に怒られるのも嫌だな、と思って敬遠していた。 YouTubeで色々レビュー動画を見て、「ヨッシャSONY α6400買うぞ」とヨドバシに向かったんだけど……気がついたらSIGMA fpを買っていた。 問題のAFは実際に店頭で触ってみたらまあどうにかなりそうだったのと、試し撮りしたときの写りが良かったのが決め手になった。 α6400がしっくり来なかったのは、キットレンズがF3.5までだったからなのかな？ あと

  • 暮らし
  • 2021/08/13 14:06

  • カメラ
  • 写真
  • あとで読む
• あとで読む

  完全食、フレンチトースト、浸透圧 - マルシテイア

  6 users

  blog.amagi.dev

  昼間、フレンチトーストを食べながら考えたことです フレンチトーストは、焼き上がったパンに卵と砂糖を浸して作られる すでにパンとして完成している物を加工していて、不自然 なぜ最初から全部混ぜないのか 美味しくないから？ チャーハンの卵先入れ問題 食材を全部混ぜたら美味しくないのは何故なのか 全部ミキサーで混ぜたやつ、エントロピー高そう エントロピーが高いからマズい？ 客はラーメンではなく情報を食べている 味と情報の浸透圧 エントロピーの高い食べ物を摂取すると、体の中の情報が溶け出てしまう 水中毒 みたいになる すでに情報過多になっている状態ならむしろ丁度良いのではないか 血液サラサラ vs 脳内サラサラ 血栓 = 脳内で情報が輻輳している状態 都会では完全食が流行っている 完全食シリーズは、現時点で最もエントロピーの大きい食べ物 最近はパンとかパスタ形態のものが流行っている？？？知らんけど

  • 世の中
  • 2021/05/24 16:35
• あとで読む

  承認欲求ではなくて、何者かになりたいという欲求と、その名前 - マルシテイア

  4 users

  blog.amagi.dev

  最近は承認欲求があまり無くなってしまって、雨粒や、風や草みたいな気持ちで生きている 人間世界にほとんど関与していない 欲がないというか、状況によってミュートされてしまった いま考えると、インターネットでいう所の承認欲求ってすごく健全な欲求だったな 欲求があるなら頑張れるだろ 自己の成長と人間世界との関わりにたいして、正のフィードバックループが作用している 承認欲求っていうと負のループを想像しがちだが さっき書いたのは、承認欲求じゃなくて、何者かになりたい欲、なのかな なんか呼び方あるのかな 何者かになりたい欲 世界に関わりてえ欲 関係持ちたい欲 関係、持ちたい……

  • 学び
  • 2021/05/08 22:11
• あとで読む

  夜くらいしか払えない - マルシテイア

  3 users

  blog.amagi.dev

  スケジュールやメンタルが追い詰められている時、無理して夜更かしして読書や勉強をして更にヘトヘトになるという癖がある 癖、というより、己の境遇を良くするための方法がそれくらいしか思いつかないので、消去法で夜を選んでいるのではないか 明日を遠ざけるために夜を引き伸ばしている、という可能性もある 実際、皆さんは何を支払っていますか？

  • 世の中
  • 2021/04/23 09:15

  • life
• あとで読む

  2020年読んだ本、良かった本 - マルシテイア

  4 users

  blog.amagi.dev

  去年買った本のなかで良かった物を紹介する。 良かった本3選 SF映画のタイポグラフィとデザイン SF映画のタイポグラフィとデザイン 作者:デイヴ・アディ発売日: 2020/08/18メディア: 大型本 良かった度: ☆☆☆☆☆ オススメ度: ☆☆☆☆☆ 淀屋橋のジュンク堂でたまたま見かけて購入。去年読んだ本の中で一番面白かった。 SF作品における定番フォント "Eurostile Bold Extended" をはじめ、いわゆる「SF風デザイン」がどのようにして形作られてきたのか、歴代の名作SF映画を振り返りつつまとめた本。 SF映画とデザインというテーマで書かれた書籍では「SF映画で学ぶインターフェイスデザイン」が有名だが、あちらがコントローラー、音声、VR/ARといったインターフェイスの要素ごとにSF映画を分析しているのに対し、本作では2001年宇宙の旅、スタートレック、エイリアンなど

  • 学び
  • 2021/01/26 15:25

  • 本
• あとで読む

  VIRTUAL ART BOOK FAIR 2020のWebGL開発を担当した - マルシテイア

  3 users

  blog.amagi.dev

  2020-11-16〜2020-11-23 に開催された VIRTUAL ART BOOK FAIR の Web サイト開発を担当した。 また、イベントの一環として、開発の裏側についてYoutube Liveで話したりした。 https://2020.virtualartbookfair.com/ www.youtube.com この記事では、プロジェクト参加の経緯や開発のすすめ方、僕が技術的に頑張ったことについて振り返る。 VIRTUAL ART BOOK FAIR とは 世界観ができるまで 開発の体制 技術的な構成 技術的に頑張ったこと 文字表示 パフォーマンス調整 ロード時間短縮 並列ロード 画像を GLB にまとめる やってないこと GPU インスタンシング Tree Shaking 感想 VIRTUAL ART BOOK FAIR とは 毎年開催されている TOKYO ART B

  • テクノロジー
  • 2020/11/30 08:50
• あとで読む

  娘を1024回揺らすと寝る - マルシテイア

  30 users

  blog.amagi.dev

  娘を1024回揺らした— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayosi) 2020年3月7日 娘、1024回揺らすと大体スヤァ……と眠ってくれる。 僕は娘を寝かしつける時に何回揺らしたかを数えている。歩数計や加速度センサーを使うなんてハイテクな事はしておらず、すべて手で数えている。 とはいっても、1回1回指折り数えている訳では無い。娘は子守唄を歌うと安心して寝てくれる確率が上がるため、基本アドリブでオリジナル子守唄を歌いながら揺らすことになるのだが、この子守唄を何回ループしたかを数えて計算している。 1024回だとこんな感じ。 一番よく使うオリジナル子守唄はこんな感じ。 飽きるので適当にアドリブで歌ったりするんだけど、なんだかんだいつもと同じ歌を歌うと安心してくれる気がする。 回数を数えるメリット・デメリット 子を揺らした回数を数える事で、以下のようなメリットがある。 イライラしな

  • 暮らし
  • 2020/03/07 18:25

  • 育児
  • 子育て
  • あとで読む
• あとで読む

  開発環境をゲーミングノートLenovo Y740に移行した - マルシテイア

  6 users

  blog.amagi.dev

  CG開発や映像制作用にNVIDIA GPUの載ったノートPCを漁っていた所、Lenovo Y740 15inchが良さそうだったので購入した。 日本だとあんまり情報みないけど、今のところ満足してるのでレビューを書いてみる。 https://www.lenovo.com/jp/ja/notebooks/legion-laptops/legion-y-series/Lenovo-Legion-Y740-15/p/88GMY701059 スペック 良い所 とにかく安い ゲーミングノートにしては大人しいデザイン 主要ポートが背面にある 作りがしっかりしてる トラックパッドとボタンが独立 注意点 アダプターがめちゃくちゃデカいし重い バッテリーが全然持たない Webカメラが位置、画質ともに最悪 Intel QSVが使えない？ OSは英語版、キーボードは英字配列のみ Lenovo 開発環境構築メモ 初

  • テクノロジー
  • 2020/03/07 10:19
• あとで読む

  OSSのJSONエディタをElectronアプリに移植した - マルシテイア

  56 users

  blog.amagi.dev

  josdejong氏作のJSONエディタを、Electronでデスクトップ用アプリに移植しました。 github.com 元のJSONエディタはこちら。めちゃ高機能で便利。 僕が書いたコードはたった200行くらいです。 github.com なぜ作った 仕事でイベント用のUnityアプリを作る事が多い 現場でパラメータを調整するために、パラメータをJSONやCSVファイルに出しておくことが多い SRDebuggerとかでアプリ内に設定画面を作る事も多いけど、その時間すらない事もある プログラマー的にはJSONを使いたい プログラマー以外の普通の人にとっては、JSONの編集は難しい CSVはエクセルで編集できて便利という世界観 普通の人が使えるJSONエディタがほしい オンラインJSONエディタは良い奴がたくさんある exeで欲しいんだが！！！ Electronでラップしたら良いのでは？ E

  • テクノロジー
  • 2020/02/03 08:20

  • Electron
  • JSON
  • あとで読む
  • techfeed
  • GitHub
  • tool
• あとで読む

  Reactで画像やテキストにWebGLエフェクトをかけるライブラリ作った - マルシテイア

  114 users

  blog.amagi.dev

  amagiです。先日React用コンポーネントライブラリのREACT-VFXをリリースしました。 REACT-VFXを使うと、画像や動画、テキストにWebGLでエフェクトをかけることが出来ます。 ⚡𝙍𝙀𝘼𝘾𝙏-𝙑𝙁𝙓 released！⚡ I created React components to add WebGL effects to images, videos and plain texts in your app. It also supports animated GIFs...😎 Visit website for details:https://t.co/mlnmExpUVZ#REACTVFX #WebGL #React #Threejs #GLSL pic.twitter.com/uDUQ8MKNcK— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayos

  • テクノロジー
  • 2020/01/23 16:06

  • WebGL
  • react
  • あとで読む
  • GLSL
  • 3Dプログラミング
  • shader
  • react.js
  • ライブラリ
  • javascript
  • techfeed
• あとで読む

  Kyoto.js 17を開催しました - マルシテイア

  7 users

  blog.amagi.dev

  2020-01-11 (土)、Kyoto.js 17を開催しました。 少し時間が空いてしまったけど、僕の個人的な振り返りを書いていきます。 Kyoto.jsとは 資料まとめ 僕の発表について 個人的振り返り 良かった所 問題点 まとめ Kyoto.jsとは Kyoto.jsは京都のWebプログラマーやデザイナーのためのコミュニティです。 年1～3回のペースでゆるりと開催しています。 .js と言っているとおりJavaScriptがメインですが、あんまりJavaScriptに関係ない話でも面白ければOKという体でやっています。 開催は京都ですが、毎回なぜか大阪や神戸、名古屋、たまに東京の人も来てくれています（本当にありがとうございます！） 今回は株式会社はてなの京都オフィスで開催しました。 資料まとめ kyotojs.connpass.com Twitterで補足できた分だけまとめました。

  • テクノロジー
  • 2020/01/20 10:21

  • あとで読む
• あとで読む

  Webエンジニアがクリエイティブ系企業に転職して一年が経った - マルシテイア

  4 users

  blog.amagi.dev

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

  • テクノロジー
  • 2019/06/18 08:34

  • qiita
  • エンジニア
  • technology
  • art
  • development
  • 開発
  • it
  • life
• あとで読む

  Kotlinで音声認識 + Nearby APIでオフライン通信するアプリ作った - マルシテイア

  4 users

  blog.amagi.dev

  クライアントに納品するプロジェクトで、タブレット/スマホ連動の音声認識アプリを作ることになった。 仕組みはこんな感じ。 アプリの仕組み 特定の単語を認識して、両デバイスでコンテンツを再生する、というヤツ。 音声認識はタブレットでやっていて、単語を認識したらスマートフォンにイベントを送信している。 当初はWeb技術で実現しようとしていた。 音声認識: Web Speech API デバイス間の通信: WebSocket PCでいい感じに動くところまではサクッと作れたんだけど、Android実機で動作確認した所、音声認識開始の「ピコン♪」という音が無限になり続ける事態に遭遇した。 まさにこの状況↓ ブラウザでマイク入力から書き起こしを行うツールを作った - mizchi's blog Androidで開いたら無限にポホロンポロロン音が出続けていた2019/01/20 23:33 b.haten

  • テクノロジー
  • 2019/01/25 11:19
• あとで読む

  TOEICで935点を取ったので勉強法を振り返る - マルシテイア

  32 users

  blog.amagi.dev

  先日、TOEICで935点をゲットした。 忙しくてあまり勉強できなかったけど、思ったより良い点数で驚いた。 大学時代に受けた時は800点だったので、普段の生活でもそれなりに英語力が上がってたんだなー。 というわけで、ここ数年やってきた英語活動？についてまとめます。 一言で言うと、 英語に触れる心理的障壁を下げる ことが大事っぽい。 筆者のスペック 英語Podcastを聴く Web系 JavaScript Jabber SoftwareEngineering Daily CG系 CG Garage デザイン系 Wireframe コツ1. 良いPodcastクライアントを使う コツ2. 日本語のPodcastもいろいろ聴く HackerNewsやMediumの記事を読む コツ3. すぐに辞書を開けるようにする 海外旅行に行く カンファレンスで外国の人と話す 英語圏の人とチャットする 死にたく

  • 学び
  • 2018/11/20 08:34

  • 英語
  • あとで読む
• あとで読む

  UnityのVFXGraphでパーティクル芸やる方法 - マルシテイア

  3 users

  blog.amagi.dev

  最近仕事の合間にVFXGraph (Visual Effect Graph)を触ってます。 #madewithunity #vfxgraph #particles #Gif pic.twitter.com/4fDc9kBBQG— amagi (@amagitakayosi) November 6, 2018 Uniteの発表動画みた時は「おいおいHoudiniかよ？」と思ったけど、今の所は「ノードベースのGPUパーティクルシステム」という感じ。 ベータなのでノードの数も使い勝手もまだまだだけど、それでもサクサクっとおもしろパーティクルアニメーションを作れるので楽しいですね。 この記事では、VFX Graphの基本的な操作方法や、これまでに作ったエフェクトの作成方法を解説します。 まだベータなのでこれから変わるかも。 使い方 ノード画面の基本操作 キーボードショートカット Tips 新たにエ

  • テクノロジー
  • 2018/11/16 11:27

  • unity
• あとで読む

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

  21 users

  blog.amagi.dev

  Sass/Lessでテーマを書いて、リアルタイムで確認しながら開発できるツールです。 github.com 目次 インストール 使い方 hbt の使い方 0. 開発用ブログを作成する 1. テーマの雛形を作成する 2. 開発用ブログにCSSが読み込まれるようにする 3. テーマを開発する 4. 完成したテーマを出力 インストール 動作にはNode.jsが必要です。 未インストールの方はこの辺からインストールしてください。 https://nodejs.org/ja/ ターミナルで以下のコマンドを実行すると、 hbt コマンドがインストールされます。 npm install -g @fand/hatena-blog-theme-boilerplate 使い方 hbt の使い方 0. 開発用ブログを作成する テーマの開発には、開発用のブログを開設しておくと便利です。 既存のブログをエクスポート

  • テクノロジー
  • 2017/08/22 13:45

  • はてなブログ
  • dev
  • css
  • ツール
  • hatena
• あとで読む

  Kyoto.js 13開催レポート & 次回予告 - マルシテイア

  17 users

  blog.amagi.dev

  こんにちは！ Kyoto.js主催の id:amagitakayosi です。 先日開催した Kyoto.js 13 のレポートをお届けします。 kyotojs.connpass.com 今回は京都だけでなく、なんと東京や長野から来たという方もいらっしゃいました（ありがとうございます！！）。 発表内容もユニークなものが揃っています！ 当日の様子はTwitterのハッシュタグ #kyotojs でご覧になれます。 発表資料 「Live Coding on Atom」amagitakayosi 「煩悩の数だけRefluxを回そう(仮)」kamiyam 「type of typing typescript type」hiroqn 「煩悩レスなコンポーネントテストを目指して」bokuweb 「Reason」kuy 「Gyazoのフロントエンドから煩悩を取り払えているのか」pastak LT資料 「

  • テクノロジー
  • 2017/08/09 11:34

  • Reason
  • atom
  • Kyoto
  • TypeScript
  • JavaScript
  • js
• あとで読む

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

  72 users

  blog.amagi.dev

  お題「スクリーンショット/GIFアニメ作成技術が集まるスレ」 最近、仕事でも趣味でもスクリーンキャプチャしまくっている。 結構いろいろツール使ったりしてるので、メモっとくと需要あるかなって。 マイお題も作ったので、皆さまのGIFアニメ作成技術やこだわりを投稿してくれると助かります！😸 目次 キャプチャツール GIF Brewery 3 Quicktime Player Licecap 編集/軽量化 Gifsicle ezgif.com ffmpeg その他小技 キャプチャデバイス買おうか迷ってる キャプチャツール GIF Brewery 3 gifbrewery.com macOS向けの高機能なGIF作成/編集ツール。 スクリーンを撮影するだけでなく、Webカメラや動画ファイルからGIFアニメを作成できる。 フレームレートやスピードを簡単に設定できる上、軽量化もできる。 仕事で開発中の画

  • テクノロジー
  • 2017/08/07 16:05

  • gif
  • screencast
  • キャプチャ
  • tool
  • tips
  • アニメ
  • あとで読む
• あとで読む

  AtomでVJできるパッケージを作った #GLSL #livecoding - マルシテイア

  272 users

  blog.amagi.dev

  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するこ

  • テクノロジー
  • 2017/08/04 17:32

  • atom
  • vj
  • GLSL
  • あとで読む
  • livecoding
  • webgl
  • Live
  • homebrew
  • エディタ
  • dj

次のページ