Tanesia's Web Programming

Tanesia's Web Programming

ホームピグアメブロ

芸能人ブログ人気ブログ

08Aug
- Excel勉強-1
  自分のExcelスキルを証明するためにこれから動画を投稿していきます。小学生の頃から使ってきたExcelですが、証明できるものがないので相手からしたら信頼を得ることはできないと思いました。実際、使っていない期間もあって、多少忘れている部分もあるでしょう。それで、勉強もしつつ、動画を投稿しながら信頼を得られるように頑張っていきたいと思います。Excel-1「基本的な計算式」Excel勉強をするとともに、自分の能力を証明するために動画を掲載しております。youtu.be＜勉強内容＞Ctrl+C or Vだけではなく、セル右下の四角形をダブルクリックすることで他のセルにも計算式を自動で入力してくれる。＜他、わかったこと＞他、プログラムと同じようにCtrl+Sを押すことで保存することができることを確認。
04Aug
- これからは
  Java SilverITパスポートLinuxの資格を取得するために勉強することにしました。一応Java, Linuxは使ってはいました。でも、自分の能力が証明できる資格などがあれば自信もついていいかなということです。因みに小学生の頃から塾などを通っていてMSoffice系のWord, Excel, Power Pointを利用してきましたが、資格がなくてエフィールができない状態。頑張って資格を取りまくろうと思います。てか、ノートパソコン壊れてMSoffice使えないし、、、デスクトップにもダウンロードしよう、、
27Jul
- <作業2 = "Hokkaido Gallery">: テストバージョン;
  夏の北海道 (hokkaidogallerytest.netlify.app)注意：このサイトはPCのみに対応しています。まだ不安定な部分が多いですが、テストバージョンとしてネットに公開しました。これからレスポンシブ型を作ったり、写真を追加したりするつもりです。イメージの容量をもっと減らさないと、、image compressorで容量を圧縮しても重いですね。無料サーバーだからかな
26Jul
- 今やっている作業
  上のgifに見える通り、Scriptがあの写真一枚にしか適用されていない状態。全ての写真に適用するためには、一個ずつScriptを適用することもできるが、それでは時間もかかるし、コードも冗長になるだろうし、何よりも自分が成長できないと思った私は、functionを作り始め、、完成。１時間から２時間ぐらいかかったかな。自分がこういうものを作れることに感動した。益々、成長している感じ。
- Jqueryの注意点（順番をしっかりと記する）
  <script>の一番上に記述すること。他のScriptより後に書くとuncaught referenceerror $ is not definedという強敵に出会えるので注意しよう。。。。。はぁ
- 私のプログラミング言語の勉強方法
  １．ネットで基礎的な知識を勉強する。ー本を選ぶための基礎知識を勉強しておきます。２．その知識を基に本を探して購入する。３．その本を３回読む（覚える）。一週目：大体の概念が身につく。”こんなことがあるのか～”二週目：徐々に理解できてくる。三週目：まだ忘れる危険性はあるが、覚えてはいる。４．学んだことを実際に使いながら練習する。ー本を３回読んだ後、実際に使ってみると完全にスキルが身につく。そして、応用することもできる。５．もっと詳しく知りたいことがあったらネットで調べて勉強する。ー入門書籍は名前通り、基礎を語っているのでもっと知りたいことがあれば、ネットに調べると全部出てくる。私が本を買う理由はこれだ。６．新しく勉強したいものが見つかれば１に戻って繰り返す。ーサイトを作っていると表現したいことは増えていくが、今まで学んできた言語には限界があることに気づく。その時に必要な言語を勉強する。ex)HTML/CSSを勉強してサイトを作ってみたが、動的な要素も作りたいのでJava Scriptも勉強した。私の勉強法は大体こんな感じです。これに加えて、Youtubeには実際の現場のプロの方々が作った良質な動画も多く載せられているので、その動画を見ながらスキルを身につけることもおすすめです。本当に神たち、、
24Jul
- [初配布！]Image sliderサイトを作ってみた
  サイトのアドレス：Image slider (imageslidertanesia.netlify.app)初めてサイトを公開しました！イメージをスライドするというごく簡単なサイトです。コードを見やすくしてくれるサイトも見つけましたのでこれからはシートに直接説明を書いていきます！<HTML> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <!DOCTYPEhtml> <htmllang="ja"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <metaname="description"content="Tanesiaのサイト。単にイメージをスライドするだけのサイトです。"> <title>Imageslider</title> <linkhref="style.css"rel="stylesheet"> </head> <body> <header> <h1>Imageslider</h1> </header> <main> <divid="album"> <ulclass="images"> <li><imgsrc="images/1.jpg"></li> <li><imgsrc="images/2.png"></li> <li><imgsrc="images/3.jpg"></li> <li><imgsrc="images/4.jpg"></li> </ul> <pclass="controller"> <spanid="prev">&lang;</span> <spanid="next">&rang;</span> </p> </div> </main> <footer> <p>イメージは全て著作権のないものを使っています。</p> <p><small>©2022Tanesia</small></p> </footer> <scriptsrc="script.js"></script> </body> </html> Colored by Color Scripter cs <CSS> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 @charset"UTF-8"; /*bodyのmarginをなくし、背景色にグラデーションを適用*/ body{ margin:0; background:linear-gradient(0deg,white,black); } h1{ text-align:center; color:white; padding:50px; margin:0; } /*イメージを囲むdivの大きさの調整及びこぼれる要素の隠し*/ #album{ position:relative; margin:0auto0auto; height:80vh; width:80vw; overflow:hidden; } /*ul内の大きさの調整、イメージを並べる*/ .images{ margin:0; position:relative; list-style-type:none; display:flex; height:80vh; padding:0; transition:left0.7sease-out; } /*親要素に合わせてイメージの大きさを調整*/ img{ width:80vw; height:80vh; } /*矢印の位置と色などを調整*/ .controller#prev{ position:absolute; color:black; text-align:center; border-radius:50%; padding:020px020px; top:calc(50%-25px);/*親要素のtopから50%(半分)の位置-自分の半分(25px)*/ font-size:50px; cursor:pointer; } .controller#next{ position:absolute; color:black; text-align:center; border-radius:50%; padding:020px020px; top:calc(50%-25px);/*親要素のtopから50%(半分)の位置-自分の半分(25px)*/ right:0; font-size:50px; cursor:pointer; } /*mediaqueryでモバイルではhover属性を解除*/ @media(hover:hover){ /*両方の矢印にhover属性を追加*/ .controllerspan:hover{ background-color:rgba(0,0,0,0.2); } /*左矢印にカーソルを合わせたとき、-10px移動するようにし、0.5s間のアニメーションを追加*/ #prev:hover{ transform:translateX(-10px); transition:transform0.5s; } /*左矢印にカーソルを合わせたとき、-10px移動するようにし、0.5s間のアニメーションを追加*/ #next:hover{ transform:translateX(10px); transition:transform0.5s; } /*footercss*/ footer{ display:flex; justify-content:end; } footerp{ margin-right:20px; } footerp:first-child{ margin:020px00; align-self:center; font-size:12px; } } Colored by Color Scripter cs <script> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 'usestrict' constslides=document.querySelector('.images');//ul constslideImg=document.querySelectorAll('.imagesli');//li letcurrent=0;//現在のスライダー constslideCount=slideImg.length;//slideの個数 constprev=document.getElementById('prev'); constnext=document.getElementById('next'); constslideWidth=80;//スライダーの幅 /*イメージが移動する関数*/ functionslider(num){ slides.style.left=-num*slideWidth+'vw'; current=num; } /*左矢印をクリックすると一番前のイメージではない場合のみ、slider関数にcurrent-1を渡す*/ prev.onclick=function(){ if(current!==0){ slider(current-1); } } /*上と逆*/ next.onclick=function(){ if(current!==slideCount-1){ slider(current+1); } } Colored by Color Scripter cs 本当に楽しかった～色々と学べる時間でした。
21Jul
- 私の日本語の勉強について
  勉強の過程を忘れる前に記録しておいた方がいいと思ってブログに投稿することにした。私は、中学生の時、初めて日本語に接した。うちの学校の第二外国語授業は、日本語だった。その授業ではじめて日本語を勉強し、日本の文化についても勉強した。その時、結構気にいったので、家でもYouTubeなどで日本の番組を見た。成績は、満点を取り続けた。中には、学年の正解率がすごく低い問題も当てたことがある。それはメディアで知ったことがそのまま試験に出題されたので当てることができた。それぐらい、日本の文化には馴染んでいた。だといっても、まだ日本語が喋れる程度ではなかった。時は経って、高校二年になった。ある日、私は言語交換アプリを入れた。このアプリは設定した言語圏の人と会話ができるアプリだ。私は、英語を勉強するつもりだったが、間違えて日本語に設定してしまった。英語に変えようとすると一週間が経たないと言語が変えられなかったので仕方なく一週間は日本人と喋ることにした。まだ日本語は少しもできなかったので翻訳機を使いながらの会話だったが、すごく楽しかった。そのアプリで出会った日本人はみんな優しかった。楽しくて日々話していると基礎的な日本語はできるようになっていた。（英語に変えるのは忘れた？）そして、高校三年生になった。多分三年生前半のころ、私は日本語能力試験２級（JLPT２級）の受験に向けて勉強を始めた。一日１０時間程度を日本語勉強に費やして、約２か月ぶりにほぼ満点に近い点数で受験に合格した。凄く嬉しかった。この時点でまだ発音などが不自然ではあったが、日本人とは普通に喋れるようになっていた。ある日、私はいつものように図書館で本を探していた。私の目に入った本は、北海道旅行のガイドブックだった。なぜだろうか、私は自ずとその本を取って読み始めた。私はそれを読んで衝撃を受けた。今まで私が知っていた日本とはまた別の国のような文化、食べ物と自然がある場所が日本の中に存在していたのだ。私は、その不思議な北海道に興味が湧いてきた。夏休み、私は北海道を旅行した。本に書いてある通りの世界が広がっていた。私はその２泊で未来を決めた。高校を卒業して来日して過ごしていると、日本語能力は日々、増していった。単語帳だけ読んで日本語能力試験１級(JLPT N1)の受験を受けた。単語帳は多分７回ぐらい読んで覚えた。今回もほぼ満点だった。やっぱり言語は時間と実践が大事だ。時間を使えば使うほど能力は増すし、実際使っているとその時間も減る。みんなはたった２ヶ月で日本語をマスターした天才だとよく言ってくれたけど、裏にはこんな努力があったのだ。天才なんかじゃない。私には努力がすべてだ。プログラミングも頑張って就職して出世しよう！！
20Jul
- <作業2 = "Hokkaido Gallery">: section="site-warp";
  今回はsite-warpセクションを紹介します。こちらは、別の画面に楽に移動できるように設けたセクションです。このサイトは、北海道の四季を紹介するために作っていて、４つのシリーズに分けることにしています。それぞれを別のサイトにするか一つに合わせるかはまだ決めておりません。サーバーなど、裏の方を考えると後者の方がよさそうですが、まあ。こちらには４つのボタンを設けていて、それぞれ春、夏、秋、冬バージョンの画面に移動できるようになっています。（他の季節は、その時期になれば、写真を撮って掲載するつもりです。）あ！今思いつきましたが、あのボタンをクリックすると下の画面にそれぞれのHTMLが表示されるようにすればよさそうですね。そうすると、ユーザービリティも高まりそうですし、私も楽になって一石二鳥ですね。この部分はJava Scriptを利用すると簡単そうです。とりあえず、ここまでの過程は記録しておきます。HTMLはこちらです。イメージと文字を書いただけです。alt属性もつけた方がよさそうですね。上の作業と一緒にやっておきます。CSSはこちらです。イメージを丸くしたり、hover属性を追加したりしています。hoverを利用する主な理由は、その要素の上にカーソルを重ねていることを知らせるためです。一般的には、opacityを利用し、ユーザーがカーソルを要素に重ねたときに不透明度を下げて薄くします。ですが、私は昔やっていたゲームのウェブサイトを思い出しました。そのウェブサイトは、薄くなっていたボタンにカーソルを重ねると逆に鮮明になってくるようになっていました。当時、すごく面白いデザインだなと思った記憶がありまして、そのデザインを適用してみました。そして、その結果！可愛くて気に入ります。写真もこのサイトによく似あってる感じがします。旅行行きたくなりますね、、、
19Jul
- <作業2 = "Hokkaido Galery">: TOP概要;
  ついに、、、念願のHokkaido Galleryプロジェクトを紹介します。実はまだ完成ではなく、９割ほど進んでいる状況です。意外と持っている夏の写真が少なかったです。。。フレームは完成しておりますが、写真の枚数が足りなくて、応急処置をしているところと言っておきます。とにかく！フレームはすべて完成したので紹介していきます！今回はTOPの部分です！サイトのテーマは、北海道写真展！Hokkaido Gallery!前回も似たようなものですが、練習したということで、、サイトのコンセプトは、涼しさとカレンダーです。北海道の四季の美しさを知ってもらうために作ったのでカレンダーを連想させたデザインにしてみました。夏編だから色は涼しく！四季別のシリーズウェブサイトとして作っていくつもりです！つまり、秋編、冬編、春編も作るということ。今回はCSSも気にして作りました。背景色は、さっきも言った通り、涼しさを連想させるため、風、海が浮かぶような色を選びました。ストレスなく楽しんでいただきたいので明度を高くし、柔らかい印象にしました。でも、背景色なので他の要素に妨害をする可能性もあり、彩度を低く調節しました。この組み合わせで柔らかく落ち着いた印象が与えられたと思います。フォントのサイズと行間は、ユーザーが一番読みやすいよう、font-sizeは17px、line-heightは1.7にしました。これで行間は0.7になりました。あと、line-heightの数字に単位を付けていないのは、font-sizeが変わったりして、意図していないことになる可能性があるので、それを排除するためにつけておりません。右側のタイトル部分のCSSです。あまりにもデザインが静的過ぎたので面白いデザインがないかなと考えていたところ、昔の記憶を思い出しました。たまに、文字が縦になっているカレンダーを見たことはございませんか？私は、結構見たことがあるので適用してみました。（見たことがなかったらごめんなさい）結構面白くなってきましたね。気に入ります。英語と日本語の並び方にも違いを設け、また面白い感じになりました。次はナビゲーション！右上のメニューバーの部分です。BLOGの部分だけ、target="_blank"を適用しました。外部のリンクに接続してもまだ自分のサイトにはいてほしいので適用しました。ナビゲーションのCSSです！メニューバーはサイトの全体的なイメージを崩さない程度で他の要素と区別させようとしました。ところで、ほかのデザイン要素には触れず、文字の下にborder属性だけを適用させてみました。そうすると、サイトのデザインともよく合い、ほかの要素も区別できるようになりました。一層、デザインが良くなった感じです。実は、ナビゲーションをドロワー形式にしようか迷いましたが、メニューの数も少なく、そうする必要性が感ぜられなかったのでただ並ばせました。まぁ、リスポンス型を作るときに適用しようかなと思います。このプロジェクトを始めた理由は色々ありますが、その中にはコーディングスキルを磨きたいという目的もあります。ところで、Java Scriptもフル！活用することにしまして、このようなfunctionを作ってみました。その名は、Image Sliderです。単にボタンを押せば写真が変わるScriptです。images配列の中身を修正しても対応できるようにコーディングしました（コーディングするときは当たり前の作業）。current変数を設け、functionで数字を計算し、images配列からimgを取り出すという簡単なScriptです。currentとnumの合計が"0<=current+num<配列のサイズ"にしてスライダーが両端に至るとこれ以上進めないようになっていて、current+numが0から配列のサイズの間でだけ動かせるようになっています。prevを押すとchangeImageファンクションに-1を渡し、イメージが前に戻るようになります。nextはその反対！CSSの矢印はこんな感じです。Illustratorで絵を描いてみようかなと思ったのですが、コーディングで簡単に作ることが出来ました！boderのtopとbottomを作成して回しただけです。（nextは、45deg）これ考えた人、天才かも。positionをabsoluteにして、写真の上に重ねました。写真を邪魔なく見てほしかったので、opacityを利用して普段は隠し、hoverでマウスを乗せたときだけ、矢印が現れるようにしました。イースターエッグみたいな感じで面白くないですか？TOPはこんな感じです！今回のプロジェクトはすごく楽しかったです。デザインを勉強してサイトを作ってみたら、色んなデザイン要素が目に見えてきました。CSSももっと勉強してみるとできることがたくさんですし、JavaScriptも応用できるコードが多くありました。とにかく楽しかった。。。。
14Jul
- <作業１ = "The Hokkaido">: 完成;
  結構前に完成はしていたが、載せるのが少し遅くなった。実は、このプロジェクトを作成しながら、自分の能力がまだ足りないことに気づいてもっと勉強をしていた。まずは、前にも言ったことがあるが、デザイン感覚が悪いこと。私がデザイナーを目指しているわけではないが、エンジニアとして仕事をする以上、WEBサイト作りの全体的な流れは理解しておいた方がいいと思った。それで、デザインも私個人的には重要だった。UI, UX, ユーザービリティなどの様々なデザインの要素があるが、それらはともかく、配色などの基本的な要素すら勉強していなかったのが、デザイン的な失敗の要因だった。私は、デザインの本を買って読み始めた。Youtubeや色々なサイトを巡りながら勉強もした。そうしたら、立派には出来なくとも、基本的な要素については理解ができるようになった。そして、やっぱり時間の問題かな。まだ慣れていないからか、結構時間がかかった。でも、サイトを作っている途中にも慣れてくる気はした。あとは、自由自在に扱えていないこと。これも熟練の問題だと思う。なぜなら、Googleに調べながら作っていると、こんな考え方もあるんだなと驚きながらも、いつの間にか自分が扱えるようになっている。例えば、このコードは、この(下のイメージ)部分にアニメーションを適用するために作成したJqueryだ。（上のGIFを参照）このアニメーションは、ほかのサイトでも結構見ることが多かった。簡単に作れるし、いい感じのデザイン要素だからかな。画面の高さを計算し、適用させるところの位置と比べて、opacityと写真の位置をもとに戻すだけの簡単な作業だ。最初は不思議だと思っていても理解さえすればすぐに自分のものになってくる。そして、応用できるようになる。やっぱりまずは作ってみるのが大事だと思った。サイトを作りながら、最低限のデザインの原理は知っておきたくて、勉強を始めた。アニメーションを適用したいと思い、Jqueryを勉強した。HTMLやCSSなど頭から薄くなっていた知識を覚える時間にもなった。まずはやってみる。ぶつかってみる。これを一生忘れないように。次回のプロジェクト。すでに７割ほど完成！？お楽しみに！（こちらはオンライン掲載予定。）
06Jul
- <2022/7/6のつぶやき>: cmdもかっこいい;
  最近、頑張ってData Baseを勉強している。学んでおくと様々な分野で使えそうだからだ。俺は今までLINUXが一番格好いいと思っていたが、cmdを使っているとこっちもなかなかだ。格好良くて楽しい。これがプログラミング！
- <JAVA>韓国語勉強ゲームをプログラミングしてみた
  嫁の要請により、プログラミングを開始嫁が韓国語勉強がしたいと要請して気なのでゲームを作ってみたArrayListとHashMapを使って問題を保存しようとした。if文よりswitch文の方がコードをもっと簡潔に書くことができると思い、そっちを使った。Main classには、たったの２行で完成。オブジェクト指向の一番面白い点はこれかと。問題がしっかりと出力された。正解した時の反応もばっちり。感想実は、問題がランダムで出題される形のプログラミングをしようとしたが、まだ自分の能力では無理だった。色々な方法を試してみたが、エラーばかり、、でも、これが成長の種になる。もっと頑張って勉強しよう。
02Jul
- <2022/7/2のつぶやき>: 掲示板完成！しかし、、;
  ネットに載っている文章を参考にして作ってみた。所々、修正を加えながらついに完成！しかし！！！！コーダーの永遠の主敵、Exceptionさんが出現。。。オブジェクト志向も勉強しようと思い、Class分けしたが、その途中で不具合が生じたみたいだ。mainでのエラーだからきっとそうだ。Classを合わせるなりして直してみよう！！むしろ、エラーに遭遇して嬉しい！ドキドキする因みに、このプログラムの内容はこちらそれでは！
30Jun
- JS: 日時を作成する
  <const now = new Date();>Dateを現在の時刻で初期化し、now（なんでもいい）に入れる。この段階では私たちが思うような表記法ではないので少し手を加えよう。<const y.m.d.h.m>年月日時分をそれぞれの定数に入れる。<const output>好みに合わせて時間の表記形式を書く。<document.get~~~>htmlのtextを変えれば完成上の内容は無視しよう次は12字表記に変えてみよう午前12時前であればa.m.が、あとであればp.m.が出るようにした。hourを12で割った余りを表示させれば12時間表記完成。スープカレー食べたいWEBを作る中、時間を表示させることは必ずあると思う。これは覚えておいてよさそうだ。いや、覚えるべき。
29Jun
- <2022/6/29のつぶやき>: Javaを利用して掲示板を作る！;
  一応、Javaを利用してWebに使えそうなスキルを身に付けるために"掲示板"を作っている。やっぱりJavaが一番楽しい(笑)Javaで作れるものは無限だ、、、SQLも勉強したいし、とにかくやりたいことがたくさん。プログラミングを勉強していると現場ではどうしているのか気になって仕方がない。早く就職したい、、
22Jun
- <作業１ = "The Hokkaido">: サイトの顔はTOP;
  TOP部分はサイトの顔である。サイトの一番上のところを画面を占めることになるTOP部分は、サイトの顔ともいえる。ユーザーは、サイトのTOPを見てそのサイトの雰囲気を把握することができるからだ。TOPの全体的なデザイン私はシンプルさを求め、こうデザインした。全体的な色を黒系にし、落ち着いて知性的な感じを与えようとした。そして、サイトタイトルの下に北海道の写真を掲載しているサイトだと情報を伝えている。右の写真は、あまりにも余白が多く、面白くないと思ったので入れてみた。最近のトレンドでは、テキストの横に写真を配置して余白を補うデザインが多いらしい。navデザイン上の写真を見るとわかると思うが、navデザインも全体的な雰囲気に合わせて作っている。navで特に気を使ったのはこの部分だ。navを固定する方法はいくつかあるが、最近ではこの方法を使うことが多いらしい。とりあえず、私はこの方法が一番楽だと感じた。コードの量も少なくて素敵。JavaScriptを利用してアニメーションを入れてみてもいいと思ったが、シンプルさを維持するためにやめた。このposition: sticky;については後ほどほかの掲示板で触れることにする。TOPデザインの感想正直、デザインについての知識が浅く、立派なデザインはできていないことに自分は気づいていた。それで、デザインのトレンドを知るためにYoutubeで多くの動画を見た。余白、対比、フォントなど様々なデザイン要素を勉強できて嬉しかった。ここで得た知識は次のプロジェクトで生かすことにした。まずは自分の実力が知りたいからだ。自分の実力を記録しておいて、後々の私と比較してみたい。とにかく、この部分を作りながら、デザインだけだなく様々な分野について得られた知識も多く私個人的にはすごく満足している。stickyもその中の一つである。すごく楽で様々な表現が出来そうなposition属性だ。皆さんもぜひ使ってみてほしい。
- <作業１ = "The Hokkaido">: テーマについて;
  いよいよ初めてのプロジェクトだ実は、前からプロジェクト自体は多数作ってきた。だが、サイト全体を作ったわけではなく、中に入る部分的な要素を作って試していただけだ。ドロワー、リスポンス型など。今回は、サイト全体を作ってみることにした。多分、この作業の中で得られることが多いだろう。それでテーマは？主題は北海道の写真展示でテーマはシンプルさだ。あまりにも似合わない組み合わせで驚いているかもしれない。だが、私はランダムで決めただけだ。北海道の写真を見せたいと思っていたし、シンプルなデザインをしてみたかっただけ。
14Jun
- <2022/6/14のつぶやき>: JavaScriptの本一冊を完読！;
  昨夜、JavaScriptの本を読み終えて。。。　本に書かれているコードを直接パソコンで打つなど、自分のものにするために頑張ったからか結構時間がかかった。Chapterごとに２回は繰り返した。これからは、この本をもう一度読みつつ、コードを打ってその過程をこのブログに載せてみようと思う。そうすれば、きっと今よりもスキルが身についてもっと自由自在にコードを打つことができるだろう。そして、ポートフォリオ用のWEBサイトも作ってみようと思う。なぜなら最近、自分のことを記録しておく必要性を感じたからだ。いかに自分が頑張ったからってそれを記録しておかないと誰にも証明できない。あと、今まで学んできた知識をもとにサイトを作ってみんなに自分のことを見せたい。見せびらかしたい！その中で、もっと勉強したいことが見つかるかもしれないし、色々と役に立ちそうだったからこのような決心に至った。これからも頑張ってプログラミングを楽しむ。まずは作ってみること。何事でもぶつかってみないとわからない。