S.F. Page

Programming,Music,etc...

ラズパイをRaspbian OSで動かしてみた。あとはリモート操作(SSH,VNC)のセットアップとか。

昨日ラズパイが届いた。 Raspbian OSをまずインストールして、モノがちゃんと動くかどうかを確かめようと思った。何せいろいろなパーツを買ったしね。 OSのインストール インストール方法を解説したサイトは大量にある。例えば下記のサイトとか。なので、わ…

Raspberry Pi 3 を発注した。

インターフェース3月号を読んでいたら、Raspberry Piが欲しくてたまらなくなってきた。 それでここ数日、AmazonでRaspberry Piの価格を調べたり、使用している人のWebサイトをチェックして、今日ケースとヒートシンク付きのものを発注した。 本体だけでは何…

node-rssをインストールできるようにした。

昨日node-rssのインストールができない件だが、調べるとpackage.jsonに書かれている依存ライブラリ、libxmljsのバージョンが古いせいだということが分かった。なので、node-rssをforkしてpackage.jsonを書き換えた。 "dependencies" : { "libxmljs" : "0.15.…

現在の進捗と<link rel="canonical" href="">

実装状況(というか使ってみたい機能をつかっているか) flexbox 〇 picture要素 × CSSトランジション × CSS3 〇 vw,vh,vmaxの単位 〇 rem単位 〇 imgのSVG化 〇 d3.jsを使ったトランジション 〇 json-ldを使ったメタ・データの埋め込み 〇 SNS対応のための…

TensorFlowとR

昨日本屋にふらっと立ち寄り、コンピュータのコーナーに行くとInterfaceが売っていた。 Interface(インターフェース) 2017年 03 月号出版社/メーカー: CQ出版発売日: 2017/01/25メディア: 雑誌この商品を含むブログを見る 読むとTensorFlowの記事が盛りだく…

Blogコンテンツもボロボロになっていることに今頃気づいた。自分の配慮が足りないせいで。

気がつくと、ブログコンテンツも結構ボロボロになっていた。大きくは2点だが、まだほかにもあるかもしれない。 画像のリンク切れ 画像のリンク切れは、2つある。 1. OneDriveに保存した画像へのリンク切れ これは以前から気がついていたことであるが。OneDri…

レスポンシブ対応、そしてiPhoneでの表示がおかしい件

Webサイトのデザインの試行錯誤を続けている。この作業はゴールはない。しいていうと「飽きる」がゴールかな。 デザイン的には徐々にまとまってきている気もする。 しかしレスポンシブ対応というのは面倒な作業である。 デバイスに応じて、最適な解像度・ペ…

Webデザインは迷走中

迷走中の画面はこちら。 試作物はgithub pagesにアップしてチェックしている。一応HTML5 ValidatorはPassしている。 ウーム。Webデザインは難しい。。 クロスブラウザ的な思考は捨てて、できる限り規格通りの実装を試みようとしているのが今の段階である。 …

Webデザインを試行錯誤中。

コンテンツの修復と整理は、合間に少しずつ進めてはいる。 修復するにあたり、「見てくれ」も改良しようとしている。できる限りシンプルにしたいと考えている。 最近「スティーブ・ジョブズ」を読み返すことが多くて、その影響が強いと思う。 スティーブ・ジ…

DOOMとNeXTコンピュータ

DOOMのリブート版の存在を知ってはいたが、8千円近くするので買うのは見合わせていた。がSteamのセールで2千円で販売していたので思わず購入してしまった。この3連休で遊んで、何とかクリアした。一番やさしいレベルではあるが。。 DOOMは最初のバージョンか…

富士山を撮る

正月に山中湖で宿泊して富士山を見るというのを続けている。私にとっての初詣は富士山参りなのだ。富士講というわけではないが、何となく。 最初はただ泊まって雄大な富士山の姿を見るだけで満足していたが、携帯やスマフォのカメラの性能が上がってから撮る…

JSON-LDを再度勉強している

とりあえず、JSON-LDでデータ定義すれば、コンテンツが生成できるような環境構築を行った。今はどのようなデータの形にすれば適切なのか思い悩みながら進めているところである。 JSON-LD的に適切なのかどうかは、JSON-LD Playgroundで検証することができる。…

JSON-LDデータからWebページを生成する

コンテンツの修復と整理だが、まずhttps://www.sfpgmr.net/から取り掛かり始めた。 コンテンツは古いし、コンテンツに関する解説はほとんどないし、最新のコンテンツへのリンクもないしで、かなり過疎化が進んでおり、日に1人か2人訪問があればいいような状…

ubuntuにaptでインストールしたnginxをstableからmainlineに切り替える

ガラクタIT創作活動へのモチベーションも回復してきたので、私が活動の場としているサイトやブログ・SNSの再構築に取り掛かることにした。 まずはWebサーバーのnginxをstableからmainlineのバージョンにアップデートすることにした。 作業はaptでバイナリイ…

コンテンツの修復と整理をしようとしている。

私はいろいろなところにコンテンツを作っては放置しているが、Webは常に進化しており、気がつくと動かなくなっていたりする。 https://www.sfpgmr.net/ http://bl.ocks.org/sfpgmr/ https://github.sfpgmr.net/graphics/ その修復と、サイトの再構築を行おう…

ただいま充電中。8ビットPCのゲームの話など。

PCで何かをやる気が失せている。とはいってもPCを触っていないわけではない。受け身な使い方をしているだけになっている状況だ。さらには触れている時間も少ない。ガラクタ創作活動に勤しむ気力も失せている。 年末までちょっと畑違いの仕事をしていて、…

ビデオカード(1060GTX)を購入した。

ボーナスが支給されたので、1060GTXを購入した。メモリ6GBでこれが結構安かったので。 電源も6pinのみで、GTX960と大きさもさほど変わらない。これでGTX980と同等の性能だというのだから、驚きである。 しかし今だにGPUの内部構造には疎くて、勉強しようとは…

こたつという魔物(「人をだめにするソファー」との最強の組み合わせ)

年末近くになるとこたつが出現する。私にとってこれほどの魔物はない。 休日などは「こたつに入ってゴロゴロする。」ことにほとんどの時間が費やされる。これは言葉通り「費やされる。」のである。 私は心の中では、「やりたいことがあるので一分一秒たりと…

アシッド・ジャズ

Suchmosを聴いていて、20代前半に一時期アシッド・ジャズを好んで聴いていたことを思い出す。アシッド・ジャズというのはどのようなカテゴリなのかいまだにわかっていないんだけど。 好んで聴いていたのは「Young Disciples」とか「Omar」とか。あとインコグ…

Suchmos "STAY TUNE" (Official Music Video)

ホンダのCMで知った曲。これはいい曲ですわ。 ジャミロクワイっぽい感じもするけど、あれも70年代あたりのソウルが源のようだしね。昔アシッド・ジャズとか、レア・グルーブのコンピレーションとかよく聴いたんだけどそれに通ずるところもあるような。 日…

三角形のタイリング・フィルを実装してみた。

三角形のタイリング・フィルを実装してみた。4階調だけだと、ちょっとたりない気がするなあ。。 function sf10328749687196759801() { let doc = document.getElementById('sf10328749687196759801'); doc.height = doc.offsetWidth * 200 / 320; } window.a…

三角形フィルを作ってみた。

昨日の8色ビットマップ画面上に三角形フィルを行うコードを追加してみた。 canvasやWebGLだといとも簡単に書けるものだけど、これを自前で書いてみるという。 アルゴリズムは「多角形の塗りつぶし (3)その他の手法」を参考にした。というかほぼそのまま。 fu…

8bitコンピュータ風コンソール画面をthree.jsに移植する。

以前WebGLで作って放置していた8bitコンピュータ風コンソール画面をthree.jsに移植してみた。 function sf10328749687196045071() { let doc = document.getElementById('sf10328749687196045071'); doc.height = doc.offsetWidth * 200 / 320; } window.add…

Rise of Tomb Raiderで遊んでいた。

STEAMで「Rise of Tomb Raider」が50%で売っていたので、思わず購入。ここ数日はこればかりをやっていた。おかげで休日もこれを終わらせることに費やした。。 いやー面白かった。 このゲーム、FPSではないんだけどHALF LIFEのような簡単な謎解きもあったり、…

実習グラフィックス・応用グラフィックス

私が3Dグラフィックスを学ぶ(といっても独学だけど)のに使用したテキストがこの「実習グラフィックス」・「応用グラフィックス」である。買ったのは30年ほど前で、今も大切に持っている。 「入門グラフィックス」というのもあるけど、これは2Dグラフ…

レイマーチングを学ぶ

3Dグラフィックスもままならないのに、レイマーチングに手を出そうという。 レイマーチングとはレイトレーシングの一種だとのことだ。レイトレの高速アルゴリズム版、DFTに対するFFTのようなものか。 コードはとても簡素だけど、生成した画像をは恐ろしく…

「アオイホノオ」を観た。

「装甲騎兵ボトムズ」を観る前に「アオイホノオ」を観ていた。これもAmazonプライムの見放題だけど。 私の場合はアニメや漫画には向かわず、パソコン(ゲーム)に向かっていったのだけれども、この主人公のいい加減な性格は私との共通点で、ものすごく共感で…

sound - acid jam - GPUによる音声の生成?

ShaderToyはSoundタブがあって、そこでGLSLで音声処理を書くことができる。vec2 mainSound(float time)の引数が時間、返り値はステレオサンプルである。mainSound()で音声処理を書いてvec2でステレオサンプルを返せば、音が鳴る。例えば下の動画は、音声サン…

高校生の時に見逃した「装甲騎兵ボトムズ」を観終わった。

Amazonプライムで「装甲騎兵ボトムズ」が見放題になっていたので、ここ1週間くらいかけて観た。 第1話 終戦発売日: 2013/11/26メディア: Amazonビデオこの商品を含むブログを見る 私はあまりアニメは観ない。今ではたまに家族が観る「サザエさん」をチラ見す…

プラズマ - なんとなく書いたシェーダー・コード

昔のメガデモ等でよく見たプラズマ。これは「GLSL 2D Tutorials」のチュートリアルのコードのまんまだけれども。 3d_codes/src/00003 at gh-pages · sfpgmr/3d_codes · GitHub { let doc = document.getElementById('sf10328749687194148357'); doc.height =…

なんとなく書いたシェーダー・コード

偶然できました。 { let doc = document.getElementById('sf00002'); doc.height = doc.offsetWidth * 9 / 16; } 3d_codes/src/00002 at gh-pages · sfpgmr/3d_codes · GitHub どうも回っているものを見ると酔いますな。。ずっと見ていると遊園地のコーヒー…

ちょっとまあ、書いたシェーダー・コードの公開環境をgithub pagesに作った。

私のはShadertoyに載せるにはレベルが低すぎるので。。とりあえず1つめはこれ。 { let doc = document.getElementById('sf10328749687193382251'); doc.height = doc.offsetWidth * 9 / 16; } 3d_codes/src/00001 at gh-pages · sfpgmr/3d_codes · GitHub S…

フラグメント・シェーダー(Shadertoy)で2D Line(線分)を描く

フラグメント・シェーダー(Shadertoy)で線分を書いてみようと思った。 Shadertoyのフラグメント・シェーダーは描画するピクセルごとにmainImage(out vec4 fragColor, in vec2 fragCoord)が呼ばれる。画面のピクセル個数分このmainImage()が呼ばれるのである…

Stubble Bobble

ShadertoyでStubble Bobbleなるゲームを発見。なんと頂点シェーダーは使わず、すべてフラグメント・シェーダーで描画されているという。 フラグメント・シェーダーでのグラフィック・プログラミングってCPUで絵を描く時とは考え方を変えなくてはいけない。そ…

node.jsの実務利用について

ここでいうnode.jsの実務利用とは、アイデア溢れるWebサービスとかの話ではない。 いわゆるExcelなどに代表される、ちょっと手作業では面倒くさい集計処理とかの話である。このような集計処理は巷に溢れかえっており、プログラミングの心得がないと、EXCELの…

Shadertoyで遊ぶ

Shaderの書き方も少しわかってきたところで、Shadertoyで遊んでみた。 動かすと目が回る感じがするし、静止していてもなぜか回転していると錯覚してしまう。不思議だ。。

ES2015 ModuleのLoaderの件

ECMA Script 2015 Module (ESM)はまだ未確定の部分があるとのこと。 先日読んだ「ES Modules と Node.js について - from scratch」を引用するに、 そもそも ECMAScript 2015 自身で定義されたのは構文だけなので、構文はともかく、どうやってモジュールを取…

Interop between Windows and Bash

おお、とうとうbash on windowsから.exeファイルを呼べるようになったのか。Windows 10 Insider build 14951から使えるとのこと。 blogs.msdn.microsoft.com bashがcmd.exeの代替として使えるということだろうか。そうするとビルドスクリプトとかもlinuxと共…

Windows 10にnode.js 7.0.0をインストールしたらnpm install が「Cannot find module 'internal/fs'」エラーでコケる件

7.0.0をインストールして「npm install electron -g」しようとしたらエラー発生。 C:\WINDOWS\system32>npm install electron -g npm ERR! Windows_NT 10.0.14955 npm ERR! argv "I:\\App\\nodejs\\node.exe" "i:\\libs\\npm\\node_modules\\npm\\bin\\npm-c…

ES2015 Modulesの実装がなかなか進まない件

標題の件、なんでだろうねえとちょっとググったら、素晴らしい記事が。前読んだような気もするけど。。 yosuke-furukawa.hatenablog.com そもそも ECMAScript 2015 自身で定義されたのは構文だけなので、構文はともかく、どうやってモジュールを取ってくるか…

いつのまにかd3.jsがV4に..

あら、いつのまに..。 github.com V4になってモジュール化されたらしい。例えばselectionだけ使いたいのであれば <script src="https://d3js.org/d3-selection.v1.js"></script> だけでよい。 中身はV3まではオリジナルのモジュールシステム(https://github.com/mbostock/smash)を使っていたと思うんだけど、V4からはES20…

YouTube側の誤認なのだけれど ...

昨日RYDEENのカバーをアップしたらこのようなメッセージがYouTubeから届いた。 SFPG 様 Content ID を使用している著作権所有者が、お客様の動画に含まれている素材を申し立てました。 これは一般的なお知らせのメールです 問題が発生しているわけではありま…

bl.ocks.org/sfpgmr/ を手直しする。

ドメインを変えたり、APIが変わったり、バグっていたりでほとんどのコンテンツが動かなかくなっていたhttp://bl.ocks.org/sfpgmr を手直しした。 内容的には Web Audio APIのモジュラー接続の作りかけ ブロック崩し SVGファイルをthree.jsのshapeに変換して…

rollup.jsを使ってみる

モジュールのインポート周りをES2015化して、gulpも併用して、rollup.jsでelectron用とモダン・ブラウザ用にバンドルするようにしてみた。 github.com electron用とブラウザ用がまったく同じコードで動くわけでもなく、コードも2種類用意するのだが、共通す…

近頃のモダンブラウザのES2015対応具合とrollup.js

近頃のモダンブラウザのES2015対応具合はEdge14でも9割を超えており、もうES5に変換する必要はなくなりつつある。 つまりはES2015規格レベルではBabelは近い将来必要なくなるということだ。ただJSはこれからも進化していくので、機能の先取りという役割でBab…

rollupというツールを発見した。

まあちょっと、three.jsでエフェクトコードを書いているけど、electronだけでなくブラウザでも動かしたくなってきている。electronではcommonjsモジュールが使えるからガシガシモジュールを作ってrequireしているけれども、ブラウザではその手は使えない。Br…

gpgpu birdsのコードをいじる

gpgpu birdsの理解を深めるために、自分の動画作成プログラムに取り込んで、コードをいじってみることにした。 いじってみた結果がこの動画。16384個の鳥を飛ばしてみた。鳥というよりは大量発生した虫のような感じだけれどもね。 これくらい動かすともうYou…

three.jsのgpgpu Birdsのコードを読む。

RYDEENカバー用の動画を作るためにthree.jsを復習していて、ようやくシェーダー・マテリアルの使い方がわかってきてちょっと楽しくなってきている。 ただまだまだ表現として稚拙だし、サンプルのパラメータやコードを少し変えてみている程度なので、もうちょ…

JavaScriptの黒魔術的な側面についてちょっと書く

なぜかQiitaに去年投稿したevalハックのポストにまたストックが増えてきてなんでかなぁ?と思ったら人気ポストにリンクされていたからだった。 qiita.com 私がこのevalハックを思いついたわけではなくて、knockoutのコードを眺めてたら偶然見つけただけなの…

画像生成時の工夫によってYouTubeの動画品質向上を図ってみた。

HD1080p 60fpsでアップしているが、画像荒れが発生している件。 画像荒れに関してはYouTube側に問題はない。私の動画がYouTubeのエンコの特性に合っていないだけである。 この特性は一般的に普及しているmp4などのエンコード規格の特性でもある。画面全体が…