MENU

RestHouse

音楽サイト「Little Mustapha's Black-hole」の音楽ブログということになっているはずです。

Recent Articles

Category

Monthly Archive

創作日誌 Vol.3

ジェネレータジェネレータ

この前のBlack-holicの開設記念日回で書くはずだったのに忘れてたので、ここで補足なのですが。

今回の「何時だか解らないCanvas時計」のために作った、JavaScriptを書くためのJavaScriptとか書いてたやつです。
201112_01.jpg

「チヘソユフチホテ・ジェネレータ」に表示するドット絵的なカタカナを表示するための座標情報をコピペするためのものなのですが。

我ながら上手く行ったと思っているので、ここに書いておくのですけど。

最初は方眼紙のマスを塗りつぶしてやろうと思っていたのですが、「ア〜ン」までをそれでやるのは大変すぎるので、こうなっております。

上のマス目で表示したい点をクリックすると、下にその場所の対応した座標が表示されるという趣向になっております。

説明したところで他に使いみちはないですけど。

とにかく、JavaScriptも結構面白くなってきたので、「何時だか解らないCanvas時計」の後もちょっとなにかを企んでたりするのです。

<!-- 公開されることはないと思いますが、面白いのが出来たらまたここで紹介して自己満足に浸るのです。-->

<!-- 追記:読み返して気づいたのですが、「ア〜ン」というのはア〜ンって言ってみたいに思えますね。でも「ア」から「ン」までという意味ですよ。-->

勝手に直った なぜ

というキーワードで検索したらもっと意味が解らないはずですが、さっきの続きなのです。

試しに別のブラウザで表示したら、上手く表示されてるのが解って、さらにワケが解らないという感じだったのですが。
メインのブラウザを再起動したら、こっちでも上手く行ったのです。

推測ですが、原因を考えてみたりしますけど。

テスト用の環境で使っているサイト全体用のCSSファイルがシンボリックリンクだったのですが、それの元ファイルがなくなっていたのです。ブラウザではキャッシュの方を使っていたのか、なぜかちゃんと表示されてたのです。

そこに今回のCSSファイルに変更を加えたら変になってたっぽいですが。

これを読んでもワケが解らないと思いますが「効かない なぜ」で検索するような人の参考になるかも知れませんし。

解らなくなったら何でも再起動が基本ということですね。
<!-- でも再起動の前に、なくなったら困るものがないか確認も忘れずに。-->

CSS 効かない なぜ

これで検索しても答えが解るとは思えないですが、せっかく上手く行ってると思ったのに、思わぬところで躓いているのです。

Little Mustapha's Black-holeの登場人物の紹介コーナーを変更してGlossaryにしたのは前回の模様替えだったと思いますが。
変えてから、個別の項目にリンクが出来なくて、一部からは改悪との意見もあった、という設定になっていたので、直したのです。

見かけでは、ちょっとの変更ですが、データベースの仕様を変えたりして、中身的には全とっかえなのですが。

それは上手く行ったのでどうでも良かったりするのですけど。
簡単なはずのCSSが変だったりして。

一番簡単な形式と思われる、タグ名にスタイルを適用とかで試してもダメですし。

こういう時は、単純なところで間違えているに違いないですし、そこに気づいた時にはモヤモヤしてしまうのですけど。

しかし、もうけっこうな時間悩んでますし、今回の単純な間違いはかなり難解な単純さかも知れないです。

出来た?

ということで、Little Mustapha's Black-holeの開設記念日が近づいているので、トップページの模様替え作業が続いているのですが。

今年はまだプロ野球のシーズンが終わってなかったりするので、もうすぐ10月31日という実感が全く無いのです。

なので、ぼんやりとした感じで作業をしていて、多分出来てるけど、なんか違うような気もするという感じで良く解らないのですが。

多分、今夜の日付が変わってからではなくて、明日の更新になるでしょう。


<!-- それとは全く関係ないのですが、Google日本語入力はマニアックなワードとか最新のネタみたいなのには強いのですが、文脈から判断みたいな変換はやっぱりATOKが優れているようです。なので、最近書いた文章を読み直してみると、解りやすく誤変換しているのが多いです。-->

出来かけ感

大変なことになりそうだった昨日の思いつきなのですが、JavaScriptを書くために書いたJavaScriptのおかげで大体できた感じになっているのです。

おかげで今回のCanvas時計はかなりバカげた事になっているのですが。

そして、その他の模様替え要素は全く進んでないという事もありますけど。
今回のアレはベータ版から公開ということになったりするかも知れません。

ヤバいんじゃないか?ってことだけど

ヤバいので技術部ソコノこと曽古野貴美じゃないんじゃないか?ってことですが。

JavaScriptの季節なのに、すごく面倒なことを思いついてしまったのですが、JavaScript を書くためのJavaScript を書けば出来る!とか思って頑張って作ったら、それは出来たのですが。

果たしてコレをやるだけの価値があるのかは解らないですし、間に合わない気もしてきましたが。

せっかく書くためのJavaScriptを書いたので、使わないともったいないとかもありますし。
あと3日でなんとかなるのか?

まあ、ならなくてもどうということはないのですが。
私としては締切に追われて、なんとか間に合った方が達成感がありますから、そうしたいのです。

教えてくれない(ワケではない)

昨日のbeginPath()に続いて、という感じですが。
綴りが間違っていただけなのに気づかずに、一時間以上原因を考えてたりしましたが。

こういう時ってなぜかブラウザのコンソールではエラーにならないんですよね。
JavaScriptでも他の関数とかだと、そんなのありません、とかエラーが出るんですけど。
Canvasに使われる関数みたいなのは、なくても気にしないという感じで、何事もなかったように動いている。(というか、間違っているので動いていないのですが。)

と、ここまで書いて気づいたのですが、今日の場合は「ホニャララ = "ハニャララ"」というところを間違えていたので、JavaScript的には普通に変数を宣言したことになってる、ということなのか。

なので何事もないですし、エラーにはならず無事に動かないのでした。

それはともかく、最近は何をしているのか解りやすいように変数名とか関数名を長めにしているのですが、そうすると綴りを間違えたりして。
上手い名前の付け方を考えないといけませんです。

カラフルフルネス

ということで、何時だか解らないCanvas時計の季節ですが。

時間がないのに基本的なことが解らない...、とか思ってたのですが、良く見たらbeginPathに()をつけ忘れてた(あるいはbeginPath()を書く場所を間違えてた、かも知れないけど、両方を一気に直したのでどっちが原因か解らない)ということでした。

こういう間違いは毎回必ず起こるのですが。
ブラウザーのコンソールだとエラーにならないから原因が解るまで大変なのです。

そんな感じなのですが、beginPath()の間違いのせいでCanvasで描く図形の色が変わらなかったので、原因を探るために色が解りやすいように図形ごとの色をそれぞれ原色系の違う色にしていたのです。

それで、問題が解決してちゃんと色が変わるようになったら良い感じでカラフルだったり。
ヨーロピアンなメーカーがやりそうな色使い、あるいはアフリカンアートというか。
良い感じではあるのですが、これはLittle Mustapha's Black-holeには眩しすぎるのさ、ということなので、最終的にはダークになりますけど。

そして、あと一週間で間に合うのか?とかも。

設計かな

JavaScriptの季節がギリギリになってないか?ってことなので焦っているのですが。

慌てて書くと後からゴチャゴチャになるような気がするので、作るのに必要な項目を書き出してみたりして慎重にやってるのです。

でもどうせ後から足りないものに気づいてゴチャゴチャになるというオチも期待できますが。

それよりも、今回は書き始める前に最近のJavaScriptについて調べたりしてたので、どういう書き方をするのが良いのか迷ってなかなか先に進めないとかもありますけど。

自分で書いたとおりに動いただけで盛り上がっていた初心者のテンションで出来たら楽しいんですけどね。

<!-- そして、書き出しのところで久々に技術部ソコノこと曽古野貴美が登場するんじゃないか?って思ったんじゃないか?ってことですが、気持ちに余裕がない時はなかなか出てきません。-->

プ・ロ・ミス♪

プロミスと聞いてワカパイを思い出してしまう人がJavaScriptを書くのは難しい。

というネタはどうでも良いのですが、そろそろJavaScriptを書く季節になってきたので、実際に使うか解らないけどPromiseというか非同期処理みたいなのを調べたりしているのです。

前にベランダ温湿度計のデータを取り込んで色々やろうと思った時に非同期処理が必要になったのですが。
その時はワケがわかないままサンプルを写しただけみたいなことになってました。

何が解らなかったのか?というと、参考になりそうなページとかを読んでも、それぞれ違うことが書いてあって、どれが正解なのかわからないということだったのですが。

その後色々と勉強して解ったのですが、書き方が違ってもやってることはみんな一緒だったというのにやっと気づいたのです。

なのでちょっとは理解したと思っているのですが、実際に自分で書くコードの中で使えるのか?というとビミョーなのです。


<!-- というか、JavaScriptはいつの間にか色んな書き方が出来るようになって、初心者は混乱するに違いないって感じですが。-->

ハロの練習

電子工作の最終目標はハロを作ることで変わってない、あるいはヘイロを作っても良いと思い始めている、ということなのですが。

その決してたどり着くことのない目標のために今ラズパイで作ってるあるものですが。

前にちょっと書いたラズパイ用に買ったArduinoの入門キットの中の小さな液晶モニタ(といってもパソコンのモニタとかとは違って、文字のようなものを表示するためのモニタ)を使ってみたのです。

つなぎ方とかはだいぶ解ってきて、ちゃんとRaspberry Pi に認識はされてるのですが、文字が表示できません。

入門キットには全く説明がないので、ネットで調べるしかないのですが、やり方が人それぞれな感じもあって、これはユックリ時間をかけないとできなさそうです。

仕様書を読んで色々出来るようになれば良いんですけどね。
でもこの場合は、まずは仕様書を探さないといけない、ということでもあったり。
難しいなぁ。


<!-- 入門キットのメーカーのページを見たら説明が書いてあるっぽいのですが。持っているものと同じものなのかはよく解りません。-->

買ったときは速かったのに

気持ちの問題なのか?あるいは何とかタイマーだったりするのか?という感じですが。

最近、音楽(聴くのじゃなくて作る方)用のパソコンがすごく遅くなった気がするのです。
新しいソフトをインストールしたとかじゃないので、動作速度が変わるはずはないのですけど。

コレは新しいのを買わせるための作戦で、一定期間が過ぎるとちょっとずつ遅くなるような細工が施されているのでは?とか考えてしまいます。
一定期間が過ぎると壊れるというアッチのタイマーよりは良いですけどね。

まあ、そろそろ新しくしないといけない時期ではあるのですが。
でも私の作り方だと、最新の高性能じゃなくても良いという気もしたりして。
悩むのです。

マズい

明日のアレまでにBlack-holicを公開しなくてはならなくなったのですが、勢い余ってBlack-holicをほぼ自動的に書き出すスクリプトに大幅な修正(というかアップデートと書いて方がカッコいい)を加えてしまったのですが。

もし失敗したらヤバいことになるような気もします。

お楽しみに。