エンジニアステップ

初心者・未経験エンジニア向けの技術ブログ

【元落ちこぼれエンジニアが語る】プログラミング独学時の挫折を避ける方法まとめ

大学時代C言語が理解できずプログラミングが大嫌いだった現役エンジニアのアルパカです あの頃の自分に向けて「プログラミング独学時の挫折を避ける方法」をまとめました。 プログラミング独学時に挫折する3つの理由 何のためかわからないまま知識を吸収する…

初心者向けプログラミング言語選び方【データ・ランキングから考えよう】

「何を作りたいか決まっていない」初心者向けに、プログラミング言語の選び方をまとめました。 利用者が多く廃れにくい言語を選ぶのがオススメです。 ※ちなみに筆者の私は今まで仕事 / 仕事で「Java, C, C++, C#, Python, JavaScript」などの言語に触れてき…

完全初心者向けにHTMLとCSSの概要を簡単に解説してみた【図解あり】

完全初心者向けにHTMLとCSSの概要を簡単に図解してみました。 WEBサイトとは? Webページが表示されるまでの流れ Webページはそもそもどう作るの? WEBサイトとは? WebサイトとはWebページの集まりです。 それぞれのWebページはHTMLファイルとCSSファイルと…

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

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

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を学ぶ本 プログラミング経…

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

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

Progate有料会員プランの解約手順/退会方法と注意点【1分で出来る】

Progate有料会員プランの定期課金の解約手順・退会方法と注意点をまとめました。 Progateの退会は1分で出来ます! Progateの解約手順・退会方法【1分で出来る】 Progate解約時の注意点 Progateの解約手順・退会方法【1分で出来る】 Progateの定期課金の解約…

TwitterAPI登録申請から承認までの流れ。取得審査が厳しい【例文あり】

TwitterAPIの登録方法(申請、審査、承認までの流れ)をまとめました。 最新の2019年現在、取得審査が厳しくなっています。 ※開発者ポリシーが2018年7月24日に変更したため 私もメールで2回ほどやり取りをして、ギリギリで承認が降りました。 この記事は個人…

Progateはオススメ!1ヶ月全力で使ってみた感想と困ったところ【まとめ】

Progate(プロゲート)はオススメのウェブサービスです! 1ヶ月全力で使ってみた感想と、実際に使ってみて困ったところをまとめました。 Progateを試してみようか迷う人 有料にしようか迷う人 に向けて書いています。 prog-8.com Progateは「プログラミング…

Progateという企業を調べた【加藤將倫と村井謙太の学生起業から始まった】

Progateについて調べた HTMLとCSSを学ぶ時に、Progateというウェブサービスを使ったのですが、非常に分かりやすく良いサービスでした! ということで、Progateに興味を持ったので会社や創業者の加藤將倫さんについて調べてみました。 Progateとはどんな会社…

OGP設定方法 | WEBサイト制作初心者のための必要最低限のSNS対策【チートシート】

WEBサイト制作初心者は、最低限の「OGP設定」をすることで、SNSシェアに向けて対策をしましょう。 本記事では、 OGPとは何か? 最低限設定するべき内容 について語ります。 OGPとは?なぜ必要? OGPに最低限設定するべき内容まとめ OGPとは?なぜ必要? OGP…

【HTMLの基本】HTMLのひな形について解説【Emmetの「!」展開】

emmetを使って「!」と打つとHTMLの雛形が展開されます ↓ <html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body> </body></html> この中身を簡単に解説します! EmmetのHTMlの雛形に…

技術書の書評・感想まとめ。初心者エンジニアにオススメの技術書も合わせて紹介

初心者エンジニアにオススメの技術書一覧です。 ※技術書の書評/感想記事も後半にまとめています 初心者エンジニアにオススメの技術書まとめ 初心者エンジニアにオススメの技術書【キャリア編】 初心者エンジニアにオススメの技術書【基本編】 初心者エンジニ…

【VSCode設定】「CTRLキー+ホイール」でテキストフォントの拡大・縮小を設定する方法【1分で出来る】

VisualStudioCode(VSCode)で、「CTRLキー+マウスのホイール操作」でテキストフォントの拡大・縮小を設定する方法です。 【設定方法】「CTRL+ホイール」でテキストフォントの拡大・縮小設定 【設定方法】「CTRL+ホイール」でテキストフォントの拡大・縮小設定…

統合開発環境(IDE)とはなにか?テキストエディタとの違いは?【未経験エンジニア向け】

統合開発環境(IDE)とはなにか? IDEの特徴 テキストエディタとの違い IDEとテキストエディタの具体例 をまとめました。 ※未経験エンジニア向けです IDEとは何か? IDEの特徴 テキストエディタとは何か?IDEの違いは? テキストエディタとIDEの違いは? 【…

「Envato Market」の使い方説明。アカウントの作り方や購入方法など【日本語で解説】

海外ECサイト「Envato Market(エンバトマーケット)」の使い方の説明記事です。 アカウントの作り方や購入方法などを、日本語で解説します。 Envato Marketとは【安全です】 Envato Marketのアカウントの作り方(会員登録方法) 【1】Sign Upにアクセス 【2…

【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のポ…

#30DAYSトライアルの感想を勝手にまとめた

30DAYSトライアル感想まとめ エンジニアのショーヘーさん(@showheyohtaki)が主催した「#30DAYSトライアル」の感想Tweetをまとめてみました。 「私のも載せて!」って方は、アルパカ(@engineeraru)に連絡ください~(灬╹ω╹灬) #30DAYSトライアルの感想まと…

【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ページ…