色、ムズ〜〜〜〜 - マルシテイア
本記事は、先日開催された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 で導入された
インドのスタートアップ企業に日本からフルリモートで参加している - マルシテイア
入金通知に落書きする娘 9月から、InVideoというインドのスタートアップ企業で週3日/フルリモートで働いている。 たまたま声をかけてもらったレアケースなので再現性はないと思うけど、誰かの参考になるかもしれないし、現在までの経緯や感想を書いておく。 誰？ 経緯 働き方について スタートアップってこういう感じなのか〜 インド企業の面白さ 海外企業にリモートで参加する難しさ 英語 時差 手続き系 まとめ 追記 (2021-11-25 11:16) 書きそびれた小ネタ コメントへの返信 誰？ 天城孝義、京都在住のフリーランスプログラマーです。 Webサービスのプログラマー、Unityプログラマーを経て、2020年4月からフリーランスとして働いています。 最近では、主にReact/Next.jsを使ったSPAの開発や、WebGLアプリ開発などの業務を行っています。 Twitter: @amagi
SIGMA fpを買った - マルシテイア
5年前に買ったRICOH GR2が壊れてしまった。充電してもバッテリーを交換しても電源が入らない。長年雑に扱ってきたことで端子が歪んでしまっていたりもするので、思い切って新しいカメラを買うことにした。 気づいたらSIGMA fp買ってた SIGMA fpは元々気になっていたんだけど、値段も高いし、オートフォーカスが弱いという話も聞いていたので、わざわざ25万払ってボケボケの写真撮って家族に怒られるのも嫌だな、と思って敬遠していた。 YouTubeで色々レビュー動画を見て、「ヨッシャSONY α6400買うぞ」とヨドバシに向かったんだけど……気がついたらSIGMA fpを買っていた。 問題のAFは実際に店頭で触ってみたらまあどうにかなりそうだったのと、試し撮りしたときの写りが良かったのが決め手になった。 α6400がしっくり来なかったのは、キットレンズがF3.5までだったからなのかな？ あと
完全食、フレンチトースト、浸透圧 - マルシテイア
昼間、フレンチトーストを食べながら考えたことです フレンチトーストは、焼き上がったパンに卵と砂糖を浸して作られる すでにパンとして完成している物を加工していて、不自然 なぜ最初から全部混ぜないのか 美味しくないから？ チャーハンの卵先入れ問題 食材を全部混ぜたら美味しくないのは何故なのか 全部ミキサーで混ぜたやつ、エントロピー高そう エントロピーが高いからマズい？ 客はラーメンではなく情報を食べている 味と情報の浸透圧 エントロピーの高い食べ物を摂取すると、体の中の情報が溶け出てしまう 水中毒 みたいになる すでに情報過多になっている状態ならむしろ丁度良いのではないか 血液サラサラ vs 脳内サラサラ 血栓 = 脳内で情報が輻輳している状態 都会では完全食が流行っている 完全食シリーズは、現時点で最もエントロピーの大きい食べ物 最近はパンとかパスタ形態のものが流行っている？？？知らんけど
承認欲求ではなくて、何者かになりたいという欲求と、その名前 - マルシテイア
最近は承認欲求があまり無くなってしまって、雨粒や、風や草みたいな気持ちで生きている 人間世界にほとんど関与していない 欲がないというか、状況によってミュートされてしまった いま考えると、インターネットでいう所の承認欲求ってすごく健全な欲求だったな 欲求があるなら頑張れるだろ 自己の成長と人間世界との関わりにたいして、正のフィードバックループが作用している 承認欲求っていうと負のループを想像しがちだが さっき書いたのは、承認欲求じゃなくて、何者かになりたい欲、なのかな なんか呼び方あるのかな 何者かになりたい欲 世界に関わりてえ欲 関係持ちたい欲 関係、持ちたい……
娘を1024回揺らすと寝る - マルシテイア
娘を1024回揺らした— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayosi) 2020年3月7日 娘、1024回揺らすと大体スヤァ……と眠ってくれる。 僕は娘を寝かしつける時に何回揺らしたかを数えている。歩数計や加速度センサーを使うなんてハイテクな事はしておらず、すべて手で数えている。 とはいっても、1回1回指折り数えている訳では無い。娘は子守唄を歌うと安心して寝てくれる確率が上がるため、基本アドリブでオリジナル子守唄を歌いながら揺らすことになるのだが、この子守唄を何回ループしたかを数えて計算している。 1024回だとこんな感じ。 一番よく使うオリジナル子守唄はこんな感じ。 飽きるので適当にアドリブで歌ったりするんだけど、なんだかんだいつもと同じ歌を歌うと安心してくれる気がする。 回数を数えるメリット・デメリット 子を揺らした回数を数える事で、以下のようなメリットがある。 イライラしな
スクリーンショット/GIFアニメ作成技術が集まるスレ - マルシテイア
お題「スクリーンショット/GIFアニメ作成技術が集まるスレ」 最近、仕事でも趣味でもスクリーンキャプチャしまくっている。 結構いろいろツール使ったりしてるので、メモっとくと需要あるかなって。 マイお題も作ったので、皆さまのGIFアニメ作成技術やこだわりを投稿してくれると助かります！😸 目次 キャプチャツール GIF Brewery 3 Quicktime Player Licecap 編集/軽量化 Gifsicle ezgif.com ffmpeg その他小技 キャプチャデバイス買おうか迷ってる キャプチャツール GIF Brewery 3 gifbrewery.com macOS向けの高機能なGIF作成/編集ツール。 スクリーンを撮影するだけでなく、Webカメラや動画ファイルからGIFアニメを作成できる。 フレームレートやスピードを簡単に設定できる上、軽量化もできる。 仕事で開発中の画
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するこ
28歳になった - マルシテイア
無事に28歳を迎えることができた。ロックミュージシャンに生まれなくてよかった…… 最近ブログあんまり書けてないので、まとめて近況報告しよかな。 !!!!! ほしいものリスト http://amzn.asia/haHW5vX !!!!! 引っ越した 引っ越し完了した 出町周辺の皆さまよろしくお願いします pic.twitter.com/CmyzAyW8r4— 女媧 (@amagitakayosi) 2017年2月10日 2月のことだけど、下京区のマンションから、鴨川の近くの一戸建てに引っ越した。 木造で築50年なので、床が凹んでいたり冬は異常に寒かったりするけど、広いし部屋の感じが好みだったのでほぼ即決した。 生まれて初めての一軒家で、家具を買ったりテーブルを作ったりして楽しんでいる。 新居、1帖ほどの広さだけど庭がある。 庭には前の住人が置いていった蹲居セットが設置されており、電源を入れる
毎日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
expo.ioを使ってリアルタイムにReact Nativeアプリを開発する - マルシテイア
1年ぶり3度目のReact Native入門してるんだけど、expo.ioっていうサービスがメッチャ便利そうだったので紹介します。 何がどう便利かっていうと、 ケーブルなしで、実機の動作確認ができる もちろんコード変更も即座に反映される 開発版アプリの配布がワンタッチでできる 便利なReactコンポーネントもついてくる youtu.be expo.io とは React Nativeでのアプリ開発を支援するサービスです。 公式サイトはこちら。めっちゃ素朴…… expo.io expoは create-react-native-app XDE expo client といったツールを公開しています。 create-react-native-app: アプリの雛形を作るCLIツール XDE: アプリ開発を支援するデスクトップアプリ。実機のログをみたり、アプリを再起動したりできる expo cl
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
エンジニア立ち居振舞い「自分の担当範囲を意識する」 - マルシテイア
お題「エンジニア立ち居振舞い」 僕は今のチームでフロントエンド担当ということになっている。 一応肩書は「アプリケーションエンジニア」だしサーバー側のコードもガンガン書くけど、他のエンジニアとの立ち位置を考えると自然と担当範囲が決まってくる感じだ。 担当範囲の決め方 うちの会社ではWebサービス開発を行うエンジニアを「アプリケーションエンジニア」として一律に扱っているが、その実メンバー毎になんとなく担当範囲が存在する。 担当範囲は、個人的な嗜好、経緯、あとはチーム内での分担で決まる。 僕の場合は、フロントが好きということもあったし、チームに入ってすぐフロントのタスクをゴリゴリ進めた結果、すんなり現在のポジションに落ち着いた。 チーム内で一番JS書ける必要はなくて、チーム内での比較優位で決まることもある。 今のチームでもう2年以上も働いていて、その割に知らない仕様とか沢山でてくるけど、それらを
Slackのファイルアップロード機能をTODOリストとして使う - マルシテイア
Slackの右側のペイン、使ってますか？ メンション一覧くらいしかマトモに使える機能ないんじゃないでしょうか。 アップロードされたファイル一覧したりできるんだけど、その中に Posts というのがある。 なんだこれ、って開いてみると、謎のドキュメント入力欄が出てきたりするのだけど、いまいち使い勝手がよくない。 そこで、 API から Posts を投稿/削除することで TODO リストとして使う、という CLI アプリを作ってみた。 github.com インストール $ npm install -g @fand/todo-slack その後 ~/.todorc に以下を入力して準備完了 // .todorc { "token" : "__YOUR_SLACK_API_TOKEN__", "user" : "__YOUR_SLACK_USER_ID__", "channels" : "#_
自転車で京都→ひらパー→梅田→京都した - マルシテイア
Bike Ride Profile | 京都→ひらパー→梅田→京都 near | Times and Records | Strava 現在、ひらかたパークでチームラボの展示＋イベントをやってる。 予々行きたいと思っていたのだけど、遠い遊園地に1人で行くのは気が引けるので、機会を伺っていた。 京都駅〜ひらパーは自動車で30km弱。 長距離走る練習に丁度いいと思い、先日買った自転車で行くことにした。 京都→ひらパー 前日にみた天気予報では晴れだったけど、京都抜けるくらいまでは雨が降り肌寒い天気だった。 すぐに夜用に入れた上着を着る羽目に。 羽束師の辺りで快晴に。 体温も上がり、汗が出てきたので上着を脱ぐ。 Google Mapsを頼りに進むが、走行中に見る訳にもいかず、何度も道を間違える。 元々方向感覚は良いと思っていたのだけど、1年間京都市内で暮らして感覚が衰えてしまったのだろうか。 羽束
ミニ四駆やった - マルシテイア
3月、ミニ四駆やってた。 経緯 2月末くらいからやってる。 僕はくわしく知らないけど、お酒の席で id:astj がミスってコースをポチってしまい、なし崩し的に流行りだした。 なぜかまだブーム続いてる。 ブーム長引いてる理由 勝負できる ミニ四駆、子供の頃は全く走らせた思い出がない。 コースがある家なんてクラスに一人とか？ 僕の学校では学年誰も持ってなかった気がする。 今はオフィスにコースがあるので、実際に走らせて遊べる。 しかもみんな買ってるので、速さを競ったり、めちゃくちゃなパーツを付けて遊んだりできる。 ヨドバシですぐ購入できる 京都ヨドバシにマシンからモーター、改造パーツまで沢山揃ってる。 会社から往復で1時間かからないので、21時くらいまでワイワイしたあと、高まってきたメンバーが誤って購入することが出来る。 安い 子供の頃全く買えなかったパーツが、夕飯1食抜くだけで買える。 最近
『さよなら、インターフェース』を読んで、スクリーンの無い未来について妄想した - マルシテイア
僕がWeb業界に飛び込んでから一年が経つ。 フロントエンドの端くれとして、今年はデザインについても勉強したい。 あいにく僕は美的センスが完全に破綻している。 せめてUXに関する力を付けるべく、最近それらしい本を読み漁ってる。 そのうち一冊が「さよなら、インターフェース」だった。 さよなら、インタフェース -脱「画面」の思考法 作者: ゴールデン・クリシュナ,武舎るみ,武舎広幸出版社/メーカー: ビー・エヌ・エヌ新社発売日: 2015/09/17メディア: 単行本（ソフトカバー）この商品を含むブログ (5件) を見る 概要 The best interface is no interface | Cooper Journal 去年9月発売の本書は、↑のブログ記事に加筆修正を加えたものだ。 元のタイトルは "The best interface is no interface" 。 タイトルの
株式会社はてなに入社してから一年がたちました - マルシテイア
株式会社はてなに入社してから一年がたちました 株式会社はてなに入社しました - hitode909の日記 一年の感想です。 会社 新卒とはいえ、入社前からインターン、アルバイトである程度なじんでいたため、変な驚きはなかった。 この一年でやった仕事は、新機能の開発、リファクタリング、テスト環境の構築など。 バイト時代と同じチームに配属され、ある程度まとまった時間で仕事出来るようになったため、リファクタリングに時間割いてOKというサインが出た。 おかげでフロントエンドの上から下まで見ることができたし、画面全体の設計や、より良いコンポーネントのつくりかたについて考えることができた。 その辺をまとめてNode学園祭で発表した。 未だに初対面の人には「あーあのスライドの」と言われて便利。 speakerdeck.com リファクタリングはまだ続いててる。 browserify移行は1月で全て終わった
npm事件対応メモ - マルシテイア
npm公式のレポート : http://blog.npmjs.org/post/141577284765/kik-left-pad-and-npm uasiさんによる日本語まとめ : http://uasi.hatenablog.com/entry/2016/03/23/215308 状況 npmによると、元@azer氏のパッケージは全て安全なものらしい 悪意のあるユーザーに取られないよう、有志が事前に確保しといてくれてた npm直轄のパッケージにするよう交渉中 ただしビルドが壊れうるという状況は変わっていない 例: after-time after-timeはnpm直轄となり、'0.0.1-security', '1.0.0' の2つのバージョンが配信されている プロジェクトが after-time@0.0.1 に依存していた場合、一からビルドすると壊れる すべきこと https://g
CLIから青空文庫を閲覧するツール書いた - マルシテイア
www.npmjs.com github.com インストール npm i -g aozora 使い方 aozora : 対話的インターフェイスで作品を探す aozora -r length : ランダムな作品を表示する。 length を指定したら先頭(length)文字だけ表示 aozora -a 著者名 : マッチする著者一覧を表示。一人だけの場合は、その人の作品一覧も表示。 aozora -w 作品名 : マッチする作品一覧を表示。一件の場合は本文を表示。 オススメ利用法 aozora -r 1000 | pbcopy で長文貼り付けできる 経緯 仕事でインターネット作ってるとテスト用に適当なデータを入力することがある。 「あああああ」とか「sdfafadf」とか。 極稀に、なんかミスってその内容が公開されてしまうことがある。 「ああああ」とかなら良いんだけど、ふざけててあまり宜し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
