この記事はTech KAYAC Advent Calendar 2019の10日目の記事です。 こんにちは！ jsdo.itでCreativeCodingの世界を知り、jsdo.itに惚れて入社を決め、jsdo.itの譲渡とともに入社し、jsdo.itの終了とともに退職した有給消化期間中の浅利（@kasari39）です！ 今回はシェーダーの世界へ一歩踏み出してみませんか？という内容です。 *1 シェーダーコーディングの世界 作品例として手前味噌ですが、このような映像をシェーダーのみで生成できます。 http://glslsandbox.com/e#59292.1 http://glslsandbox.com/e#59293.0 これらは100行にも満たないシェーダーから生成されています。 こんな短いのにこんな豪華な見た目が出るなんて面白いですよね。 それでは一歩踏み出してみましょう！ 開発

Pixel3 レビュー最終回はカメラファイルとオーディオについて書きます。 カメラのモーションフォトが面白いという話を前回のレビューで書きましたが、USB等でPCに吸い出すと普通のJPEG画像としてしか見れません。そこでモーションムービーとして閲覧できるブラウザアプリを作ってみました。 Google Pixel3 Photo File Viewer を開く モーションフォトだけでなく各種画像やMP4動画ファイルも閲覧できる汎用ビューワーになっており、パノラマファイルはWebVRでの閲覧もできます。使い方は Camera フォルダから吸い出したファイルを適当に複数選択してドラッグ&ドロップします。モーションファイルはマウスカーソルを乗せるとモーション再生し、クリックすると MP4 ファイルとしてエクスポートができます。 FireFox と Chrome のみ動作確認しましたが、Edge や

パソコンと会話ができる男 Livingston のブログ ----孝行（こうこう）とは 親のように大切に扱うこと を示します---- 公衆電話からネットに接続するのは本当に久しぶりのことです。最後に公衆電話からインターネットに接続したのはいつのころだったか記憶にありません。 かつては HP Jornada などから公衆電話経由でインターネットへ接続してはメールのチェックをよく行っていたものでした。特に山奥で電波の状況のよくない場所では携帯電話が役に立たず、また街中で携帯電話が使用できる場所でも込み入ったメールを作文するには携帯電話では難しいものがありました。そこで比較的 PDA 端末を使っては公衆電話からメールの送受信をよく行っていたものでした。 今回は久しぶりに公衆電話からインターネットへ接続してみてまだ実際に使用できるものか確認してみました。特に目的があったわけでもなく単なる思いつきの

自分が書いたコードに署名をしておくことはプログラマの常識であり基本動作です（かくいう私もメールは署名してないけど…）。なので私も一人前のプログラマになるべく、自分が書いたコードに署名をするようにしてみた。 GPG 鍵を作ったり準備したり GnuPGのインストール@MacOS $ sudo port install gnupg 鍵をつくります。有効期限は2年間。もし秘密鍵が漏れた場合でも、2年経てばほとぼりが冷める。 $ gpg --gen-key gpg (GnuPG) 1.4.20; Copyright (C) 2015 Free Software Foundation, Inc. This is free software: you are free to change and redistribute it. There is NO WARRANTY, to the extent p

原文は2015年8月22日時点のものを利用しており、それ以降に追記、更新されている可能性があります。 本翻訳は原作者の許可を得て公開されています。 Thanks for GreyCat! このページはBashプログラマーが陥りがちなよくあるエラーについてまとめました。以下の例は全てなんらかの欠陥があります。 クオートをいつも使い、どんな理由があっても単語分割を使わなければ、多くの落とし穴からあなた自身を守ることができます！単語分割はクオート表現をしない場合にはデフォルトでオンになっている、Bourneシェルから継承された壊れたレガシーな設計ミスです。落とし穴の大半はクオートされていない展開になんらか関連し、単語分割しその結果をグロブします。 1. for i in $(ls *.mp3) BASHプログラマーたちがループを書く際にもっとも犯しがちなよくあるミスは以下のような感じです。: f

Vimでdiffsplitなどで差分を見た後、片方のバッファーを閉じるとdiffモードのままなので、手動でdiffoffしないといけない。僕はdiffモードやQuickfixの時しかウィンドウ分割を使わないみたいな感じのライトなVimユーザーなので、片方閉じたら自動的にdiffモードを終了させたい。そういう設定は特になさそうなので、自動コマンドでやってやった。 augroup DiffAutocommands autocmd! " Turn off diff mode automatically autocmd WinEnter * if (winnr('$') == 1) && (getbufvar(winbufnr(0), '&diff')) == 1 | diffoff | endif augroup END バッファーを閉じて他のウィンドウへ移動した時、ウィンドウの数(winnr(

僕はVimを使うまでは秀丸エディタを長いこと使用していました。両者の間に設定の項目数やキーバインドに割り当てられる機能に大きな差があるとも思わなかったので、使い始めた当初は「そんな言うほど高機能でもないよなー」とか思っていました。しかし色々なプラグインを試したり、様々な設定を.vimrcに書いているうちに、Vim (やEmacs)がその他エディタと決定的に違うのは設定の豊富さではなく、設定の自由さがもたらすアプローチの多様性なのではないかと考えるようになりました。というわけでそういう設定の自由さを最初に実感した話をVim Advent Calendar 2011の6日目のエントリーとして書かせてもらいます。 昨今のWebサイトではCMSなどを利用することが多く、共通のHTMLコードはテンプレートとして作成されます。その場合そのテンプレートの利用されるパスが様々な場所や階層になりうるので、例

photo by ajstarks なんか最近みんな書いてる golang 。OSS へのコントリビュートチャンスも増えてきました。自分でバリバリ書くには時間も自信もない。でも、バグ修正くらいならやってみたい。それくらいの目的のために最低限必要な知識を書いてみました。 この記事では、自分ではバリバリ書けないけれど、golang の OSS プロジェクトには貢献したいという人向けに、出来るだけシュッと学べるように重要なポイントのみ絞って紹介していきます。 初心者向けの優しい解説記事という訳ではないので、自分で調べるためのキッカケとしての読み方を想定しています。また、自分自身が想定読者のため、間違ったことを書いている可能性もあります。という逃げも書いておきます。 開発環境 基本的に Mac OSX + HomeBrew + Atom を前提とします。といいつつ、golang も Atom もす

13 Routers in backbone js – Learning backbone js Introduction Backbone.js 13 Routers in backbone js – Learning backbone js Posted by Mohit Jain on January 6, 2013. This entry is part 13 of 14 in the series for A Complete Guide for Learning Backbone Js Introduction and Installation Representing your data in javascript Defining Models in backbone js Adding Validations in models backbone js Explainin

Backbone.js Validations A complete guide for learning backbone js Posted by Mohit Jain on December 15, 2012. In a couple of days, I will start a series of various tutorials for learning backbone js. Explaining the essentials of backbone js. I have divided the whole series in some 15 posts in which I will be explaining it from very basic examples. I will be posting the code samples in the posts its

The sympy git server is at https://github.com/sympy/sympy . The main Sympy repository may be cloned with git clone git://github.com/sympy/sympy.git. The first and the most important thing is that you should understand that git is different. For example it uses staging area (so called index) for iteratively preparing commits. This and other great and unique features of git make it the preference of

このエントリはhttp://partake.in/events/902cd6d9-0215-4ea3-b51f-b8ff32e56426:title=の24日目です。 MQ(Mercurial Queue)を使い始めると感じるのがパッチキューを一つしか持てないという窮屈感とパッチキューはバージョン管理を出来ないの？という疑問です。 この二つの不安はhg qqueueと--mqオプションで取り除く事が出来ます。 hg qqueue MQを使っている方は'hg qqueue'というコマンドを知っていますか？'hg qqueue'はMercurial 1.6から追加されたMQのパッチキューを複数扱うためのサブコマンドです。 パッチキューを一覧する 適当なhgのリポジトリに移動して、パッチキューが何個有るか確認してみます。確認には'hg qqueue --list'を利用します。 $ hg qqu

巷では git の大ブームだけど，ひさしぶりに Mercurial について書きます。 Mercurial について言及されたブログとか読んでいるとき，たまに MQ という言葉を目にして気になっていた。ながらく気にはとめつつ全然調べていなかったんだけど，ちょっと利用しようかなというケースがあり，ちょこっと触ってみた。 自分の理解では，MQ (Mercurial Queues) とは，誤解を恐れずにいえば Mercurial の changeset と独立して構成される修正履歴（パッチ）のスタックのようなものだ。 （なので今後 MQ の patch queues を Queues という名称と裏腹に「パッチスタック」「パッチ群」などと勝手に呼び称します） 「誤解を恐れずにいえば」と書いたけれど，この直感的な印象は MQ を使っていくうちに――大筋では変わらないものの――ちょっと変わった。それ