2019年10月22日こんにちは。mito(@mito_works)です。今回はコーディングのスキルアップのために挑戦している#30DAYSトライアルの記録を書きます。30DAYSトライアルは、独学を前提としたプログラミング学習プログラムです。#30daysトライアルとは何?どうやって始めるの?といった疑問をお持ちの方、こちらをご覧ください。30DAYSトライアルの始め方mitoいきなりですが、30DAYSトライアルの2ndステージ。「できるものなんだ!」ってすごく自信になったけれど、もう少し余裕を持ってできるようになりたい!!(約4~5日かかりました。30DAYSトライアル【実務に必須のアニメーションの付け方〜実践!最終課題】mito2ndで学んだことをまとめます。最終課題の学びまとめ2nd前半の学びコードの書き方からアニメーションの使い方まで幅広くインプットできました。30DAYSトライアル〜JavaScriptの基礎を学ぶDAY1~3〜こんにちは。mito(@mito_works)です。今回はコーディングのスキルアップのために挑戦している#30DAYSトライアル...30DAYSトライアル〜jQueryの基礎を学ぶDAY4~6〜こんにちは。mito(@mito_works)です。今回はコーディングのスキルアップのために挑戦している#30DAYSトライアル...30DAYSトライアル〜Sassの基礎を学ぶDAY7,8〜こんにちは。mito(@mito_works)です。今回はコーディングのスキルアップのために挑戦している#30DAYSトライアル...mito特に勉強になったり、忘れたくないなと思うものは切り出して記事にしました!【初心者向け】縞模様の見出し作り方こんにちは。mito(@mito_works)です。今回は、この見出しをどうやって作るかのご紹介です。そもそも、...【初心者向け】CSSで要素を横に並べるfloatの基本的な使い方を理解する!こんにちは。mito(@mito_works)です。今回は、XDでデザインされたサイトを模写して学んだことをまとめます。...【初心者向け】CSSでコンテンツ表示位置の調整(positionとflex)~画像をちょっと下に表示したい(30DAYSトライアル)~こんにちは。mito(@mito_works)です。2つのコンテンツを横に並べてそのうち1つの位置をちょっとずらしたい。...【簡単】wowで要素をふわっと表示させたりシュッと表示させるアニメーションをつけるこんにちは。mito(@mito_works)です。今回は、jQueryのライブラリーを使って要素がふわっと登場するアニメーショ...SVGファイルとは?有効な使い方とPNG、JPEGからの簡単な変換方法こんにちは。mito(@mito_works)です。今回はSVGファイルについての話題です。前半で学んだSassやjQueryやJavaScriptを使って実践です。mito答えがないので「習得した知識を組み合わせて試す→検索して試す」をひたすら繰り返していました。【30DAYSトライアル2nd】day17~26のアニメーションの付け方編で学んだことこんにちは。mito(@mito_works)です。今回はコーディングのスキルアップのために挑戦している#30DAYSトライアル...人から「これポイントですよ!」と教えられたことよりも、実践の中で「これはポイントだ!」と気づいたことでは、「めちゃくちゃ重要なことだ!」という切実さが違います。知識としての定着率も変わってくることを実感しました。ほんとに今更だけど、bootstrapは煩雑になりがちなcssのコードを減らすために使うものと気づいた。(私の見解)便利〜と思って、本来の目的わからず闇雲に使うの良くないな><。2019BootstrapはCSSフレームワーク(骨組み)なので、ワイヤーフレーム時点で必要な箇所に必要な分だけ使うようにする。計画的な使い方が大事なんだと学びました。DAY27,28:実践コーディング残すところレスポンシブ対応。背景デザインが一色のベタ塗りではないので、「これどうやって実装するんだろう?」と悩み、positonを多用することに。divの囲み方含め試行錯誤したので勉強になりました!あと少し〜。20193日で終わらせるのがベストという演習を4~5日かけました。mitoつまずいたら根詰めてやるのではなくて一旦寝かせるというやり方をしていました。実質の時間だと3日くらいだと思いますが、頭を一旦リセットするために寝かせる時間は必要でした。momo時間がかかった一つの要因として、ワイヤーフレームを書いていなかったということがあるね。https://twitter.com/mito_works/status/1186476124886298624それから「このデザインよく見ている気がするけれど、どこで見たか思い出せない・・」というものが結構ありました。mitoいつも見ているはずなのに。見た場所も思い出せないし実装もできない・・。意識的にサイトを見るようにしたいという教訓を得ました。実装方法の引き出しを増やしていきたいと思います。mitoひとまずパーツごとのサイトレビューをやってみたいなと思っています。#30DAYSトライアル。2ヶ月前には、今は当たり前のように使っているテキストエディタVscodeも知らなかったし、BootstrapもScssも知らなくて。mito今ではショートカットキーを駆使しながらVscodeを使い、BootstrapやScssを使い、効率的にコードを書くことを意識してます。0から10以上になった知識。ふりかえると、毎日の積み上げてきたもの、感慨深いです。知識のインプットからそれを使ったアウトプットまで止まることなく一気通貫で取り組めてスキルアップできるものだと思います。mito学んだことを即実践で活かせるので、スキルとして身につきやすい。短期間でスキルアップしたい人にとってはとても良いコンテンツだと思います!全力でオススメします!習慣にしたいことコーディングはワイヤーフレームを書いてから行う。MEmitoこんにちは!mitoです。現在は複業でWebデザイナーをしています。2019年1月からWebデザインの勉強を始めました。子育てをする中で、自分の生活に働き方を合わせたいと思うようになり、フリーランスを模索しています。好奇心旺盛でやりたいこと多め、ワクワクすると止まれない性格です。同じように一緒にチャレンジする人の背中そっと押せたり、励ましあえるようなブログになるといいなと思っています。incorrectでログインで...Webデザイナーmito好奇心旺盛でやりたいこと多め。2019年1月からデザインの勉強を始め、複業Webデザイナーです。忘れっぽいのでブログを書いてます。