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

プログラミング初心者とアプリの個人開発者向けのブログ。たまに銭湯

エンジニア入門記事

Flutterのfinalの意味【Flutter】

finalって結局何? 「var」 「const」「final」の使い分けを把握しておけば迷わないかな finalって結局何? 変数の頭についている「final」ですが、これは何なんでしょうか? いきなり結論ですが、 finalは変数・定数の型の一種です。そして、値を一回与える…

ブラウザ「Google Chrome」をインストールしよう【作りきる!個人開発でウェブサービス】

個人開発でウェブサービスを開発するためにはもちろんプログラミング学習が必要ですが、その前にブラウザを用意する必要があります。この記事はおすすめのブラウザGoogle Chromeの概要と導入方法の説明です。 Google Chromeとは? Google Chrome デベロッパ…

オススメのエディタVSCodeをダウンロードしよう【作りきる!ウェブサービス】

野球選手にグローブやバットがないと仕事にならないように、エディタはプログラミングに欠かせないツールです。 この記事ではエディタの概要とおすすめのエディタVSCode(Visual Studio Code)のダウンロード方法をお伝えします。 エディタ(エディター)とは…

知らなきゃ損?動画学習サイトUdemyで無料で学べるおすすめコース【個人開発やスマホゲームを作りたい初心者向け】

動画学習サイトのUdemyは、基本は有料コースの動画ですが、中には無料で学習できるコースもあります。 今回は、無料のコースの中で、シチュエーションに応じておすすめのコースをご紹介します。今回紹介している無料のコースは、全て私が受講したことがある…

ディレクトリを理解する【作りきる!ウェブサービス】

プログラミングでコードを書く前に、ディレクトリと言う概念と考え方を知っておいてください。 ディレクトリとは、フォルダのことです。 フォルダはご存知の方は多いのではないでしょうか。 このフォルダのことをプログラミングの世界ではディレクトリと呼ぶ…

結局、プログラミングの独学は無理なの?【結論:想像よりは大変だけど可能|独自のおすすめ学習方法も】

プログラミングの学習で迷うのは「本や動画を買って独学で学習するか」or「メンターがいるスクールに通うか」だと思います。私もそうでした。 タイトルにも書きましたが、プログラミングは独学で習得できます。しかし、想像よりは大変です。 皆さんは、プロ…

プログラミングはレゴの組み立て【作りきる!ウェブサービス】

この記事では、プログラミング初心者向けに、そもそも一般レベルのプログラミングって何をすることなのかを説明しています。 プログラミングのコード=レゴブロック コードの機能を覚えるのがプログラミング学習 実はそこまで多くない文法(最小単位の機能)…

JavaScriptの日付処理(Date)パターンと対策

JavaScriptの日付処理(Date)の実装で出会うパターンとその対処をまとめた記事です。

アプリケーションの意味【プログラミング初心者の前提知識】

プログラミング初心者は「アプリ」と言えばスマホゲームなどを想像する場合が多いでしょう。 しかし、プログラミングを学習すると「アプリケーション」がもっと用途が広く使われていて「自分の知ってるアプリの意味と違うぞ」と混乱することがあるかもしれま…

Vue.jsとFirebase簡単セッティング【Firebase編】

vue.jsとFirebaseを組み合わせたWebサービスを開発するための最初のセッティング方法の記事です。Firebase編です。

Vue.jsで基本的なチャットアプリ機能を実装するためのサンプルコード

Vue.jsだけで作る基本的なチャットアプリ機能のサンプルコードと概要説明です。 Vue.jsの概要説明とプロジェクト設定はこちら: www.katonobo.com www.katonobo.com Vue.jsで超基本的なチャットアプリ機能を実装しよう Vue.jsのサンプルコード コードの説明 …

Webサイトはグーグルサーチコンソールに登録しよう【サイト記事のSEO対策】

グーグルサーチコンソール(Google Search Console)に登録して、サイトがグーグル検索に載るための登録や掲載順位の把握をしよう。

CSSで画像の上に文字を表示させる方法【半透明のぼかしも】

CSSを使った画像の上に文字を載せる方法です。必要な要素の指定方法とコードのサンプルを紹介しています。

Webサイトのページ表示速度の改善に「PageSpeed Insights」を使う方法【SEO最適化】

Webサイトやブログのページの表示速度を把握、改善する無料ツールに「PageSpeed Insights」があります。「PageSpeed Insights」の概要と使用方法の解説記事です。

Vue.jsにGoogleアナリティクスを導入する方法【vue-routerとgtagで設定】【vue-analyticsで設定】

Vue.jsでGoogleアナリティクスを設定する方法の解説記事です。gtagを使う方法と、v-routerを使う場合の2つの方法を紹介しています。

GoogleアナリティクスをWebサイトに設定してアクセス数を把握する

Googleアナリティクスの概要と設定方法の解説です。Googleアナリティクスを自分のサイトやブログに導入することで、データ分析ができてサービスの改善に役立ちます。

Vue CLI3 でプロジェクトを作成する【Vue.jsのイントールとセットアップ】

Vue CLI3のインストールとプロジェクトのセットアップ方法の説明です。この記事でローカルホストでVueのプロジェクトが表示されるところまで学習できます。

Vue.jsを始める【JavaScriptフレームワークでプログラミング開発】

JavaScriptフレームワークのVue.jsでプログラミング開発をするための解説記事です。JavaScriptを学習した次のステップとしてプログラミング初心者向けにVue.jsの知識と学習方法を紹介します。

個人開発でアプリやWebサービスをリリースするために必要な知識と技術

アプリの個人開発をするために必要な知識に関する記事。果たしてアプリやWebサービスを個人で開発してリリースすることは誰でもできるのか。その方法について。

綺麗なウェブサイトのカラーを知れる「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とは、ファイルの変更履歴を記録できるバージ…