富良野まで自転車で行ってきました。

　なんと、気がついたら前回のブログ更新から１年半も経っていました。

　本来書くべきWeb系の話もですが、自転車の話も、動かしてはいるんですが、なんせブログに書こうとこれっぽっちも思っていない自分に気づくんです。

---

　※Web系はかなり大詰めになっていまして、残りはWeb決済とログイン処理などを覚えたら、もう基本的なことは全部出来るんではないだろうかと感じています。

　自転車も去年もそこそこ乗りました。今年もつい先日、上富良野まで１泊で140km走ってきました（帰りは旭川まで50km、そこからは都市間高速バスで札幌まで帰ってきました）。走力もだいぶ上がった気がしますが、走行速度の上昇と引き換えに脚は早めに使い切ってしまっています (´；ω；｀)

---

　さて、富良野自転車行について書きます。

　相変わらず自転車を漕ぎ出したら夢中になって持っていったカメラもほぼ使わずに目的地まで走りきってしまうぼくですが、今回の富良野行きもご多聞に漏れず数枚の写真が残っただけでした。

※峠越えの途中、脚が限界に達したあたりで到着した美唄ダムです。「ダムを観るために止まったんであって、決して足着きしたわけじゃない！」という言い訳になったので、ちょうどよかったです。（）※この峠を越えた後、ももうひと山越えるんですが、ガチ疲れ果てていて、難易度的にはここより遥かに易しい峠を、何度も休憩を挟みながら越える羽目となりました。

※富良野まで到着して昼食を摂ろうと思ったけど、疲れてたので駅蕎麦で済ませました。ついでに写真も撮りました。※蒸し麺のくせに妙に美味しかった。

※山並みが綺麗だったので撮りました。途中自転車を漕ぐのをやめてまで撮った数少ない写真。十勝岳が含まれるものと思います。

※泊まった富良野ホップスホテルは２食付きのプランで、夕食は選べるコースからビーフシチューのコースをお願いしたんですけど、出てくるなり食べちゃって、写真に残っているのはひと心地ついたデザートだけになってしまいました。

　これで写真は終わりです。

　そうです。帰路はカメラにはお休みして貰って（？）ました。

　軽く経路を説明します。

行き：札幌から市内のあいの里から札幌大橋を渡って国道337号線に並行して走り、途中から新篠津に向かい、たっぷ大橋を渡り道道816号線（峰延稔町線）に抜けます。それから道道921号線、道道33号線を経て道道135号線（美唄富良野線）に入る。富良野からは国道237号線で上富良野まで。という寸法です。

帰り：国道237号線で旭川まで。旭川からは自転車は輪行袋に詰めて、高速バスで札幌まで帰ってきました。

　こんな感じです。

---

　今年は、６月からだいぶ暑いので今後９月に入るあたりまで昼に自転車に乗るのは辞めて、夜日が暮れてから少し乗ろうかと思っています。

　暑いの苦手です。

スポーツ自転車に乗るようになって春で３年目に突入します

過去記事に書いたように、買って２ヶ月足らずでほぼ100km走破を目論んで、完走はしたものの酷い目にあったぼくですが、懲りもせずに１ヶ月後には朝里峠越えで完全に100km超えを達成（これも酷い目（2km毎に足つき・休憩を余儀なくされる、峠を超える前にドリンクが尽きる等)）にあいました）※写真なし

２年目となる今年は春イチで200kmブルベを

ドベで完走（ブルベ後２ヶ月ぐらい後遺症がでてロクに自転車を漕げませんでしたが)したり、

真夏に朝４時過ぎから雨竜町まで炎天下ヒマワリを観に、

往復250kmを帰路パンクというアクシデントに見舞われながら、夜遅く太腿と脛を日光で焦がしはしたものの、帰還できたり、

夏の終り頃から、札幌厚田当別札幌の120km程度のコースを

複数回こなしたり、走力の底上げを実感できる一年余りとなりました。

いま思うと、ここでまとめて書かないで、全てのサイクリングをいちいち記事にするべきだったなーと、反省。

あっ！２台ともペダルをフラペからSPDにしました。シューズも買いました（←靴は当たり前）

来年は春か、初夏に船で大洗まで行って関東を自転車でめぐりたいと思っています。それと、いちいちイベントがある毎にアメブロに書こうと思います←

HTML、CSSを後回しにして、サーバサイドから勉強してた僕が、やっとまともにやり始めて得た知識

　CSSで行列を表現する場合、明らかにこれは表であると判る場合以外ではtableタグは使っちゃダメだそうです。なんでかは知りませんが、それを実践する場合、HTMLとCSSの関係が理解しやすいというのは間違いなくそうであると思います。

　具体的にどういうことかと言うと、

1

2

3

4

5

6

7

8

9

　このような表があったとします。この表をdivタグで表現した場合、

<style>
    .colmun {
        display: block;
    }
    .row {
        display: flex;
    }
</style>
<div class="row">
    <div class="colmun">
        <div>1</div><div>2</div><div>3</div>
    </div>
    <div class="colmun">
        <div>4</div><div>5</div><div>6</div>
    </div>
    <div class="colmun">
        <div>7</div><div>8</div><div>9</div>
    </div>
</div>

このようになります。（わかりやすくするために、枠線や中央寄せは書いていません）

　次は行列を入れ替えてみようと思います。

1

2

3

4

5

6

7

8

9

　これをdivタグとCSSで実装するとこうなります。

<style>
    .colmun {
        display: block;
    }
    .row {
        display: flex;
    }
</style>
<div class="colmun">
    <div class="row">
        <div>1</div><div>2</div><div>3</div>
    </div>
    <div class="row">
        <div>4</div><div>5</div><div>6</div>
    </div>
    <div class="row">
        <div>7</div><div>8</div><div>9</div>
    </div>
</div>

　全く変わっていないように思えますが、よく見るとdivタグのそれぞれのクラスの中身が入れ替わっています。

　これがどういうことかと言うと、CSSはタグの階層構造に依存して効いていることを端的に表していると思います。

　つまり、最初のコードのdivタグのクラス、rowに当てられているCSS、display:blockが以下の要素（具体的に言うとclass="colmun"と書かれているdivタグ）に対して効いていて、colmunに当てられているdisplay:flex;が以下の、数字が書き込まれているdivタグに対して効いているので、rowが効いている数字が横並びに、colmunが効いているクラスrowの書かれているdivタグが縦積みになるという理屈になります。

　ですので、各々のクラスの実体を入れ替えたら縦横に効くCSSの範囲が逆になるということになります。

　ここの理解が一番最初に超えるべき知識だと、特に独学で理解が及ばない点でもあると思いますのでこれを共有したいと記事にしてみました。

最後に、このコードはアメブロでは動きません。実行は単独のHTMLファイルをWebブラウザで開いてください。！DOCTYPEタグやHtmlタグ等、できれば他の必須のタグも書き加えてください。他に、もしお気づきの点がありましたらコメントいただけると幸いです。

プログラミング中級者が『【１から身に付く！】プログラミング準備講義』（無料）に登録してみた③

３回目以降の記事が滞ってしまいました m(_ _)m

プログラミング準備講座の連載６回は全て終わり、実践編の勧誘のLineメッセージが毎日１通来ています。限定価格98,000円だそうです。

HTMLとCSSもろくに知らないような先生に10万円近く貢いじゃう生徒は可哀想ですが、こんなゴミＣＭに騙されるような情弱の授業料としては妥当なのではないでしょうか。

講座運営側に言いたいことは、

もっとまともなウェブページを用意できないと、ある程度情報を集める程度の努力をしたエンジニア志望者は騙せないでしょうね。いや、騙さないでちゃんと教えることを学んでから出直してこい！

もしくは講座名？アイキャッチ？を【１から身につく】じゃなくて【１から２までは身につく】もしくは【１が身につく】と、正直な書き方に変えて、受講料を5,000円にするとか。じゃないと悪い方向でテレビに出ちゃうかもよ？

です。

最後にこの講座の勧誘の続きを予想します。

【厳正なる抽選の結果、あなただけに特別価格98,000円を期間延長で提供させていただきます】と、今日明日中にメッセージが来る。

おわり

プログラミング中級者が『【１から身に付く！】プログラミング準備講義』（無料）に登録してみた②

登録した時間が悪かったのか、昨日はメッセージが来ませんでした。で、先程メッセージが届きまして、さっそく読んでみると途中に『かなり本気で勉強したところ、３週間ちょっとで（プログラミングが）身につきました』とのことで、その身についた言語というのがなんとびっくり！

HTMLとCSS！

だそうです！

いや、それプログラム言語じゃねえし！

マークアップ言語（HTML）とスタイルシート（CSS）だしっ！

しかもｈｒタグも知らないという体たらく (´・ω・`)

（↑①参照のこと）

すごいボリュームのページなのに技術的な話は一切ありません。多くは今までの自分がいかにダメな人間だったのか、それがプログラム（正しくはマークアップ言語とスタイルシート）と出会って、いかに充実した生活を送っているのかが記事の内容となっています。

１回目に書かれていたんですが『海外のリゾートに行ったり』のくだりはたぶんウソか大げさな表現、誤解を招く表現ですね。コーダーごときにノマドワーカーはもちろんムリですし、行けたとしてもパッケージツアーでしょう。

今後の目標として『月100万円稼ぐ』を掲げていますが、今の状態じゃムリですね！　ちゃんとしたプログラミング言語を覚えましょう！

だいぶいい感じ（）に展開しています！

２回めでこれなので６回保つのか、だいぶ期待値が高まってます！

つづく