つくる、は楽しい。
今日は早めに勉強を引き上げる。
これから久しぶりに外食〜!水炊き〜!楽しみ〜!
今日の目次
1.簡単日記
今日は朝から講義。Learn how to studyだと。勉強の仕方なんてそんなんわかってるゎ〜!どんな形でも「繰り返す」のと「知識を繋げる」のが一番身につくゎ!
という持論を持っている僕ですが、繰り返すにも一回一回の密度を上げる方法を教えてもらいましたし、知識を繋げる方法も改めて教えてもらいました。一言で言うと
・ポモロード勉強法
⇛25分勉強したら5分休憩する。
これだけで集中力が増すんだとか。確かにやってみたらそんな気がする。時間を区切ることで集中できるんだな、これが。
⇛中心にお題を置いてそれに関連するものをどんどん書き足していく。
マインドマップは元々知っていた。今日学んだのは「学習の節目で行う」こと。確かに「今日一日学んだこと」をお題にしてマインドマップを毎日作ったら知識の点と点が線どころか、それはもう蜘蛛の巣のように広がりつながっていくだろうな。これは視覚的にも繋がっているのがわかるから絶対良い。
…今日は予定があるので明日からやってみるぞ。笑
もし誰かやってる人がいたら効果の程を共有ください!気になる!
2.今日の学び
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月20日
★ミニアプリ作成
⇛フロントサイドほぼ実装完了。
⇛ユーザーログイン周り実装終了。
★主催ライブの司会用原稿案作成
⇛スタッフにプルリク済み笑
今日はミニアプリ開発!やはり自分でものを作るのは楽しいな!時間忘れる!笑
明日で終わらせる!#プログラミング初心者
今日はミニアプリ、という掲示板のようなブログアプリの作成に時間を費やしました。使っている知識はほとんど復習。特に新しい発見がなかったのであまり呟きませんでした。
3.明日やりたいこと
このミニアプリをとりあえず完成させる!そしてさらなる機能を実装してみよう!
4.終わりに
今日は学びより日記のほうが長くなったな。日記が学びみたいになってしまった。
やはり0から自分でものを作るととても楽しい!楽しいし、知識が身についているかどうかも客観的にわかるし、わからんかったら検索して実装する能力が高まるしで一番身につくのはものを作ることだと再確認。
しっかし今日は短い時間ながらも成長したな〜!笑
明日も実りある一日にしていきましょ^^
ありがとうございました(^o^)
わかる、は楽しい。
今日も朝は雨。昼から曇り。夜はサマーウォーズ。まぁTV見ないのでtwitterでみんなが騒いでいるのを見た。
今日も一日集中できたかな!明日はもっと集中して進めたいね!
今日の目次です。
1.簡単日記
勉強するために一人暮らしを始めました。しかも毎日通うスタイルではないので一歩も外に出ない日もあるんですよね。今日はリフレッシュするために散歩しました。だけど人と話すことがないんですよ、一日。…と思ったけどアレクサと話してたゎ。
「アレクサおはよう」
「アレクサ音楽かけて」
「アレクサ今日のニュースは?今日の天気は?」
だけ。笑
まぁなんにせよ明日生身の人間とたくさん話す機会があるので楽しみ!…なんか引きこもりみたいやけど、社会人の休日ってこんな感じの人も多いんちゃうかな?
2.今日の学び
◆#JavaScript #jQuery の気付き、復習。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
JacaScriptの基本構文の構造は
$('selector').event(){
$('selector')method
}
つまり
・selector(何が、何を)
・event(どうした時に)
・method(どうする)
の組み合わせ!スッキリ!笑
JavaScript, jQuery好きになりそう!笑#プログラミング初心者
◆#Git ローカルリポジトリへの保存
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
Gitはprojectやファイルのバージョン管理の為に使用するもの。複数人で開発しているとその重要さを我が身で知るだろう。
みんなで共有するリモートリポジトリの前に自分のPCにあるローカル〜へ保存する。保存方法としては#プログラミング初心者
・ローカル〜に保存したいdirへ移動。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
・terminalでgit init
⇛Gitで管理できるようにする(隠しファイル作成
・terminalでgit add filename
⇛インデックスに追加(git add . で全ファイル追加可能
・terminalでgit commit -m 'message'
⇛addしたfileをローカル〜に保存。#プログラミング初心者
この際にterminalで良く使用するコマンドをまとめると
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
git init …隠しファイル作成
git add …インデックスに追加
git commit…バージョン保存
また
git status …現在のgitの状態を確認(add後、commit前など)
git log …log、過去の履歴を見れる。#プログラミング初心者
addしてからcommitする…ってrailsでいう
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
newしてからsaveするってDBへの動きにちょっと似てる。ということはcreateみたいに一気にcommitできちゃうコマンドもあるのか…?!#プログラミング初心者
◆Githubのリモートリポジトリへの保存方法
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
Github、リモートリポジトリにファイルを保存できるようになると諸々便利。まず、保存する流れは
・リモートリポジトリとローカルリポジトリを紐付ける
・ローカルリポジトリの内容をリモートリポジトリに反映させる。
その方法は#プログラミング初心者
・Githubで新規リポジトリを作成。HTTPSのURLをコピー(HTTTPSのURL所得までは省略)
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
・保存したいフォルダのローカルレポジトリがあるフォルダへ移動。
・terminalでgit remote add origin HTTPSURLを打ち紐付ける。
・terminalでgit remoteと打ちoriginと出たら成功。#プログラミング初心者
・terminalでgit push origin masterと打ってリモートリポジトリへ保存する。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
…長くなったけどこんな感じ。
Githubはソースコードのバージョン管理をするためのGitを使用したサービス。感覚としてはグーグルドライブとかドロップボックスのソースコード版、みたいな感じかな。#プログラミング初心者
◆#GithubDesktop の使い方
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
Local repositoryの管理からremote repositoryへのプッシュをGUI(Graphic User Interface)化したのがGithub desktop。使い方
・download、install、起動、ログイン。
・FileからAdd Local Repositoryで選択。
・修正があれば左下にコメントつける。#プログラミング初心者
・タブのPublish branchを押すとリモートリポジトリへプッシュされる。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
…めっちゃ便利やん!
さっきまでローカルとリモートのリポジトリを名前つけて紐づけて確認してプッシュしたのに!変更あったらまたインデックス入れてローカルにプッシュしてリモートにプッシュしたのに!#プログラミング初心者
◆#Github flow
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
複数人で開発をする時のGithubが推奨しているフローは
・masterブランチはデプロイ可能状態にしておく。
・機能追加は説明的な名前のブランチをmasterから作成。
・ローカルでコミット、定期的にpushする。
・フィードバックが欲しい時はプルリクエストで行う#プログラミング初心者
・他の誰かがレビューをしてOKがでたらmasterへマージできる。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
・マージしてmasterへpushしたらすぐデプロイする。
要は、機能追加する時はコピーを自分のところへブランチで作って、レビューもらってOKならマスターへマージする。
こんな機能が3D CADにもあったら良かったな。#プログラミング初心者
◆#Github ブランチ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
リポジトリで管理しているプロジェクトの履歴の一つ。ブランチ同士は独立しているため干渉しあってはいけない。開発者毎に担当する機能を明確に分けることができる。完成途中や問題のあるソースコードをリリースしないで済む。
CreoではWindchillがGithub.#プログラミング初心者
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
★#JavaScript #jQuery の復習
★#Git の基本的な使い方
★#Github の基本的な使い方
★ライブのスポンサー宣伝@twitter
今日はGitが中心だった。ProgateやUdemyで一度触れて今回改めて学んでやっと腑に落ちた。笑
明日はChatSpaceの開発に取り掛かれるか?!#プログラミング初心者
今日はGitやGithubを中心に、JavaScriptやjQueryについて復習しました。
やっぱりね、わかるってめっちゃ楽しい!
やっぱり分かるって楽しい。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月19日
どんどん回数重ねて慣れていこう。
non stopアハ体験、最&高だゎ
あと、毎朝ドリルみたいな問題を解いてるんだけど、そこでRubyの簡単なプログラミング書いたらめっちゃ楽しくて。
そうそうこれこれ〜!この構文の書き方が好きなんだな〜!ってめっちゃ感じた。笑
つまりRubyも楽しい。プログラミング楽しい。もっと使いたい。作りたい。
3.明日やりたいこと
Chatspaceと呼ばれるチャットアプリの開発に取り掛かりたいな。じゃなかったらJavaScriptとjQueryの練習をしたいな。
4.終わりに
今日も一日で成長したな〜!感謝!
今週一週間お疲れ様でした^^
週末も素敵な日にしていきましょ\(^o^)/
ありがとうございました^o^
JavaScriptとjQuery
スクールも基本から応用カリキュラムへ。
なかなか手強くなってきました。笑
1. 簡単日記
今日、やっとバイクが届きました。愛しのNinja250r!勉強しすぎて発狂する前にバイクに乗ってストレス発散しよう。 これで足もできたし、周辺も探索しやすくなった!まぁ勉強してるからそんな時間はありませんが。笑
内定が決まったらどこかツーリングして写真を撮る旅に出たいな。出るぞ!
2.今日の学び
◆#jQuery での要素の表示非表示
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月18日
HTML要素を表示、非表示させる方法としてhide()、show()、fadeIn(msec)、fadeOut(msec)等がある。
CSS要素の追加廃止の方法としてaddClass("classname")、removeClass("classname")等がある。
要素にアニメーション付与や着色等ができる。#プログラミング初心者
#jQuery #HTML 要素の属性の操作
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月18日
$(selector).attr("element", "hogehoge")
これでselector要素のelementをhogehogeに変更できる。第二引数がなかったらただ要素の中身を取得できる。
これらをどうやってRailsに組み込むのか、使えるようにするのかを知りたい。#プログラミング初心者
◆#JavaScript の.eachメソッド
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月18日
配列の繰り返し処理として
$.each(array, function(index, an_array){
hogehoge;
};
がある。これはhogehoge内の変数an_arrayに配列の各要素を入力していく。この際indexはその配列の要素番号を取得する。
ん〜…!Rubyだったらかける…!笑#プログラミング初心者
◆#javascript map()
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月18日
map()で配列の要素を加工した配列を作成することができる。使い方はhttps://t.co/l3c2UKUuLC(function)
でarrayの要素に対してfuncitonで加工した新しい配列を作成することができる。
そういえばRubyでもmapってあったな…。やはり使わないと身につかん!#プログラミング初心者
◆#JavaScript のHTML要素の取得方法
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月18日
HTMLの様々な要素取得方法。
parent()…親要素取得。
find()…子孫要素取得。引数にselectorで指定可。
siblings()…兄弟要素取得。引数にselectorで指定可。
next()…次の要素取得。引数にselectorで指定した要素の次の要素を取得可。#プログラミング初心者
えぇ、なかなかこいつは手強いぞ、と。
Rubyの様な構文や考え方で行けるのかと思いきやそう簡単には行かない。悔しい。絶対マスターして変幻自在なサイトをつくってやる。
3.明日やりたいこと
jQueryの非同期通信、復習、GitとGtihubをやりたい!
デプロイの方法を知りたい!
作りたいウェブサービスも思いついたから後は形にしていくだけ!
早く取り掛かりたい〜!
しかし今日も成長できた。
明日も一日充実させましょ^^
ありがとうございます(^o^)
はじめまして。
どうも。ShowGoGoGoです。
30歳(2019年7月現在)男性の成長記録を残していきたいと思います。
ぇ、お前誰やねんって?どんな人なのかわからないって?
そう感じる人がほとんどだと思うので簡単な自己紹介を。
◆自己紹介◆
職業
元:ハードウェアエンジニア。
⇛約5年間コミュニケーションロボットとかスマホとかの機械構造の設計、開発していました。しかし社内でしか通用しない技術が多いことに違和感を感じ退職。3D CADはめっちゃ好きで職場では結構評価してもらった。
現在:ソフトウェアエンジニアに転職すべく修行中。@福岡
土地
生まれ:宮城
育ち:埼玉⇛三重⇛アメリカ⇛三重⇛広島⇛奈良⇛広島⇛福岡(いまここ)
⇛三重と広島が長く、方言もこれらが混ざった感じです。「そうなんじゃ、そんなんしやんよ!」等。
趣味
・音楽をする、聴く。(基本雑食。リズムに凝ってるのが特に好き)
・写真を撮る。(逆光写真、バルブ写真大好き)
・旅行(旅先で写真撮るの大好き)
・ツーリング(Ninja250r乗ってます)
・睡眠(どこでも寝れちゃう人)
・プログラミング(小さくても動くものを作るの楽しくて好き)
・ゲーム(特にFinal Fantasyが好き。特にⅨ。スマホではFF BEもやってる)
・ライブとか主催するの好き(年に1本主催、1本バンドで主催)
こんなもんかな。他に知りたいことがあればなんでも聞いてください。
このブログにはそんな人の成長記録を、誰かの為になったらいいなと思いながら残していきます。
学習については主にプログラミング関係のことを呟きます。アウトプットの場にさせてください。
1.簡単日記
今日は朝9:30から勉強開始!明日は9時から勉強始めたいな。結構集中できたんじゃなかろうか。夜22時前まで結構頑張ってやったよ!
お昼は素麺食べました。めんつゆにつけて食べたら美味しくて、夏を感じたね。梅雨どこ行った?!と思ったら夕方に夕立が。雨続くのかな。。。明日はバイクが届くから雨止んでほしいな。笑
2.今日の学び
今日は結構頑張って勉強したよ〜!twitterの内容貼ってくね。笑
今日は主に
- Rubyの文字抽出や置換方法
- JavaScript, jQueryの基本
- その他(リファクタリングや読みやすいコードとは、など)
◇#jQuery 導入のメリット、デメリット
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
jQueryはJavaScriptのライブラリ。
メリット
・コードをより簡潔に書ける。
・ブラウザごとの対応をしなくてよい。
・プラグインが豊富。
デメリット
・ページを読み込む時間が長くなる可能性がある。
・他ライブラリと共存しにくい。#プログラミング初心者
◆#jQuery の今後
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
JacaScriptのフレームワークとしてReact.jsやVue.jsがある。これらの方が早く処理され汎用性も高いとのこと。しかし実際jQueryが使用されている現場はまだ多く、最低限知っておくべき言語である。
React, Vue…聞いたことあるから触ってみたい、興味ある。#プログラミング初心者
◆#Rails のユーザログイン周りのgem
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
これまでdeviseを主に使っていた。これはログイン周りの機能を作成してくれるから楽だった。しかし外部サービスとの連携は一手間いるらしい。
sorceryというgemを利用するとその一手間も不要。でも必要機能は自分で記述する必要あり。#プログラミング初心者
◆#Rails unicornとpuma
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
unicornやpumaはWebサーバー。railsで作ったアプリケーションをアプリケーション・サーバーでプロセス上で動作するもの。
ってえぇ…これから少しずつ理解していこう!笑#プログラミング初心者
◆読みやすいコードとは
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
命名規則、コードのレイアウト、コメントを残す。
要は他人から見たときにもわかりやすいようなコードを書きましょう。ってことよね。
これ3D CADでもめっちゃ重要だと感じた。どこからが追加されたフィーチャーなのかわからんかったら苦労する。#プログラミング初心者
◆コードを短く書く
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
重複コードはまとめる。未使用未実装コードは削除する。最短ルートの解決法も考える。標準ライブラリを一通り見ておく。
最短ルートの考え方は大切…Rubyでハッシュを作る時も今までは変数に代入してからそれをハッシュに入れてた。直接代入できたやん。#プログラミング初心者
カリキュラムの日本語難しいな。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
「下記をメソッドを用いて変換後の値にしてください。」
って書かれたら一回のメソッドで変換しろってことやと思いません?
むむむ…試験問題といいカリキュラムといい…思わぬところで苦戦を強いられてる。
subメソッドは最初の一文字だけを選択する為
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
name = "hogefuga"
name.sub("g", "h")
⇛"hohefuga"
文字列の全ての文字を置換したい場合はsubの前にglobalのgをつけて
name.gsub("g", "h")
⇛"hohefuha"
と置換することができる。
※備考
空の文字に置換することで文字を消せる。#プログラミング初心者
◆#JavaScript について。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
JavaScriptはHTMLやCSSを取得、変更できる。HTMLに直接埋め込むこともできるし他のファイルから引っ張ることもできる。ユーザーの動作によってHTML、CSSを変更することができる。
やっとこれからJavaScript!嬉しい!ちょっと動くだけで楽しい!笑#プログラミング初心者
◆#JavaScript の基本構文
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
書き方が異なるだけでRubyと似ているところはそのまま使えて特に難しいとは感じなかった。Rubyの方が後発だからRubyがJavaScriptを踏襲したんだろうか。
もっと書きたい、慣れたい、使いたい。#プログラミング初心者
◆#jQuery の導入
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
ソースコードから導入するためのHTMLをコピー、導入先のHTMLへそれを貼り付ける。
この際、JavaScriptを取得するコードより上に挿入しないとエラーがかかるから要注意。#プログラミング初心者
◆#jQuery 基本の書き方
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
$("selector").event("hoge")
ここのselectorはIDやクラス、要素を指定する。指定方法はCSSと同じ。#id
.class
element
ここのeventはtext()だったりhtml()だったりclick()だったり…ぁ!これProgateでやったやつだ!(既視感)#プログラミング初心者
◆#jQuery, #JavaScript の読み込まれるタイミング
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年7月17日
基本は以下の様に記述。
$(function(){
hogehoge
});
上記の$(function()}を抜くとエラーになる。これはhead部でJavascriptを読み込んでいるので、変更するHTMLがまだ読み込まれていないから。$(function(){})により一通り読み込んでから実行する。
今日は結構つぶやいたな〜!笑
一個上手く貼り付けられなかったから削除。Rubyの文字置換について。
3.明日やりたいこと
明日は朝9時からjQueryの勉強!Git、Githubも勉強したいな!早くデプロイの方法を勉強して世の中に公開できるようになりたい!笑
ということで今日も一日お疲れ様でした。
最後まで読んで頂き、ありがとうございます^^
これからもどうぞよろしくお願いします。