テックアカデミー(TechAcademy)体験記 10日目



こんにちは「しんく」です。
TechAcademyでの勉強、10日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

学んだ内容はこちら

Lesson6のMysqlの勉強が終わりました。

mysqlからデータベースに接続する方法。

データベースの作成。
テーブルの作成。
テーブルのデータに対するCRUD操作=Create(作成)、Read(取得),Update(更新)、Delete(削除)

WHERE句をつけたCRUD操作

where句をつけることで、全データではなく、条件に一致したテーブル内のデータを操作する方法を学びました。
SELECT,UPDATE,DELETEなどが指定できる。
INSERTはデータの書き込みなので、条件を指定する必要が無いので、出てこない。

ORDER BY句で表示させる順番を変える

これは、データベースの中を書き換えるわけではなく、表示させる時にどのような順番にするかの操作。

集計関数でのデータ分析

COUNT関数、SUM関数、AVE関数。

テーブルの結合とグループ化

ここは正直なところついて行け無かったです。理解がぼんやりとしています。
時間にゆとりがあれば、プロゲートやドットインストールなどでmysqlの課題を深めたいのですが、時間に限りがあるのでここは我慢して次の課題に進みたいと思います。

difff(デュフフ)大活躍

課題を進める中で、自分のタイプミスによる失敗が多発しました。dotinstallの有料会員になると、自分の入力したテキストと課題のテキストを比較する機能がついてきます。テキストだけを比較するサービスは世の中にもあるはずだと思い、「html 比較」 などで検索するとdifffというサイトがヒットしました。こちらにテキストをコピペして比較すると、違っているところに色を付けて教えてくれるので、とても重宝しました。

appear.inというサービスを使ってメンターと面談を行いました。

通常、テレビ電話のサービスですとSkypeの知名度がダントツで、知っている人で、goggleハングアウトぐらいだと思いますが、テックアカデミーでは「appear.in」というサービスを使用してメンターとの面談を行います。同じURLにアクセスするだけでビデオチャットが始められる利点があるようですので、こちらはこちらで使いこなして別の記事で紹介したいと思います。

残り32日。僕は自在にWebアプリケーションを作れる人になるのでしょうか。

テックアカデミー
テックアカデミーを始めてあっという間に32日が経過しました。残すところあと24日なのですが、このタイミングで始めてメンターとの面談がありました。
実は、テックアカデミーの場合、受講期間の開始と共にメンターとの週2回のビデオチャットでの面談が実施されるはずだったのですが、私の場合、運営側の手違いがあったようで、一月経過してようやく面談が行われました。
結構、課題も進んでいるのに、基本的な使い方などの説明もあり、ちょっと笑ってしまいました。そのお詫びと言うことで、終了期間を少し伸ばしてもらえましたので、私としてはかえってラッキーだったかもしれません。
それはさておき、メンターとの面談の感想ですが、「やっぱり人間は良い。」ということです。プログラミングの勉強を自習していると、しょっちゅうハマってしまうことがあり一人で解決策を考えている時間は本当に孤独です。そんな中「メンターに相談できるかも」という思いは随分と心強いです。
チャットでも質問できるのですが、ある程度人間関係ができている人に対して質問できるというのはとてもよいシステムだと感じました。
週二回なんてあっという間なので、「次回までにちゃんと進めなきゃ」という強制力も効果的だと感じています。


テックアカデミー(TechAcademy)体験記 9日目



こんにちは「しんく」です。
TechAcademyでの勉強、9日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

学んだ内容はこちら

Lesson5のRubyの課題提出が終わりました。

メゾット、オブジェクトの理解が全くできずに思いっきり躓きました。
テキストにも「今は理解できなくてもしょうがない。」的なことが記載されていますのが、本当に理解できませんでした。
これは困ったと思い、一旦、ドットインストールに頼ろうと思い、Ruby入門 (全26回)に手を出したのですが、こちらでもやはりメゾットやオブジェクトに関する部分への理解はできませんでした。ですので、一旦、課題を完了させようと思い、概念の理解は捨ててsinatraやpumaを使って、「Webサイトに用意した入力フォーム」に入力した文字をウェブサイトに表示する作業に入ったところ、またスムーズに課題を進めることができました。

difff(デュフフ)大活躍

課題を進める中で、自分のタイプミスによる失敗が多発しました。dotinstallの有料会員になると、自分の入力したテキストと課題のテキストを比較する機能がついてきます。テキストだけを比較するサービスは世の中にもあるはずだと思い、「html 比較」 などで検索するとdifffというサイトがヒットしました。こちらにテキストをコピペして比較すると、違っているところに色を付けて教えてくれるので、とても重宝しました。

実際の比較したテキスト

テキスト比較
これにより、考え方の間違いなのか、ケアレスミスなのか、はたまたCloud9側の問題なのかをすぐに確認することができるようになりました。
これからも利用しまくると思います。

テラテイルも大活躍

エンジニア用のQAサービスにテラテイルという物があるのですが、こちらにも随分助けられました。ドットインストールで躓いた時にこちらで検索すると大抵、同じところで詰まった人が質問をしていて、適切な回答をもらっていたりします。きっと、テックアカデミーの課題でも質問を上げている人が居るだろうなとおもったら、案の定、全く同じところで、同じ悩みを抱えている人が質問をしていました。おかげさまで秒殺で問題が解決しました。(テックアカデミーのチャットを使うのが本筋だとはおもいますが)
これからも上手に活用させていただきたいと思っています。

残り32日。僕は自在にWebアプリケーションを作れる人になるのでしょうか。

テクアカ
いやー。Rubyの概念に躓いて、Lesson5を完了させるのに9日も要してしまいました。
3連休も全然作業ができなかったので、これから巻き返して行きたいと思います。
まだ一度もメンターとの面談を行っていないので、ちょっと心配になってきました。こちらから自発的に動かないと案内はなさそうですね。この件も進めて行きたいと思います。



テックアカデミー(TechAcademy)体験記 8日目



こんにちは「しんく」です。
TechAcademyでの勉強、8日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

学んだ内容はこちら

Lesson4のターミナルの課題提出が終わりました

  • いま、どこのフォルダに居るのか pwd
  • pwdと入力すると現在のフォルダ階層を表示してくれる。

  • ファイルの一覧を確認する ls
  • 現在のディレクトリ内にあるファイルを全て表示してくれる。

  • メイクディレクトリ(フォルダを新規作成) mkdir
  • mkdir 作りたいディレクトリ名 で現在の場所に新規のディレクトリを作成する。

  • フォルダの移動(チェンジディレクトリ) cd
  • cdだけだとホームディレクトリに戻る。cdの後に移動したいディレクトリ名を入れる。

  • ファイルの新規作成 touch
  • touch 作成したい場所を指定/作りたいファイル名 で新規のファイルを作成できる。

  • ファイルを編集する nano
  • nano ファイル名でファイルの編集画面が開く。control + X で編集画面を閉じることができる。
    保存の有無を聞かれるので、yesのyを入力してあげれば、編集内容を保存できる。

  • ファイルの中身を閲覧したいとき less
  • ファイルの中身を閲覧だけしたい時は、less ファイル名 で、ファイルの中を閲覧することができる。
    この画面を閉じる時は「q」を打つことで元の画面に戻ることができる。

cdの操作で、となりのディレクトリに行きたい時は、一旦、一つ上の階層に戻ってからじゃないと移動できないことをなかなか理解できていなかったのでちょっとイライラしました。一つ上の階層に戻るときも、../にcdを付け忘れたり。。。一生懸命いじっていたらなんとなく馴染んできたので、マスターできそうな希望が湧いてきました。

残り41日。僕は自在にWebアプリケーションを作れる人になるのでしょうか。

テックアカデミー
現時点では、不安がいっぱいです。今まで独学でHTMLとCSS、JavaScriptを勉強しては挫折してきたのですが、それがここで効いています。
勉強しながら曖昧だったところが補完されてゆく感覚で、十分身にはなっているのですが、残りの学習期間と勉強の進み具合が少し心配になってきています。とにかく勉強は眠い。すぐに睡魔が襲ってきます。改めて気合を入れ直して頑張りたいと思います。



テックアカデミー(TechAcademy)体験記 7日目



こんにちは「しんく」です。
TechAcademyでの勉強、7日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

学んだ内容はこちら

Lesson3のCSSの課題提出が終わりました

いやー。Lesson3は長かったです。本当に長距離走でした。CSSでは主にfloatとclearfixについて学びました。
今までもこのあたりを勉強したことがあったのですが、今回、ようやく理解できたように感じます。mainはwrapperで一括りにして、wrapperに対してclassを付けてあげる。そのクラス名はclearfixがわかりやすいので、そのクラス名にしてあげる。
注意点としては、idは#で始まるけれど、footerとかのタグ名には何も付けなくて良いとかかな?

メンターは結構辛口

課題を今まで3つ提出しているのですが、細かい場所への指摘が結構多く、意外と「合格」をくれません。それだけちゃんとやってくれているってことなので嬉しいのですが「やべー、ちゃんとやらなきゃ」って感じになります。
また、質問もSlackでしてみたのですが、質問に答えを返してくるわけではなく、「こうやって調べて見れば?」ってアドバイスが届きます。こちらも「えっ、わかんねーよ(怒)!」って感じでしたが、涙目で自分で調べたら間違いに気付くことができました。質問も折れない心でガンガンしてゆきたいと思っています。

残り54日。僕は自在にWebアプリケーションを作れる人になるのでしょうか。

残り45日
このところ仕事も私生活も忙しく、勉強時間をあまり作れなかったのですが、あっという間に残り45日。セットコースのフロントエンドは全く手を付けていないし、WebアプリケーションコースもまだRubyOnRailsの「ルの時」にも到達していない。焦りは募るばかりの状況ですが、絶対にやりきるのだ!そして人生を変えるのだ!



テックアカデミー(TechAcademy)体験記 6日目



こんにちは「しんく」です。
TechAcademyでの勉強、6日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

学んだ内容はこちら

初めて課題の提出を行いました。
一つは「インターネットの仕組み」についてWebブラウザ、Webサーバ、リクエスト、レスポンス、DNS、IPアドレスの言葉をすべて使って説明しなさいと言うもの。テキストを適当に読んでいただけだったので、いきなりテキストの読み直しを余儀なくされました。
もう一つは、課題のindex.htmlファイルをCloud9上で作り提出しなさい。と言うもの。こちらのCloud9上にはすでにメンターがアクセスできるように事前準備を終わらせているはずなので、「提出したよ!」とボタンを押すとメンターが僕のCloud9内を閲覧してくる仕組みになっています。

2つの課題ともメンターによるコメント待ちです。どきどきそわそわしてしまいますね。

プログラミングスクール「テックアカデミー(TechAcademy)」6日目を終えたまとめ

セットで2つのコースを申し込んで勉強を進めていますが、今はWebアプリケーションコースしか手が付けられていません。それに対して結構焦っていたのですが、冷静に授業内容を見てみると前半の内容はフロントエンドコースとWebアプリケーションが結構かぶっている部分が多いので、結果としては両方進められていることになっていそうで、少しホッとしています。

残り54日。僕は自在にWebアプリケーションを作れる人になるのでしょうか。

8 week progress 2



テックアカデミー(TechAcademy)体験記 5日目



こんにちは「しんく」です。
TechAcademyでの勉強、5日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

ようやくサポートが開始しました。

今まではフライング気味に勉強を進めていたため、チャットでのメンターとのやり取りや、課題の提出などが出来なかったのですが、ようやくスタートしました。8週間のコースなので逆に言えば、タイムリミットへのカウントダウンが始まりました。ここから先はとにかく「やるしかない」です。頑張って勉強を続けて行きたいとおもいます。

学んだ内容はこちら

横並びにしたいブロックはid=”wrapper”とかで一括りにしてその並びが終わったら.clearfix::afterでfloatを終わらせると良いよ。

グローバルメニューはListで作るのが一般的だよ。
display: inline-blockを使うと簡単に横並びにできるよ。
その時widhtの設定やbackground-colorを入れるとメニューっぽくなるよ。

position: fixedを使うとスクロールしても指定した位置にメニューを固定できるよ。
その時、top: 10pxとleft: 10pxなんかの絶対位置を指定して上げる必要があるよ。
これはメニューに対して指定するので、ulとかolに指定することになるよ。

と言ったところです。

プログラミングスクール「テックアカデミー(TechAcademy)」5日目を終えたまとめ

CSSレイアウトの勉強が一通り終わりました。私もWordPressを入れたウェブサイトを幾つか立ち上げているのですが、投稿や固定ページ内で2カラムにすることはありません。なぜならばfloatとかclearfixとかよくわからなかったからです。とくに、スマホからのアクセスが主流になっている今、widthの崩れを生む可能性のある構成にはなかなか手がでませんでした。これを機に、練習用のウェブサイトを立ち上げて学んだことを形にしてゆきたいと思います。

8 weeks progress



テックアカデミー(TechAcademy)体験記 4日目



こんにちは「しんく」です。
TechAcademyでの勉強、4日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

CSSの勉強に入りました。

cssの役割から学んで行きました。私が独学で挫折した、配置の勉強も今までのどの参考書より分かりやすかったです。特にfloatを使ったときに「周り込み」が発生する理由や、それを防止するためにカラのdiv要素を用意する。またそれも古いやり方で、今はclearfixを使うのが普通になってきている。など、CODE PEN で解説してくれているので、そのままプロパティや値を変更することでとても理解しやすかったです。Lesson3はめちゃくちゃ長いので、心が折れないように頑張ってゆきたいと思います。

 

プログラミングスクール「テックアカデミー(TechAcademy)」4日目を終えたまとめ

自分にとってMacの「読み上げ機能」は本当に助かっています。今日も朝5時に起きて勉強しているのですが、眠くて眠くて。もし、読み上げ機能を使っていなかったらなんども同じところを読んで、寝落ちしていたと思います。
あとは、TechAcademyのテキストがもしかしてすごく優秀なのかもしれないです。いままで挫折していた部分がテキストを読むだけでスッキリと理解できてしまいました。ちょっと楽しくなってきたのでLesson3をとっとと終わらせて、本命のRuby on Railsの勉強に突入できるように頑張りたいと思います。



テックアカデミー(TechAcademy)体験記 3日目



こんにちは「しんく」です。
TechAcademyでの勉強、3日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

ひたすらHTML

HTMLでウェブページを作るところをじっくりと行いました。Lesson3になっていきなりボリュームが増え、1日では終わらせることができませんでした。
今日、勉強できたのはHTMLを記述することです。課題ページのHTML部分がすべて完成しました。

初の課題提出

HTMLの勉強が一通り終わったら、お手本通りのHTML書く課題がでました。Cloud9上でhtmlファイルを作って提出する形になります。私はまだ正式に本コースがスタートしていない状態なので課題の提出ボタンが非アクティブになっています。
けれど課題のファイル自体は完成したので、提出できるようになるのを待ちたいと想います。

プログラミングスクール「テックアカデミー(TechAcademy)」3日目を終えたまとめ

毎朝5時に起きて勉強しているのですが、正直なところ、自習は眠い。これ、20万払ってなかったらとっくに辞めていると想います。お金の力は偉大ですね。20万をドブに捨てるわけにはゆかないと思うと、眠くてもなんとか続けることができます。(正直、途中でなんどか値落ちしましたが。)
内容に関しては、「課題の提出」がとても良い仕組みだと想いました。ダラダラとテキストを読んでいるだけではクリアできない課題なので自分の理解度を再確認するにはとっても良い仕組みです。



テックアカデミー(TechAcademy)体験記 2日目




こんにちは「しんく」です。
TechAcademyでの勉強、2日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

いよいよ具体的なプログラミングが始まりました。

Webアプリケーションを引き続き勉強しています。今までは「Lesson0の事前準備」を終え、「Lesson1本コースで学ぶこと」「Lesson2インターネットの仕組み」を学びました。正直ここまでは完全な「座学」になっていて、読むだけで手を動かすことはほとんどありませんでした。「Lesson3HTML/CSS」に入りようやく自分の手を動かすことになりました。

Macの読み上げ機能でプチチート

正直なところ、テキストを読むのが結構面倒になってきたので、Macに標準機能として付いている「読み上げ機能」を使って、テキストを音声で読み上げ扠せながら勉強をしています。
「システム環境設定」→「アクセシビリティ」→「スピーチ」→読み上げる人を選択。(女性なら「kyoko」でOK)→読み上げ速度を調節(僕は標準だと読み上げ速度が遅いので、標準よりもちょっとだけ早く設定すると快適です。)
最後に、読み上げをしてほしいテキストをドラッグして右クリック→スピーチ→読み上げ開始でも読み上げてくれますが、「キーを押したときに選択しているテキストを読み上げる」にチェックボックスを入れておくと、デフォルトでoption + esc で読み上げを開始してくれるのでこれまた快適です。

Cloud9って結構快適かも

事前準備で使ったCloud9の出番がようやくやってきました。私はいつもAtomというテキストエディタを使っているのですが、タグの入力を支援してくれるのでとても助かっています。Cloud9でも同じように当たり前にタグを打つと入力候補が出てくるので助かりました。特にコメントを入れるとき
<!–コメント–>
こんな感じに入力する必要があるのですが、「command + /」で 「<!—->」ここまで自動に書いてくれるので、あとは間にテキストを書くだけなので面倒くさがりの僕にとってはとても助かっています。

ファイルのアップロードも簡単

Cloud9へ画像ファイルをアップロードするシーンもあるのですが、回答したフォルダをそのままドラッグアンドドロップすると簡単にCloud9にフォルダが追加されるのでこちらも快適です。僕はWordPressで記事を書いてばかりなので、こういった開発環境を利用する経験がほとんどないのですが、とても新鮮だと感じています。

今日はここまで完成しました

テックアカデミー2日目
HTMLの基本的な構文を書く
ロゴの画像を設置する
グローバルメニューを作るためのリストを作成。
リストをクリックしたら各ページに飛ぶようにhrefにてリンクを設定。
サイトのメイン画像を設置。
といったところでしょうか。

プログラミングスクール「テックアカデミー(TechAcademy)」2日目を終えたまとめ

今まで、概念の読み物が多くてちょっとうんざりしていたのですが、HTMLを実際に記載する段に入り、学ぶことが面白くなってきました。正直なところ、今日のところまでは、自習で既に知っていることばかりではありましたが、一つ一つの説明が丁寧なので、「なるほどそういう意味だったのね」という気づきはたくさんあります。あとは、Macの読み上げ機能は使ったほうが良いと思います。(特に概念の部分は)音声で聞きながら目でも文章を追うと結構頭に入ります。特に寝不足で勉強している方は集中力が落ちていると思いますのでおすすめです。正式にサポートが始まるのが一週間後なので、相当フライング気味に進めているのですが、2つのコースを最短の期間で申し込んでいるので、相当焦りながら進めています。



テックアカデミー(TechAcademy)体験記 1日目




こんにちは「しんく」です。
私事ではありますが、この度「テックアカデミー」に申し込みを行いました。
受講コースは、フロントエンド と Webアプリケーション の2つのセットです。
契約直後は受講するための事前準備に追われる形となりますので油断していると結構面食らいますので注意が必要です。
しかも、2つのコースをセットで受講する場合、重複している初期設定を両方共行う必要があるのでこちらも結構億劫になります。
しかし、セット割引の恩恵を受けているので、ここはぐっと我慢の子です。
それでは、どんな事前準備があるのか解説してゆきたいと思います。

利用するツールが多数ある

利用するツールが沢山あります。基本的に学校に通うスタイルではないので、遠隔操作で指導できるように工夫が凝らされています。使用するツールを一つずつ解説してゆきます。

コースで使用するアプリ

  • Slack
  • テックアカデミーのサポートへの連絡や、メンター(専任で教えてくれる人)への連絡は基本的にこのSlackというサービスで行われるようです。
    システム開発の分野では非常に評価の高いチャットツールで、私も使用してみたことはあるのですが、仕事ではChatWork(チャットワーク)がメインのチャットツールになってしまっているので、導入するシーンがなかなか見つけられず、Slackを使い慣れていませんでした。アカウントの登録を行うと専用のルームがそれぞれ用意されています。早速幾つか質問を投げましたが、平日のオンタイムであれば返事は早いです。
    Slack上での記載
    “`
    こんな感じで囲ってあげると、HTMLなどをテキスト扱いで記載することができるようです。
    “`
    Slackでの表示
    slackバッククォート
    こんな感じのテクニックとかを教えてもらいました。
    あと、Slack内のサポートのプロフィール写真が、きれいめなお姉さんに設定されていますが、対応しているのは絶対おっさんのはず。でも、通知が来たときに一回は騙されてしまうのは男の悲しい性。

  • Gyazo
  • 画面のキャプチャリングソフトです。こちらの面白いところは、キャプチャーした画像のURLがその場でコピーされており、キャプチャーした状態でチャット(ここではSlack)の投稿にペーストすると、そのまま画像が添付されるところです。このサービスを今までしらなかったので、結構、驚いています。
    下記がGyazoでキャプチャーした画像をSlackに貼った様子です。
    gyazo
    一般的にキャプチャーを貼り付けるよりも数工数作業がすくなくなるので、チャット上でちょっとした共有をしたいときにとっても便利です。私の本業でも早速使わせていただきたいと思います。

  • codepen(コードペン)
  • こちらはHTMLとCSSとJavascriptをウェブブラウザー上で書くと、プレビューで動きを確認できるサービスです。実際に記載する前に、ちゃんと動くか手軽に確認できるサービスのようです。その記述自体に問題があるのか環境の問題なのかの切り分けが簡単にできそうですので、こちらもガンガン使ってゆきたいと思います。

  • Cloud9
  • AWSのアカウントを作ってから、AWSのサービスの中にあるCloud9の環境を整える必要があります。私は仕事でAWSを使っているので、AWSの管理コンソール画面にすんなり対応できましたし、独学でCloud9も軽く勉強したことがあるので、「はいはい」といった感じでしたが、これは両方初めて触る人からすると結構、ハードルが高いかもしれません。焦らずサポートが開通してからサポートに質問しながらセッティングしたほうが良さそうです。私も完璧にセッティングが完了しているかわかりませんが、こちらの設定が完了していないと「課題」を提出することができないので、重要な部分だと思います。

プログラミングスクール「テックアカデミー(TechAcademy)」を契約してみた率直な感想

いまいま、テックアカデミーに20万以上のお金を払ってみた感想を述べたいと思います。

基本的にテキストが中心の授業だけど大丈夫だろうか?

まず、授業自体が動画ではなくテキストなのでちょっと心配です。私自体がschoo(スクー)やDotInstall(ドットインストール)などの動画が中心のサイトを良く利用するので、今更テキストで勉強できるかな?といったところです。

メンターにちゃんと質問できるだろうか

20万円以上の価値を見出すには、メンターと呼ばれる先生とのやりとりを頑張る事で見いだせるのだろうか。解らないところは質問すれば教えてくれるらしいけれど、自分自身がちゃんと質問できるかすごく心配。オンライン型の学校にして本当に大丈夫だったか、現時点では結構心配です。