元緘黙持ちACの学習あれこれ

趣味と実益を兼ねてプログラミング関係のあれこれを学んでいます

できないものは物量作戦で(JavaScript)

 こんばんはmallowです。もうちょっとで光属性古戦場だそうで。

 

JavaScriptが本当にできなすぎて、
(文法が覚えられない、タイプミスで詰まる、など)
この2週間暇を見つけては色々写経してました。

5秒当てゲーム

まずはドットインストールで作れる一番簡単なものから。
実は随分前に詰まってそれから放置していました。

 JavaScriptで5秒当てゲームを作ろう (全9回)

f:id:mallowbluemalvasylvestris:20180418224058p:plain

こういうゲーム画面を作るのって難しいイメージがずっとあったんですが、html見たら本当にシンプルでまずそこに驚きました。

 

で、5秒近くでstopボタンを押して数字を止めれた時にこんな感じで文字が赤くなるようにする操作がなぜかずっと反応しなくてですね。

 

 

f:id:mallowbluemalvasylvestris:20180418224104p:plain

やっとうまくいった図。

 

プログラムが動かない時って、自分で打ったコードに全角スペース混ざってないかとかメソッド全部小文字で打ってないかとか、タイプミスはないかとか、見ないといけないわけです。

コード打ってる時は楽しいんですけどねー、正直言ってつらいです。自分のポンコツ度と嫌でも向き合う作業になる。

こういう時は一晩寝かせておいて翌日に見るとすんなり間違いがわかったりするものです。

 

website-planner.com

 

・単語のスペルが間違っていないか
・大文字/小文字が間違っていないか
・スペースの有無が正しいか
・カンマやドットは抜けていないか、全角になっていないか
・ダブルクォーテーションやシングルクォーテーションは正しいか

 

気をつけよう!ほんと!

 

WEBサイトを作ろう

実践!ウェブサイトを作ろう (全17回)

 

こちらもドットインストールから。

ATOMで使える便利なプラグインことDotinstall Pane。

レッスンではこのDotinstall Paneの紹介サイトを作っていきます。

動画を見ながら写経するのみ。

 

ただ、講座に使う素材はプレミアム会員のみDL可能なようだったので、
適当な手持ちの画像ファイル(サイズはCSSで指定するのでなんでもいい)と、
あとはフリーアイコンサイトから適当なものをDLしました。

icooon-mono.com


DLしたアイコンが正方形だったので、アイコンのwidthを180pxから100pxに変更したのと、
背景素材の都合でタイトルが白文字だと読みづらいのでそこも変更。

 

f:id:mallowbluemalvasylvestris:20180418224117p:plain

f:id:mallowbluemalvasylvestris:20180418224121p:plain

 

 

 

HTML/CSSを打つのはだいぶ慣れてきたのでタイプミスはほぼなくなりました!よし成長してる。

動画見ながら打ちながら、また動画止めながら打ちながら修正しながら、とやっていたので、うーん5時間くらい?かかりました。

 

あとはサンプルコードの載ってる本で

手持ちの本(「つくって覚えるHTML5入門」&「つくって覚えるJavascript+HTML5入門」)を写経しています。総ざらいするとなると結構かかりそうです。

これも買って挫折して放置してましたよ…。でもやったら段々できてくる。

 

商品ページ貼るのもなんなので、読書メーター貼りますね。

bookmeter.com

 

bookmeter.com

 

作りたいものが出てきました

こんばんは。mallowです。
離職票が届かず、まだかまだかと思いながらコード書いてます。
日付では3/31に辞めたことになっているので、だいたい2週間くらいで手続きできるわよ(by上司)とのことなので、もうちょい待ってみます。

仕事辞めてよかったこと

よく言われることかと思いますが、自分の気持ちと向き合う時間が長くなりました。
自分は昔からこれをやりたかったんだ!という事をやれていると、毎日に満足してきます。
 
前職では明らかに環境に不適応を起こしてフリーズしたり、ひっそり泣いたりする事も多かったです。
 
聴覚過敏もあったので、社長が怒鳴ると一気にストレスが体にかかるのが自分でもわかりました。
辞めたいと言ってからも、無駄に半年ほど引き止められてズルズル続けてしまったので、
(人が来ないしそれほどスキルもつかない)
思い切って辞めて、今のところは良かったなと思ってます。
ただ生活の面を実家にお世話になっているので、ものすごく口うるさいことは言われます。耐えましょう。

デザインは好きだった

もともと学生の頃から、フリーペーパーやカタログ、小冊子を集めたり、web素材集や配色の本を買っては眺めて喜ぶような生活をしていました。フライヤーみたいなものを自分で作ったりもして。
本当は学部もデザイン系や好きなところに行きたかったんですが、親に進路を決められてしまったのでひとまず資格だけとって今に至ります。
WEBデザイナーとかコード書くような人になりたいなー、と昔から漠然と思ってはいましたが、空いた時間に勉強するだけの余力はありませんでしたね。グループ実習に気力を持って行かれてましたので。
 

作りたいものができました

本当はもっと大きなもの(具体的にはコンセプトのあるゲーム)を作りたいなという野望があるのですが、
今はプログラミング初心者なので、徐々に徐々にいこうと思います。
 
まず作りたいのは、シンプルなカウンター(広告なし、自分用)です。
タップしたら数字が増えたり減ったりして、リセットを押すとカウントが0になるくらいの、ただそれだけのシンプルさ。
アプリ開発者って男性が多いのかもしれませんが、女子向けのちょっとおしゃれなカウンターってなかなか見つからないんですね。フォントは好みだけど色合いがなんかなーとか。
だからこそもう、自分で自分用に作るしかないなと思いました。
ちなみに今使っているものは、画面の遷移のたびに動画広告が出るので若干うざいです。
でもアプリ製作者のかたも広告費欲しいよね…生活かかってるよね…と。でもうざいものはうざい。
用途としてはスマホドラクエやりつつ戦闘回数のカウントをしたりとか、
グラブルやりながら戦闘回数の(ry)
つまりほぼほぼゲーム用ですね。
 

で、いつやるの

やる気が出たら。。。

脱パワハラ&Javascriptちょっとわかってきた

こんにちはmallowです。突然ですが無職になりました。

パワハラとセクハラのはびこる零細企業事務員(しかも非正規)を今月中旬にようやく辞め、

まだ離職票も届かないのでとりあえず今月中は勉強して家を整理しよう、ということにしています。雇用保険が出るのは3ヶ月後かな…。

続きを読む

Codeprepフリー期間中

古戦場10箱ぐらいは開けたいな。mallowです。

 

codeprepが3月26日まで全ブックを開放しているので、日々ちょこちょこと進めています。

 

全部で140ブックあるのですが、今完了しているのは50ブックくらいです。

全ブック完了したら両手を上げて喜ぼうと思います。うわーい。

 

続きを読む

【Progate】少し難しくなってきた条件分岐

お久しぶりです。あけおめです。

共闘半額ですねみなさんスラ爆してますか!

 

最近はProgateを無料の範囲内で学習してます。

続きを読む

ATOMを使い始める

色分けとかしてくれて文字も読みやすいテキストエディタないかな、と探していたら。

 

ドットインストールでATOMを使っていたのでへー、と思い使ってみることに。

 

続きを読む