エンジニアステップ

初心者エンジニア(1年目~3年目くらい)のための技術ブログ

【DAY22,23】スムーススクロールとonclickで下線をひく【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ デイトラ課題 【DAY22】スムーススクロールを作る 【DAY23】ペ…

【DAY20,21】スクロールのアニメーションとドロワーメニュー【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ デイトラ課題 【DAY20】アニメーション用のライブラリWow 【DA…

【DAY19】jQueryのライブラリを使う。スライダー(カルーセル)を作る【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY19課題】jQueryのライブラリを使う。スライダー(カルー…

【DAY18】Progate「jQuery上級編」学習(連想配列やjqueryメソッド)【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY18課題】Progateで「jQuery上級編」を学ぶ jQueryの各種…

【DAY17】Progate「jQuery中級編」学習(モーダル、ホバー、アコーディオン)【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY17課題】Progateで「jQuery初級編」を学ぶ jQueryを使う…

【DAY16】Progateで「jQuery初級編」を学ぶ【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY16課題】Progateで「jQuery初級編」を学ぶ JavaScriptの…

【DAY15】Progateで「JavaScriptⅢ」を学ぶ【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY15課題】Progateで「JavaScriptⅢ」を学ぶ JavaScriptの関…

【DAY14】Progateで「JavaScriptⅡ」を学ぶ【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY14課題】Progateで「JavaScriptⅡ」を学ぶ JavaScriptのポ…

【DAY13】Progateで「JavaScriptⅠ」を学ぶ【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY13課題】Progateで「JavaScriptⅠ」を学ぶ HTMLやCSSとJav…

【DAY12】コーディング後の品質を担保するテスト【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY12課題】コーディング後の品質を担保するテスト 品質保証…

【DAY11】Webフォント、デバイスフォント、画像フォントの理解【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY11課題】Webフォント、デバイスフォントの理解 WEBページ…

【DAY10】マウスホバー時の動きを付ける(transition,transform)【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY10課題】マウスホバー時の動きを付ける transitionとtran…

Flexbox Floggyの回答まとめ。CSS flexboxを学ぶのに最適なゲーム【初心者向け】

「Flexbox Froggy」というCSS flexboxを学ぶのに最適なゲームがあります。 インストール・登録不要 超初心者向け(入門LV) 全24問 20分~60分くらいでサクッとできる ということで、Flexboxに自信がない人は、暇つぶしにやってみるのがオススメです。 flexb…

【DAY8】AdobeXDからフッターのコーディング【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY8課題】AdobeXDからフッターのコーディング WEBサービス…

【DAY7】AdobeXDからお問い合わせフォームのコーディング【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY7課題】AdobeXDからお問い合わせフォームのコーディング …

【DAY6】AdobeXDからテーブルとGoogleMap埋め込みコーディング【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY6課題】AdobeXDからテーブルとGoogleMap埋め込みコーディ…

【DAY5】AdobeXDからニュース系のコーディング【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY5課題】AdobeXDからニュース系のコーディング AdobeXDか…

【DAY4】ボタン、見出しを自在に作れるようになる【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY4課題】ボタン、見出しを自在に作れるようになる ボタン…

RubyOnRailsを独学で学ぶ時の学習ガイド【2019年】

RubyOnRails5を、独学で学ぶ時の学習ガイド(2019年 )です。 Webページを作る(HTML,CSS,JS) Rubyを学ぶ Rails周りの知識を学ぶ(コマンドライン、Git、DB、WEB基礎知識) Railsを学ぶ という順番で学習するのが個人的なオススメです。 【1】Webページを作…

Ruby on Rails5の勉強にオススメな本まとめ【初心者プログラマ・中級者プログラマ】

Rubyの有名なフレームワーク「Ruby on Rails(RoR)」の勉強にオススメな本をまとめました。 ※初心者プログラマ~中級者プログラマまで習熟度別です Rubyの学習本はこちら↓ www.engineer-step.com Ruby on Rails5の勉強にオススメな本まとめ 超初心者プログ…

【習熟度別】Rubyの勉強にオススメな本まとめ【プログラミング初心者・経験者】

プログラミング言語「Ruby」の勉強にオススメな本をまとめました。 ※プログラミング初心者~他言語の経験者まで、習熟度別です Rubyの勉強にオススメな本まとめ プログラミング未経験者がRubyを学ぶ本 プログラミング経験者がRubyを学ぶ本 プログラミング経…

【DAY3】PerfectPixelを使ってチェックと修正【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY3課題】PerfectPixelを使ってチェックと修正 Perfect Pix…

【DAY2】XDから横並びのカードのコーディング【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY2課題】XDから横並びのカードのコーディング Cardの下線…

【DAY1】XDからヘッダーとメインビジュアルのコーディング【#30DAYSトライアル2nd】

こんにちは、アルパカです #30DAYSトライアル2ndの復習&解説記事です。 個人的につまずいた箇所、調べた箇所を中心に書いています。 » 参考:Webコーダーとして仕事できるようになる30日まとめ 【DAY1課題】XDからヘッダーとメインビジュアルのコーディング…

【Webコーダーとして仕事できるようになる30日】デイトラ2期まとめ【#30DAYSトライアル2nd】

こんにちは、アルパカです 「Webコーダーとして仕事できるようになる30日」と題しまして「#30DAYSトライアル」2期目が開催です。 Webコーダーとして仕事できるようになる30日【概要】 学習記録まとめ【Webコーダーとして仕事できるようになる30日】 Adobe XD…

WEBサービスが作れるようになるまでの記録【日記形式】

WEBサービス作れるようになるまでの勉強日記(2019年)です。 ダラダラ更新していきます(灬╹ω╹灬) HTML,CSS(Bootstrap) Ruby, Ruby on Rails5 2月5日 progateでRubyの勉強【2H】 2月7日 progateでRuby on Rails5の勉強【6H】 2月8日 Railsチュートリアルの勉…

Ruby on Railsの勉強に飽きた時のための記事や動画まとめ【学習教材】

Ruby on Railsの勉強に飽きた時のための記事や動画をまとめました。 Ruby(RoR)エッセイ系記事 ASCII.jp:Ruby超入門(前編)|Rubyで学ぶRuby Railsの基本理念 : Railsの生みの親が掲げる8つの原則 | POSTD Rubyにはウンザリ!動的型付け、副作用、およびオ…

【Rails Tutorial】エラー、失敗した所と対策まとめ

Ruby on Rails Tutorialで、エラーが出た所、失敗した所について、私が行った対策をまとめました。 Railsチュートリアルをやっている方向けです↓ www.engineer-step.com Rails Tutorial 第1章 ゼロからデプロイまで 1.3.1 Bundle Installしてエラーが発生 1.…

評判良い「Ruby on Rails チュートリアル」をRoR初心者が学習した感想と記録【Michael Hartl】

「Ruby on Rails チュートリアル(実例を使ってRailsを学ぼう)」というMichael Hartl (マイケル・ハートル)さんが書いた無料の教材があります。 かなり評判が良い教材のようなので、試しに勉強してみました。 ちなみに学習する私(https://twitter.com/engi…

Progateの「Ruby on Rails5」の道場コースの感想。つまずきやすいところまとめ

Progateの「Ruby on Rails5」の道場コースをやりつつ、つまずきやすいところや感想をまとめました。 ※私がつまずいたところのメモです。多分みんな失敗しやすいところのはず 学習コースはこちら↓ www.engineer-step.com 【Progate道場コース】Ruby on Rails5…