駆け出しプログラマーの備忘録

異業種から訪れたIT業界について赤裸々トークを繰り広げる予定!                                 あ、私はプログラミングとは無縁の人生を送ってきたクソザコ野郎です٩( 'ω' )و

駆け プロ

#36 一番最初のプログラミングが楽しいと感じた瞬間

f:id:momotaroch:20180423204931j:plain

一番最初のプログラミングが楽しいと感じた瞬間

 

私は下記の記事通り、昨年の12月より本格的にプログラミング(と言ってもHTMLやCSSから)を学び始めました。 

momotaroch.hatenablog.jp

 

学んでいく中で始めてプログラミングって楽しいと感じたのは

実は結構後になってからでした。

 

最初はHTMLとCSSの楽しさに目覚めててJavascriptPHP

何それ。面白くないじゃん。って思っていました。

f:id:momotaroch:20180421230327p:plain

 

ただ、あるきっかけでプログラミングの面白さに目覚めました。

 

それは、嫌々やっていたPHPを用いたグループワークの途中、突如やってきました。

 

PHPファイルの中でHTMLの記述を書いてWebページを作成していたのですが、

途中で同じ作りの表示部分がありました。

▼こんな感じです

 11111111111111111

aaaaaaaaaaaaaa

 22222222222222222

bbbbbbbbbbbbbb

333333333333333333

cccccccccccccc 

コードはこんな感じです。

<div>
<div style="display: block; width: 300px; height: 150px;">
<div style="background-color: black; width: 100px; height: 100px; float: left;"> </div>
<p style="float: left; margin-left: 10px;">aaaaaaaaaaaaaa</p>
</div>
<div style="display: block; width: 300px; height: 150px;">
<div style="background-color: black; width: 100px; height: 100px; float: left;"> </div>
<p style="float: left; margin-left: 10px;">bbbbbbbbbbbbbb</p>
</div>
<div style="display: block; width: 300px; height: 150px;">
<div style="background-color: black; width: 100px; height: 100px; float: left;">あ </div>
<p style="float: left; margin-left: 10px;">cccccccccccccc </p>
</div>
</div>

わかります?全部同じ記述するのめんどくさいんですよ。

そんな時に・・・

 

あれ?そういえば、繰り返し処理とか変数を使って同じ記述ってできないかな?

 

そう感じ実際に記述してみると・・。あれ?動くじゃん。めちゃくちゃ楽じゃん!

って考えに至ったのですよ。

こんな感じにコンパクトに。

<?php 繰り返し処理始まり(for文){ ?>
<div>
<div style="display: block; width: 300px; height: 150px;">
<div style="background-color: black; width: 100px; height: 100px; float: left;"> </div>
<p style="float: left; margin-left: 10px;">aaaaaaaaaaaaaa</p>
</div>
</div>
<?php } ?><!-- 繰り返し処理終了閉じ -->

 

これで同じ記述をしなくてよくなりました。

同じ要素の表示を繰り返すからです。

(記述方法は合っているとはず・・・)

 

※表示文字(aaaa...)に関しては許して。

※aaa...の部分は、aaaとかbbbって表示したいなら、for文のカウンタ変数をiとした場合、これでいけるはず。<?php if( i==0){ <?php for(省略){ echo "a" } ?> }else if( i == 1){同じ感じでecho "b"}?>else・・・みたいな記述でいけそう。(確か・・)ちょっとクソコードですね。すみません。メモ書きです。忘れてください。

 

まあ、ともかく上のように冗長なコードはひとまとめにした方が楽になる!

ってことでプログラミングの面白さに気づきました。

はい。楽がしたかったがためです。。

 

このようにしてプログラミングの面白さに触れていきましたねー。そういえば。

 

そして徐々にアルゴリズムの考え方とかにも触発されて、

今では色々な言語に興味を持ちました。(持つだけで使えるとは言っていません)

 

もしもまだプログラミングの面白さが実感できていない方は、

一度HTMLやCSSを学び、少しプログラミングの要素を取り入れてみてはいかがでしょうか。٩( 'ω' )و

 

それでは。ああ、Railsのインストール難しいよ・・・。

暇だったから最後に画像の加工でも載せとくね。

f:id:momotaroch:20180421230332p:plainf:id:momotaroch:20180412025044j:plain f:id:momotaroch:20180421230332p:plain

にほんブログ村 IT技術ブログへ
にほんブログ村