Higu`s diary

新米データサイエンティストのブログ。技術についてゆるく書きます〜

最強のタイピングサイトを紹介【Day1】

記念すべき#100DaysOfCode1日目です!

今気づいたけど、このタグキャメルケースですね(笑)

 

どんな感じにブログ書いてくかまだ悩んでるんですが、

  1. その日のトピック
  2. 進捗報告

の2部構成で書いていきたいと思います!

 

最強のタイピング練習サイトを紹介

f:id:zerebom:20180619010727j:plain

今日は最強のタイピング練習サイトをご紹介したいと思います。

 

みなさん、ブラインドタッチでタイピングできますか?

 

ぼくもなんとなくは出来るのと思っていたのですが、、、

 

 

プログラミングやらない普通の人が使うのって

f:id:zerebom:20180619001644p:plain

だいたいこれくらいじゃないですか。

 

だからなんちゃってタイピングでもなんとかなるんですよね。

中指と人差し指しか使わないみたいな。

 

でもプログラミングをやるとなると

f:id:zerebom:20180619001651p:plain

緑の部分もめっちゃ使うわけですよ!!

 

()とか{}とか[]とか,とか"とか-とか沢山使うので

人差し指と中指のなんちゃってタイピングだと、

かなり遅くなってしまうんですよね。。

 

 素早くコーディングするには、

きちんと4本指を使った正しいタイピングを学ぶ必要があります(>_<)

 

そこで、このサイト!!↓

www.typingclub.com

 

 

タイピングを練習したい!と思っている方は、ブログ読むのやめて今すぐにでも

はじめていただきたいです(笑)

 

何が最高かというと…

 

  • 663コースという圧倒的充実度
  • 無料
  • 絶対に躓かないように
  • 正しい指使いが出来るように徹底されている
  • かわいいイラストとアニメーションで視覚的に学べる

 

本当におすすめです!

タイピングするときに正しい指使いが一緒に表示され、指ごとに練習していくので指示に従って進めていくだけで、きちんとしたタイピングが学べます(*'▽')!

 

英語なのですが、イラストが充実してるので英語が全然わかんなくても

大丈夫です!

 

ほんとに大丈夫だと思いますが

もし躓く部分があったらコメントなりDMなり送ってください!↓

twitter.com

 

 

進捗報告

studyplusで勉強状況を管理することにしました。

今日は主にHTML&CSS の勉強をしました。

 

本日の成果物↓

Demo

 

今日はProgate,Dotinstallで基礎が終わった人が実践に移るまでに

何を勉強すればいいかを紹介したいと思います!

 

今まで知らなかったのですがHTML・CSSでサイトを作っていくには基本的に

 

  1. どんなサイトにしたいか考えて必要なページのツリー構造を作る
  2. デザインカンプ(設計書のこと)を作る
  3. HTML全体の骨組みを作る
  4. デザインをコーディングしていく

 

という手順でやるんですね!

 

今までは

  1. 作りたいサイトをぼんやり頭で考える
  2. デザインとコーディングをいっぺんに考えて、サイトを上からマークアップしていく

みたいなノリで行うのかな~と思っていたので、全然できなかったです。。。

 

 

デザインカンプの作り方は今後学んでいくとして、とりあえず最初は

コーディングスキルを身に着けたいなと思い、今日はサイトの模写

から始めることにしました。

 

模写の手法としてよくこういった、サイト一覧のようなものから、

気に入ったものを選んでデベロッパーツールを使いながら、真似していくみたいな方法があげられますが↓

WEBデザイン参考サイト bookma! v3

 

ぶっちゃけ実務経験のない初心者にはなかなかきついですよね

アニメーションが使われていたり…💦

 

そんななかこの方のブログはすごく良かったです!↓

www.webcreatorbox.com

 

 

CSSとHTMLだけで簡単なサイトを作る方法がまとまっていました!

 

 

このサイトを見ながら、今日は模写をしました(*'▽')

今回使った画像はこちらの書籍のサンプルコードからいただきました。

gihyo.jp

この本もよくまとまっていました!

HTMLとはなにか?という導入の部分から書いてあるので、

本当に0からHTMLとCSSを学びたい人にはお勧めです!

 

 

今日のブログはこんな感じで終わりにしたいと思います!

ぶっちゃけ殴り書いたのでかなり文章ひどいですが、明日以降修正します💦

ではでは~ 

 

 

#100DaysOfCodeと共にブログを始める【Day0】

お久しぶりです、ひぐです。

 

 

 

#100DaysOfCodeとは?

みなさん、#100DaysOfCode

というTwitterのタグをご存知でしょうか?

 

100日間、毎日プログラミングの勉強の進捗を

ツイッターにあげようという取り組みです。

 

世界的に広がっている取り組みのようで、日本ではプログラミング学習サイトである「Progate」の公式アカウントでの発信からブームが起こったようです。

 

 ↑こちらのツイート

 

基本ルールは以下のようになっています↓

 

こ、これは。。。。。。

 

f:id:zerebom:20180618010209j:plain

 

 

 

と!いうことで、自分も参加します!!!

 

始めようと思った理由

当方、プログラミング勉強を始めて2か月たったのですが、

広く浅く勉強してしまってなかなか身についていないので、

ブログで宣言して背水の陣ということで取り組んでいきたいなと思ったのが理由です。

 

そろそろアウトプットを考えて勉強しないと伸びないだろうし、

いつまでも「がんばるぞ!」とか「やらなきゃな!」みたいなツイートだけじゃなく

形として残していきたいと意気込んだ次第です

 

 

また、文章をきれいに纏める能力、自分の知識を発信する力も身に着けたいな!

と思ったためブログとともにしようと思います。

 

 

どういう風に取り組むか

 

 

  • 毎日のプログラミング勉強の進捗を報告。

 

自分の勉強分野は現在、 

 

 

この4つに分けられるので、勉強している中でみなさんに共有したらためになるな!

みたいなことを書いていければと思います。

 

 

  • 日常起きたことを書く

その他にも普段考えていることや、何かイベントに参加した場合、書きたい事が思いついたら書いていきたいと思います。

今までやった海外インターンとか、研究室配属の話とか、あまり自分以外の人が

経験しえないことを書きたいです!

 

 

 

 

といった感じで始めていきたいと思います。

 

あんまり自分でハードル上げすぎて続かなくなってしまうのも良くないので、

1時間以内に1記事書くつもりで簡潔だけど毎日続けていきたいです…!

ブログ始めました。

はじめまして、ひぐと申します!

ブログを始めました。

ありきたりですが、以下に僕の経歴とブログを始めた理由を書きたいと思います。

   

1.軽く自己紹介

・地方の大学3年生

・サークル活動(テニス)を終え、一気に対人関係が希薄になる

・打ちひしがれながらも将来のことについて考え始めている最中…

 

2.僕がブログを始めた理由 

①やりたいことがみつからなかった

 一応理系なので就職か、院進か悩み始める3年の秋。僕には今後約40年自分の人生を捧げたいと思う職業も、大学院に行って研究したい学問もなかった。なのでとにかく色んなことを始めて興味を持ちたかった。

  

②新たな趣味を増やしたかった

サークルも終わり、僕には無限とも思える暇な時間が襲ってきた。

彼女に振られたことをバネに自分磨きのためにいろいろなことに手を出しました。

筋トレ、英語、C言語、読書、投資、、、

ブログを始めるということもその、自分磨きの一環としてやってみようと思いました。

ブログを通じて世の中のニーズや読まれる文章とはどんな文章か。サイトを運営することにはどんな難しさがあるのか。実際に触れてみようと思い立ったのです。

 

今回はこれくらいにしたいと思います!

なかなか自分の伝えたいことをまとめて文章にするのは難しい!!!!

文章を作ることも、ブログの体裁を整えることもまだまだ半人前ですがよろしくお願いします ^^)

ではでは~

google-site-verification: google1c6f931fc8723fac.html