JavaScriptでテトリス風ゲームを作ったよ

ずいぶん久々の更新になってしまいました……

という話はさておき、タイトルの通り、JavaScriptテトリス風のゲームを作りました。

http://kmaebashi.com/programmer/tetris/index.html

ゲーム画面はこんな感じ。

f:id:kmaebashi:20190519230449p:plain

遊び方やゲーム本体のページへのリンク、ソースプログラム一式は上記のページに記載しています。

テトリスのひとつやふたつ、今時中学生でも作りそうですが、私自身は仕事でWebアプリを作ってもフロントエンドにかかわることが少ないので、ES6の勉強がてら作ってみました。ES6なのでIEでは動きませんが、今時のたいていのブラウザなら動くと思います。さすがにもう、趣味的な用途では、IEは無視していいよね……*1

生のJavaScriptで、画面描画にはCanvasを使っています。React.jsもVue.jsも使ってません。

しかし何だ、たったこの程度のプログラム(JavaScriptは320行)でさえ、「型なし言語逝ってよし!」と叫びたくなった。ひとりで書いていてさえこれだ。

*1:「趣味的な用途」以外では、無視できないと、今でも思っています。不本意ながら。

しまなみ海道に行ってきたよ (その2)

前回の記事の続きです。

kmaebashi.hatenablog.com

しまなみ海道、片道走り終わって今治駅に到着したので、折り返して大島の宿に向かいます。

f:id:kmaebashi:20180714155223j:plain

今治駅到着時点での走行距離は84.64km。新尾道から来ているとはいえこんなにあるはずはないのですが…… 道を間違えたからな。

f:id:kmaebashi:20180714160256j:plain

今度は尾道行きの青線に沿って走ります。

f:id:kmaebashi:20180714190622j:plain

で、昭和な民宿に到着して風呂入ってウェアを洗濯して夕食。宿のメシっていつもそうですが、量多すぎ。

もちろんお酒もいただきました。ビールと日本酒。

f:id:kmaebashi:20180714200831j:plain

〆は鯛めしとお吸い物でした。おばちゃんに執拗にお代わりを勧められるので2杯食べることに。

食事を終えると、何しろすることもありません。自転車旅は荷物が持てないので今回はタブレットすら持っていきませんでしたし、テレビは普段から観ないし、早々に寝てしまいました。

たっぷり寝てから、翌朝、またたっぷりすぎる朝食をいただいて、尾道に向かって走ります。

1日目で折り返しから大島まで走っているので、復路は時間の余裕があります。そこで、行きにパスした「サイクリストの聖地碑」なるところに寄ってみようと考えたのですが、なんか看板の意図を読み誤ったようで、「え、こっち?」と思いながら激坂登ったら、展望台がありました。

f:id:kmaebashi:20180715102326j:plain

多々羅展望台です。

f:id:kmaebashi:20180715101916j:plain

そこから見える多々羅大橋

その他、同じく展望台から撮った写真を載せておきます。

f:id:kmaebashi:20180715101926j:plain

f:id:kmaebashi:20180715102009j:plain

f:id:kmaebashi:20180715102026j:plain

道を間違えた挙句激坂を登る羽目になったわけですが、おかげでこんな風景が見られたのなら結果オーライですな。

f:id:kmaebashi:20180715103443j:plain

で、こっちが本当の「サイクリストの聖地碑」。

f:id:kmaebashi:20180715103451j:plain

2014年というとエヴァのエントリープラグを思い出したりするのですが、

f:id:kmaebashi:20180724232436p:plain

すっかり過去になってしまいましたね……

「サイクリストの聖地碑」の周りには、あまり実用的とは思えないサイクルスタンドがいくつかあります。

f:id:kmaebashi:20180715103157j:plain

f:id:kmaebashi:20180715103211j:plain

f:id:kmaebashi:20180715103223j:plain

f:id:kmaebashi:20180715103230j:plain

f:id:kmaebashi:20180715103422j:plain

こうやって使う(のか?)

今回は、宿でちゃんと詰めてきたので、サドルバッグの口がちゃんと閉まっている…… のですが、ぱっと見じゃわからないか。

f:id:kmaebashi:20180715104548j:plain

サイクリストの聖地碑は、道の駅多々羅しまなみ公園にあります。そこで「でこたんソフト」という柑橘系ソフトクリームを購入。

f:id:kmaebashi:20180715110640j:plain

そこにあった自販機。

あとはまあ、適当に撮った写真など。

f:id:kmaebashi:20180715112417j:plain

f:id:kmaebashi:20180715112423j:plain

f:id:kmaebashi:20180715113536j:plain

f:id:kmaebashi:20180715123244j:plain

夏の山と青空って好きなんですよ。

f:id:kmaebashi:20180715123410j:plain

崖はよくコンクリートで固めてありますが、おそらくは先日の水害で壊れていました。こういう工事の重要性がよくわかります。

f:id:kmaebashi:20180715134904j:plain

また船で尾道に渡ります。

f:id:kmaebashi:20180715141239j:plain

行きに食べ損ねたはっさく大福は、尾道の菓子店でゲット。

帰りはまた新幹線で輪行で帰るわけですが、汗だくだしサイクルウェアで新幹線に乗るのもどうかと思うし、本当なら銭湯にでも寄って着替えて帰りたかったのですが、まあ断水の尾道で銭湯に入れる気もあまりしないので、上だけ着替えて下はレーパンの上にハーフパンツはいて、なんて格好で帰りました……

f:id:kmaebashi:20180715161337j:plain

新幹線で駅弁。当然のことながら、写真の右にはビールが見えます。

しまなみ海道、聖地だの楽園だの言われるだけあって、大変によいところでした。それだけに、断水のおかげで、グルメライド的な部分があまりできなかったのが悔やまれます。

水害の影響とかないときに、また行きたいものです。

 

 

しまなみ海道に行ってきたよ (その1)

7/14~15にかけて、しまなみ海道に行ってきました。初日で今治まで行って折り返し、大島の宿に投宿、二日目はそこから尾道まで戻るというコースです。

自転車乗りの聖地とも楽園とも言われるしまなみ海道、行きたいとは思っていたものの、事前に宿を取って行くとなると当日天気が悪ければ悲惨なわけで、二の足を踏んでいました。とはいえこんなこっちゃいつまでたっても行けないぞ、というわけで、意を決して宿を取ったら、当日はすばらしく天気が良かったのですが、その一週間前の水害の爪痕が。

こういう時、被災地周辺に行くのは不謹慎だとか、現地の貴重な食糧を食い散らかすのかといった批判はありうると思いますが、私の行った範囲ではコンビニの棚におおむね商品は並んでいましたし、宿をキャンセルして迷惑かけるよりは現地でお金を使うことのほうが重要かなと。もっとも、新尾道で新幹線を降りてすぐのコンビニで水を買おうとしたら、水はおひとり様2本まで、と貼り紙があったし、尾道から向島因島、生地島大三島あたりまではずっと断水状態で、公衆トイレもコンビニのトイレも閉鎖されてて、これは結構困りました……

ところで、しまなみ海道といえば、尾道から今治まで道路にずっと青い線が引いてあり、それに沿って走っていけばどんな方向音痴でも絶対に迷わず走れる、というので有名なのですが、にもかかわらず道を間違えるのが私という人間なのでして。

どうも公衆トイレを確認して(閉鎖されてて使えませんでしたが)その後走り始めるとき、逆方向に走り始めてしまったようで、尾道に向かう方向にも青線はついているので数キロ気付かずだいぶ余分に走ってしまいました…… が、そのおかげで、なんとか使えるトイレの存在に気づいて助かったので結果オーライですけど。

 

f:id:kmaebashi:20180714064750j:plain

名古屋から、始発(6:20)の新幹線で新尾道まで輪行で行きます。これは、新幹線内で購入したワンコインの朝食セットなのですが、さすがに量が少なすぎ。

 

f:id:kmaebashi:20180714082215j:plain

福山でこだまに乗り換えます。「さくら号」を初めて見ました。

 

f:id:kmaebashi:20180714082201j:plain

さくら号後ろから。

f:id:kmaebashi:20180714090606j:plain

新尾道輪行解除。今回、リュックを背負わなくてよいようにサドルバッグを購入したのですが、足が短いのでサドルが低くでかいバッグを付けられず、圧縮して詰め込んだらなんとかなると思ったのですが、新幹線の中ではいてたハーフパンツを、こんな場所では十分に圧縮できず、サドルバッグが閉め切れていないの図。

f:id:kmaebashi:20180714091614j:plain

新尾道駅近くのコンビニで補給のうえ水を購入。水はひとりあたり2本までの制限がかかっていました。今にして思えば、そんな貴重な水じゃなくてお茶なりスポーツドリンクなりにしておけばよかったですね。翌日からはそうしました……

f:id:kmaebashi:20180714093727j:plain

尾道から向島までは、船で渡ります。

f:id:kmaebashi:20180714094252j:plain

向島着。ここではだいぶ消えかけていますが、今治まで続く青い線です。

f:id:kmaebashi:20180715132043j:plain

これは実際には帰りに撮った写真ですが、向島から因島に渡る因島大橋です。

f:id:kmaebashi:20180722170135p:plain

別に聖地巡礼に行ったわけではないですが、「ろんぐらいだぁす!」5巻より。

f:id:kmaebashi:20180722170305p:plain

まあ、「ろんぐらいだぁす!」でも説明されているとおり、橋まで登る道は、レンタルのママチャリでも登れるくらいゆるい坂になっているのですが、

f:id:kmaebashi:20180722170543p:plain

ゆるい坂ということはそれだけ距離を走るということではあります。山道の中、緑に囲まれたところを走るのだから、苦にはなりませんけど……

f:id:kmaebashi:20180714111919j:plain

ただ、今回ばかりは、山の中の道であることが災いし、2か所ばかり通行止めに。どちらも迂回路があって、まあ進むことはできましたが、

f:id:kmaebashi:20180714150430j:plain

こんな感じで土が散らばっているところはいたるところに。こんな土でも、ロードバイクのタイヤだと結構怖いものです。

f:id:kmaebashi:20180714101426j:plain

話を戻して、因島大橋橋の下に自転車が通る橋があります。

f:id:kmaebashi:20180722171332p:plain

これまた「ろんぐらいだぁす!」より。

f:id:kmaebashi:20180722171530p:plain

因島では「はっさく大福」が有名らしいのですが……

f:id:kmaebashi:20180714103033j:plain

ろんぐらいだぁす!」で取り上げていた店そのものではありませんが、扱っているらしい店があったので近寄ってみたところ、

f:id:kmaebashi:20180714103056j:plain

尾道から、しまなみ海道前半ぐらいまでは全域断水で、飲食店もほぼ休業状態でした。コンビニはやっていたので、コンビニで補給して進みます。

f:id:kmaebashi:20180714112428j:plain

因島から生口島まで生口橋で渡ります

f:id:kmaebashi:20180714123232j:plain

瀬戸田サンセットビーチでようやくトイレを借りることができました。ここは海水浴場なのですが、こんな休日に、閑散としたものでした。断水で、シャワーとか使えないので仕方がないのかもしれませんが(トイレだけは、なんとか使えるようにしてくださったのだと思います)。

f:id:kmaebashi:20180714122923j:plain

補給。

f:id:kmaebashi:20180714125124j:plain

橋。多々羅大橋かな。

f:id:kmaebashi:20180714131135j:plain

うっかり青線を外れたらしく、ちょっと急な坂。青線のある道はもっとゆるい坂なのですが、ロードならこのくらいの坂は登れるし、すぐ青線に合流しましたけれど。

f:id:kmaebashi:20180714131733j:plain

橋。大三島橋になるのかな。

f:id:kmaebashi:20180714133133j:plain

こういう青い線が引いてあるのに、道を間違える私。今治に向けて走っているはずなのに、いつの間にか尾道方面に向かっていたことにこれを見て気が付いたわけです……

f:id:kmaebashi:20180714133629j:plain

伯方・大島大橋

f:id:kmaebashi:20180714134710j:plain

渦。

f:id:kmaebashi:20180714143630j:plain

 

大島まで来ると道の駅も機能していました。昼飯にしては遅い時間だったし、夕食のことも考えて軽くうどんでも、と思ったのですが、えびがでかくてプリプリでうまかった。

f:id:kmaebashi:20180714150919j:plain

来島海峡大橋。4105mの巨大な橋です。

f:id:kmaebashi:20180714154956j:plain

青線が途切れたところに今治駅があったので、ここが終点かな、と折り返したのですが、

f:id:kmaebashi:20180722173800p:plain

え、「サンライズ糸山」というのがゴールだったの?

f:id:kmaebashi:20180722173924p:plain

……次回はそこまで行こう。

ともあれ今治駅で折り返し、大島まで戻って1泊したのですが、そこからの話は別記事にします。

続きはこちら。

kmaebashi.hatenablog.com

 

自転車は歩道側の自転車レーンを走れだって? 無理を言うな

先日はてな匿名ダイアリーに上がったこの記事。

anond.hatelabo.jpスマホとかイヤホンとか信号無視とか逆走とか、複数台横並びとかその他無灯火とかはまったく同意するのですが、以下の点については同意しかねます。

6. 一番左のレーン以外を走る(チャリに自信ニキへ)

どちらかというとこれは、「U○er Eats」や「チャリに自信ニキ」に向けてや。頼むから車と張り合わんといてくれ。速度差は歴然やねん。

例えば、車道外にチャリのレーンがあるときはそっちを通ってくれへんかな?なんでわざわざ50km/h、60km/h出てる車がバンバン走ってる車道の方を選ぶん?

 「車道外にチャリのレーン」というからには、これは歩道内に区切られた自転車レーンを指すのでしょうか。たとえばこんなの。

f:id:kmaebashi:20140920142806j:plain

 広い歩道を、歩行者のエリアと自転車のエリアに分けている、ように見えますが、実態として、歩行者が普通に自転車のところを歩いてる。これでは自転車側は、ろくにスピードを出すことができません。いやゆっくり走れよ、と言われそうですが、自転車に乗るからには少なくとも歩くよりは早く走りたいでしょう。こうやって、歩道を分けただけの「自転車レーン」は法的拘束力は何もないのでここは実際には歩道と同じですし、そうである以上自転車には徐行義務(時速7kmとか)がありますし、歩行者がいたら歩行者と同じ速度で走るか押して歩くかしなければいけません(ベルを鳴らすなどもってのほか)。さすがにそれでは自転車に乗っている意味がないというものでしょう。

また、このような「歩道」を走ることは、歩行者の安全を脅かすだけでなく、自転車にとっても必ずしも安全ではありません。歩道を走ると街路樹等でクルマから見えにくくなりますし、ドライバーの意識からも外れます。私は、ファミレスの駐車場に入ろうといきなり左折してきたクルマとぶつかりかけた*1ことがあります。それに、こういう歩道は、交差点では横断歩道の自転車横断帯に誘導されるわけですが、細い道から出てくるクルマは横断歩道なんか平気でまたいできますから、それもまた怖い。ママチャリ時代、何度ぶつかりかけたことか。これはクルマ側の事情もわからないでもなくて、両側に建物が建っている細い道だと横断歩道まで乗り出さないと左右が見えないのでしょう。しかし自転車から見れば実に危険な話です。

歩道を歩行者と自転車のエリアに分ける、とは言っても、本当に分ける気あるのかいこれ? みたいな歩道もありますし、

f:id:kmaebashi:20141019083854j:plain

植え込みなどで、明確に自転車の走るところを分離している道だと、たいていこんな有様です。

f:id:kmaebashi:20140920140827j:plain

 

f:id:kmaebashi:20140920173652j:plain

こんなところ、ロードバイクで疾走どころか、ママチャリでも満足には走れないでしょう。

ではこんなふうに歩道を区切ったものではなくて、もうちょっと「ちゃんとした」自転車道ではどうか。一部で有名な名古屋は伏見の伏見通です。

f:id:kmaebashi:20141019172352j:plain

今や順次撤去されてるとかいう自転車横断帯に何が何でも誘導しようとしたり、

f:id:kmaebashi:20180419162828j:plain

 交差点の手前で、どういうつもりか自転車を歩道側に放り出したり。

以前は、バス停の手前でも同様に自転車を歩道側に放り出していたのですが、さすがにそれはまずいと思ったのか、現在工事中のようです。

f:id:kmaebashi:20180419163728j:plain

これ、工事が完成したとして、いずれにしても自転車と歩行者の動線が交わってそうなのですが……

これは伏見通ではなく桜通沿いになりますが、この幅で対面通行は無理があると思います。

f:id:kmaebashi:20180504171527j:plain

だいたいがだ、自転車は車道を走るな、歩道に上がれ、と言う人は多いけれども、そもそも歩道はこんな風に看板に塞がれたり、

f:id:kmaebashi:20150501074536j:plain

突然なくなったりするわけです。

f:id:kmaebashi:20160502103025j:plain

こんなんじゃ、自転車以前に、歩行者にも、車椅子やシニアカーにも不便かつ危険極まりないでしょう。いかに今の(愛知県の?)行政が「クルマだけ」を優先しているかということです*2

さて、元の匿名ダイアリーに戻ると、

50km/hや60km/h道路に一番左車線にチャリのレーンをちょこんとつけとる国もどうかしとる。

こんなやつな。先日出張で埼玉に行ったときに撮影。

f:id:kmaebashi:20180402115725j:plain

私は今はロードバイク乗りですし、ママチャリ時代も基本的には車道を走るようにしていたので、この車道上の自転車レーンが実のところ一番走りやすいと思います。ただし路上駐車さえなければですが。実際、路駐の車をパスしようとしたら、車道側のドアをいきなり90度開きやがったということがあってあれは怖かった。

まして、子供を前後に乗せてたり、買い物袋を満載したママチャリにいきなり車道を走れというのは難しいかとは思います。

じゃあどこを走ればよいのか。私自身について言えば、まあロードバイク乗りなので、基本「車道の左側」を走っています*3。「遅いのがうろうろして邪魔だ」というクルマ側の意見はあるかと思いますが、それはまあ、そういうものだと思ってもらうしかない。少なくとも法律的には自転車は基本車道を走るものですし、車道はそのようにシェアして使うものでしょう。たとえば耕運機だって公道を走る場合は車道を走りますわな。

 車道に下りるのが怖い、というママチャリについては…… 現状、どうすべきかという思いはありませんが、ただ、ある程度の速度(時速15kmくらい?)を出したいのなら、やはり車道に下りるべきだとは思います。

おまけ。この連休に(また)京都に行った際、琵琶湖の湖岸道路で撮ったもの。

f:id:kmaebashi:20180501104824j:plain

ピクトグラムがママチャリなんですよね。湖岸道路ぐらい誰も歩いていない歩道なら、ビワイチ(琵琶湖一周)やってるロードはともかく、ママチャリは歩道でもよいかなあ、とは思った。

*1:最終的に相手の車に手をついて止まったので「ぶつかった」と言ったほうがよいかもしれない。

*2:上の、突然途切れる歩道の写真は京都の写真だけどな。

*3:伏見通について言えば、あそこは自転車道なので、ぶつくさいいながらも自転車道を走っている。

やっぱりポインタの話

少し前、以下の記事がホットエントリに上がっていました。

givemegohan.pigboat.jp

タイミング的にかなり遅れてしまいましたが、せっかくCの話題が出たことですし、宣伝しますよ。

メモリとアドレスの話

 ポインタの話をするにあたり「例え話をしない」というスタンスには共感しますし、ポインタを理解したいなら結局メモリを理解しないといけない、ということにも同意します。

ただ、拙著「C言語 ポインタ完全制覇」の旧版では、メモリとはどういうものかについてあまり説明しませんでした。17年も前の本ですから、当時は、プログラムを書こうというような人はある程度メモリの概念ぐらいはわかっているだろう、と仮定していたのだと思います。その仮定が正しかったかどうかはわかりませんけれども。

今となってはメモリの概念とか考えたこともない、という初心者も多そうなので、「C言語 ポインタ完全制覇」の改訂版では以下のような説明を入れました(1-2-1 メモリとアドレス)。

現在のコンピュータで主記憶として主に使われているのは、ダイナミックRAM(DRAM)と呼ばれるもので、非常に小さな蓄電器(コンデンサとかキャパシタとか呼ばれます)の充電の有無*1で、0か1かのいずれかの状態(これをビット(bit)と呼びます)を表現します。

(中略)

そして、メモリの内容を読み書きするためには、膨大にあるメモリのうちのどこの情報にアクセスするのか、ということを指定しなければなりません。この時に使う数値がアドレス(address)です。メモリ中の各バイトに、0から順に「番地」が振ってある、と今のところは考えておいてください*2

f:id:kmaebashi:20180213002945p:plain

「(中略)」のあたりには、2進数の説明が書いてあったりします。

 

――ただ、問題は、これで「メモリとアドレス」を理解したからといって、Cのポインタを理解できるとは限らない、ということです。

上記の記事に、私は以下のブックマークコメントを付けました。

例え話をしないC言語のポインタの説明 | 右や左の旦那様

ポインタは、「メモリ上の他のアドレスを指す変数」ではなくて派生型の一種。Cのポインタが難しいのは主に宣言の構文がクソだから。この辺のことは拙著「C言語 ポインタ完全制覇」をどうぞ。C99対応の改訂版出たよ!

2018/02/01 20:41

b.hatena.ne.jpそしたら以下のように書かれた。(´・ω・`)

例え話をしないC言語のポインタの説明 | 右や左の旦那様

↓kmaebashiのような説明がポインタの理解を阻害していると思う。/「緑の板に黒い四角いのが付いたアレ」これも余計な話。

2018/02/03 13:47

b.hatena.ne.jp

まあこんなことを100文字しか書けないブクマコメントで説明しようというのはどだい無理な話なので、ここでちょっと補足します。

ポインタは派生型の一種である

上記リンク先の記事には、

ポインタは、「メモリ上の他のアドレスを指す変数」です。

とあります。

Cのバイブルと言われる「プログラミング言語C」(通称K&R)においても、ポインタについて同様の説明をしています。

これについて、「C言語 ポインタ完全制覇」では以下のように書きました。

 

「ポインタ」という言葉について,K&R では以下のように説明しています(p.113 第5 章「ポインタと配列」冒頭部分)。

ポインタは,他の変数のアドレスを内容とする変数であり,C では頻繁に使用される。

「アドレス」については前項で説明しましたので、「他の変数のアドレス」とは何か、ということについては、なんとなくイメージが付くのではないでしょうか。

ただ、この説明、バイブルにケチをつけるようでなんですが、かなり問題のある表現だと思います。この説明では,まるでポインタといえば「変数」であるかのようですが、実際には必ずしもそうではないからです。

一方、規格のほうでは「ポインタ」という言葉を以下のように定義しています(6.2.5「型」)。

ポインタ型(pointer type)は,被参照型(referenced type)と呼ぶ関数型,オブジェクト型又は不完全型から派生することができる。ポインタ型は,被参照型の実体を参照するための値をもつオブジェクトを表す。被参照型T から派生されるポインタ型は,“T へのポインタ”と呼ぶ。被参照型からポインタ型を構成することを“ポインタ型派生”と呼ぶ。

派生型を構成するこれらの方法は,再帰的に適用できる。

何のことだかさっぱりかもしれませんが(なにしろ規格書なので、そう読みやすいものではありません)、とりあえず、最初の一句に注目してください。「ポインタ」と書いてありますね。

型、といえば,int型やdouble型が思い浮かびますが、Cには、それと同様に「ポインタ型」という型があるのです。

ただし、大急ぎで付け加えますが、「ポインタ型」という型が単独で存在するわけではなくて、他の型から派生することにより作り出されます。上記の引用でも、後ろのほうに「被参照型T から派生されるポインタ型は“T へのポインタ”と呼ぶ」と書いてあります。

つまり,実際に存在する型は「int へのポインタ型」や「doubleへのポインタ型」だということになります。

「ポインタ型」は型ですから、int型やdouble型がそうであるように「ポインタ型の変数」も「ポインタ型の値」もあります.そして――厄介なことに、世間では「ポインタ型」も「ポインタ型の変数」も「ポインタ型の値」も,単に「ポインタ」と呼んでしまうことが多いので、混同しないように気をつけてください。

POINT

最初に「ポインタ型」がある.

「ポインタ型」があるんだから「ポインタ型の変数」も「ポインタ型の値」もある.

たとえば,C では、int という型は整数を表します。int は「型」ですから、int型を格納するための変数もありますし、int型の値もあります(「5」とか)。

ポインタ型もそれと同じで、ポインタ型の変数もあり、ポインタ型の値もあります。

そして、「ポインタ型の値」は、実際にはメモリのアドレスのことです。

 

バイブルに楯突いてでもこのような説明をした意図はふたつあります。ひとつは、実際に「ポインタ型変数」と「ポインタ値」を混同してしまう人がそれなりにいること、もうひとつは、ポインタが「型」であることがわからなければ結局Cの宣言からして理解できないからです。

よく、たとえばintへのポインタを宣言する際、

int *a;

ではなく

int* a;

 のように*をintに寄せて書こう、という人がいます。これは、そう書いたほうが、「int*という型の変数aを宣言している」ということが明確になるからですよね。まあ、この書き方は一度に複数のポインタ型変数を宣言しようとすると破綻しますし、Cでは配列も派生型の一種なのに(これも重要!)配列を示す[]はintに寄せて書きようがない、という点で不完全ではありますが、「int*という型」を強調したいという気持ちはわかります。

そして、この宣言の構文こそがCのポインタを奇ッ怪なものにしている主犯だと私は思うわけでして――

Cの宣言の構文はクソである

えー、ここから先は本を読んでください、と言いたいところですが、何もたとえば

void (*signal(int sig, void (*func)(int)))(int);

みたいな極端な例を出さずとも、それこそ前述のとおり

int *a;

という宣言からして「int*という型の変数aを宣言している」ということがたいがいわかりにくいですし、

char *color_name[] = {"red", "green", "blue"};

とあったら、このcolor_nameは「charへのポインタの配列」です。

二次元配列を関数に受け渡すなら、

/* 3×3の行列をfuncに渡したい */
void func(double (*matrix)[3])

といった書き方もします。まあこれは

void func(double matrix[3][3])

と書くこともできますが、こうして受け取ったmatrixを別変数に退避したり、malloc()で領域を確保しようと思ったら、いずれにしても「double (*matrix)[3]」という謎の表記から逃げることはできません。

実のところ、Cを何年も書いているようなプログラマでも、このあたりのことをちゃんとわかっていない人は多いものです(というか私自身、理解に数年かかりました)。

だからといって、どうでもいいようなトリビアだとは私は思いません。実際に実用のプログラムで十分使う知識だからです。ちゃんと理解しないでなんとなく既存プログラムから写して使うんじゃ、コピペプログラマじゃないですか。

C言語 ポインタ完全制覇」は、こういった宣言の読み方をはじめ、実行時に変数のアドレスがどう決まるのかとか(コンパイラが決めるんじゃないよ!)、物理アドレスと仮想アドレスとか、連結リストのようなデータ構造とか、実践的な内容が盛りだくさんです。伊達にポインタだけで300ページ以上書いているわけではありません。手前味噌になりますが、おすすめできると思っています。

gihyo.jp

*1:蓄電器が小さすぎて一定時間で放電してしまうので、定期的に書き込みなおす(リフレッシュする)必要があり、この特徴から「ダイナミック」RAMと呼ばれます。

*2:実際には、これは物理アドレスであり、今時のPCでプログラマが普通に扱うアドレス(仮想アドレス)とは異なります。「2-1 仮想アドレス」にて後述します。

プログラマよ、貧乏性たれ

かなり古い話ですが、かつて増井俊之さんが提唱した概念で「富豪的プログラミング」というものがあります。

富豪的プログラミング

実のところ私は、この文章の趣旨には異論はありません。特に以下の部分などは、場合によってはプロトタイプに限るかもしれませんが、強く同意します。

 

  • メモリや実行効率を気にしないでお気楽にプログラムを作る
    効率を重視したプログラムは作るのが大変ですし、 ちゃんと動かすにはデバッグも大変です。 富豪的プログラミングでは一番単純で短いアルゴリズムを使います。
  • 条件が変わる度にすべての計算や表示を行なう
    再表示が必要な場所だけ書き直ししたり、出力のバッファリング をしたりする貧乏性な工夫はバグのもとになるので行なわず、 条件が変わる度に計算を再実行したり全体を書き直したりします。

 ――が、こういうのは、あくまで、それにより開発効率が上がったり、UXが向上したり、という場合に限るのであって、最近のコンピュータは速いしメモリもディスクもでかいからいくらでも資源を無駄遣いしていいさー、というわけではないでしょう。

たとえば。

例1)

20年近く前、「いんたーねっとのほーむぺーじ」が流行していたころ、「いまどきの閲覧者のPCは性能が上がっているし、回線速度も速くなったし、多少重い、広い画面を要求するページにしてもいいだろう」と思ったら、閲覧者はガラケーi-modeでWebを見るようになった。「携帯用ページ」を作ってガラケーユーザーを追い出したら、今度は(さすがにPCに比べたら遅くて画面も狭い)スマホでPC用サイトを見るようになった。

例2)

いまどき、PCのHDDの容量なんか巨大なんだから、ファイルがでかくてもいいだろう、と思ったら、SSDに置き換えられて容量が減った。

例3)

仮にもサーバなら、メモリもディスクもそれなりにはあるはずだから無駄遣いして良いだろう、と思ったら、クラウドになってメモリやディスクの無駄遣いが直接コストに響くようになってしまった。

 

――大昔、「マイコン少年」がPC8001やらMZ80シリーズやらの8ビットパソコンで遊んでいたころ、BASICがROMに焼いてあって一瞬で起動するPC8001に比べ、起動時にテープからBASICをピーヒョロヒョロと読み込むMZ80は、起動に2~3分かかるということで馬鹿にされたものです*1。しかし、一時、Windowsは起動するのに数分単位で待たされた時期がありました(Windows8以降、かなりマシになった)。コンピュータの性能は天文学的に上がったのに、肝心のユーザにとっての待ち時間が縮まないのでは意味がありません。

Computer latency: 1977-2017

うむ。あとでじっくり読む。

Webページにしたって、先日爆速なWebサイトが話題になりましたが、

www.itmedia.co.jpもちろんアクセス数とかサーバからの距離とかあるでしょうが、今時シンプルなテキストサイトなら、かなり爆速だったりします(例:私のWebサイト)。これにくらべてはてなブログの遅いこと遅いこと、「コンピュータもネットワークも速くなったから、これぐらい重くしても誰も困らないさー」とか言えるレベルではありません。

だから、思うわけです。プログラマよ、貧乏性たれ、と。

 

で、ここからはもちろん宣伝ですが、貧乏性なプログラマなら選ぶのはCだよね!

ベンチマークによっては、Cは必ずしも「最速」ではありません。今時のJIT付きの言語の方が高速な結果を返すケースは多いものです。しかし、メモリ使用量も考えると、Cは今でも最軽量の言語のひとつであろうとは思います。

――依存関係増やすの嫌なんだよねー、という話もありますが、それはまた今度。

*1:もちろん、「クリーンコンピューター」という概念は先進的なものでしたが、「BASICが永遠とは限らない」というキャッチフレーズに反して、BASICよりもハードの寿命が先に尽きたように思います。

ブロックの先頭以外での変数宣言について

今日の元ネタは以下のページです(古い記事ですが)。
blog.jnito.com

まあ大筋で異論はないのですが、以前からあまり納得がいっていないのが、冒頭の
「1.使われるローカル変数をすべてメソッドの最初に宣言する。」
です。確かにC90までは、ローカル変数はブロックの先頭でしか宣言できませんでしたし、Cのスタイルを引き継いだ後発の言語、C++とかJavaとかC#とか、あるいはCでもC99からは、ブロックの途中でも変数宣言ができるようになっています。それは、その方がよい、と言語設計者が判断したからなのでしょう。しかし――
私自身、ブロック途中での変数宣言を使わないわけではありません。しかし、「使われるローカル変数をすべてメソッドの最初に宣言する」ことが悪いことであるかのように言われると、反論したくはなります。そんなことを気にする時点で、メソッドが長すぎやしないかと。
「使われるローカル変数をすべてメソッドの最初に宣言する」ことが悪いと主張する人は、変数を使う直前で宣言することで、変数のスコープを狭くすることができると言います。でも、「メソッドの先頭でちょっとだけ使う変数」は結局メソッドの最後までのスコープを持ってしまうわけで、変数のスコープを狭くする効果を期待するとしても、ずいぶん中途半端な話のように思えます。それぐらいなら、C90でも普通に使える、ブロックで囲む方法でスコープを絞る方が、なんぼか筋が通るように思います。
あと、「変数を使う直前で宣言する」というスタイルは、ブロックがスコープを制御するC起源の言語とどうも相性が悪いようにも思います。これはJavaの話になりますが、(try with resources導入前の)Javaで、try節の中で何かのリソースを生成するのでtry節の中で変数宣言して、finally節でリソースの解放処理を書こうと思ったらその変数が見えないので仕方なくtryの外に出して、さらに変数が初期化されていないとエラーが出るので仕方なく宣言時にnullを代入して、せっかくコンパイラが初期化されていないエラーを出してくれているのにこれじゃ意味ないじゃん、と悲しくなったことはないですか。
まあ、こんなことを言ってる私はレガシープログラマなのかもしれませんが、レガシープログラマならCだよね! ということで宣伝です。
今時GDIでWindows用ドローツールを作ってるC言語ポインタ完全制覇第2版発売中ですよ!

ドローツールの画面はこんな感じです。
f:id:kmaebashi:20171220010458p:plain
残念ながら紙面の都合で全ソース掲載とはいきませんでしたが、これぐらいの絵が描ける、実際に動作するドローツールを題材にしている時点で、インベーダーを題材にしながらこれじゃコードは書けないぞ、という本よりははるかにマシな本であろうと自負しております。