かとのぼのマイコード・マイライフ

ウェブサービス開発者のブログ

エンジニア入門記事

綺麗なウェブサイトのカラーを知れる「ColorZilla」

ウェブサイトのカラーコードがわかる拡張機能、Colorzillaの紹介記事

オブジェクト指向とは?まずはオブジェクト指向をイメージで掴むための記事

オブジェクト指向が難しいと思っているプログラミング入門者のための、イメージでザックリ掴める記事です。

ブラウザ上でJavascriptのコードを試したいときに便利なサービス

ちょっとJavascriptのコードを試して見たいときに便利なブラウザ上で使えるウェブサービスの紹介記事です。

プログラミングのFunction(関数)とは?まずはイメージで理解しよう

プログラミングの学習で登場するFucntion(関数)に関しての初心者向けの解説記事です。ファンクションってなんか難しそうだなと思っている方はぜひ読んでみてください。

フローチャートや図を作るならdraw.ioが無料で便利

フローチャートや図を簡単に作成できるdraw.ioの紹介記事

ブラインドタッチタイピングを覚えたいならKeybrがオススメ

プログラマーやエンジニアを目指して学習をする際に、ブランドタッチは後々必須のスキルになります。しかし、独学で学習してもスペルミスや変な癖がついてしまう可能性があります。そこで今回はオススメのオンラインのタイピング学習サイトを紹介します。 シ…

プログラミング動画学習で初心者が陥りやすい罠とその解決法

プログラミング動画の学習でうまく行かないことはありませんか?それは勉強法が悪いのかもしれません。初心者が陥るミスとその解決策についての記事です。

プログラミング初心者が挫折せず独学できるようになるカリキュラムを書いた

この記事では、独学でプログラミングを身につけるために必要な学習ステップをカリキュラム形式にまとめました。この順番通りに学べば、プログラミング初心者が一番大変な「わからないことがわからない」という絶望的な段階から抜け出せるはずです。 このカリ…

プログラミング学習はサンプルコードの写経をしよう

プログラミングの学習で、サンプルコードを写すことを「写経」と言います。 ただサンプルコードの写経って、とてもメンドくさいんですよね。初心者の方では書籍を買ってもサンプルコードを眺めるだけで避けている方もいるかもしれません。 もし写経をやらな…

MVCモデルとは?【入門者向けのMVCモデル基礎知識】

MVCモデルとは何か?なぜMVCモデルを使うのかの説明をわかりやすく解説。初心者や入門者向けの記事です。

Gitとは?【入門者向けGitの基礎知識】

今回はGitに関する基礎知識です。 Gitとは? なぜGitを使うのか? GitとGitHubの違いとは? お勧めの学習法 わかばちゃんと学ぶ Git使い方入門 Gitが、おもしろいほどわかる基本の使い方33 まとめ Gitとは? Gitとは、ファイルの変更履歴を記録できるバージ…

フレームワークとは?【入門者向けプログラミングフレームワークの基礎知識】

フレームワークとは何でしょうか?この記事では初心者や入門者向けにわかりやすくフレームワークの解説します。

データベース言語とは?【入門者向けデータベース言語の基礎知識】

この記事では、データベースとはどういったものであるかの説明し、そのデータベースを扱うためのデータベース言語の説明、データベース言語の種類と学習方法について説明します。 データベース言語とは? データベースの概要 データベース言語でできること …

PHPとは?【入門者向けPHPの基礎知識】

今回は、PHPについての基礎知識の記事です。こちらの記事はHTML、CSS、JavaScriptの記事を呼んでいる方を対象にしています。 PHPとは? PHPは何をするのか HTML CSS JavaScript HTML、CSS、JavaScriptだけではもの足りない サーバーとは? PHPの役割 動的なW…

JavaScriptとは?【入門者向けJavaScriptの基礎知識】

今回は、JavaScriptについての基礎知識です。JavaScriptは、HTML、CSSと並んでメジャーなプログラミング言語です。 *注意!JavaとJavaScriptは全く異なる言語です。初心者のときは何か関連があるように思いますが、関係ありません。紛らわしいです。 JavaSc…

プログラミング初心者はコードでなくプログラミング的思考を理解しよう【プログラミング的思考を体験できる学習サイト】

プログラミングを覚える前に、まずはプログラミング特有の考え方、プログラミング思考の重要性について解説します。

CSSとは?【入門者向けCSSの基礎知識】

CSSの基礎知識についての記事です。この記事は、HTMLの概要がわかっている前提で書いています。もしHTMLが何かわからない方はこちらの記事をお読みください。 CSSとは? CSSの意味 CSSの構造 CSSの学習方法 プロゲート ドットインストール まとめ CSSとは? …

HTMLとは?【入門者向けHTMLの基礎知識】

HTMLとは? HTMLは、Hyper Text Markup Language(ハイパーテキスト・マークアップ・ランゲージ)の頭文字をとった言葉です。 ただ、HTMLという名称以外は普通聞かないので、HTMLとだけ覚えておけばOKです。 HTMLを使う意味 まずはウィキベディアでHTMLの概…

初心者がプログラミングの独学を失敗する理由【プログラミング独学で勘違いしやすいこと】

プログラミング初心者が独学で失敗する大きな理由は、プログラミングの学習方法に対して沢山の誤解をしているからです。その勘違いが正しい学習の方法やステップから入門者を遠ざけてしまいます。その結果、プログラミングは独学ではできないという偏見と、…

プログラミングで必須な画面「コマンドライン」って?【Macのコマンドライン『ターミナル』を使ってみる】

プログラミングを始める時、まず「コマンドライン」という単語が出てきます。 今回は、プログラミングを始める時に絶対必要な知識「コマンドライン」についての解説記事です。 コマンドラインとは? コマンドラインの印象は怖い?文字だけの見慣れない画面 …

プログラミングは文系でも習得できるのか?【文系でプログラミングを独学で習得した自分の経験から】

文系がプログラミングを習得できるのか?未経験者はプログラミングスクールに通わないといけないのか?習得できるならどう学習すればいいのかについて自分の経験から答えている記事です。

プログラミング初心者にオススメする入門書3選【作品を作りながら学べる入門書】

プログラミングを勉強して、まず最初にチャレンジするのがハローワールドです。 しかし、勉強してみるといつもハローワールドばかりで、そのあとは変数の勉強だったり、演算子の勉強だったり、何か物足りないと感じたりしていませんか? あまり自分のイメー…