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

個人開発者かとのぼのプログラミングと雑談のブログです。たまに読書と銭湯も

プログラミング

ロード画面の実装にmodal_progress_hud【Flutter】【Loading】

Flutterでローディング画面の実装 modal_progress_hudの導入方法 ステップ1:pubspec.yamlファイルに依存関係の追加 ステップ2:インストール ステップ3:インポート modal_progress_hudの使用方法 Flutterでローディング画面の実装 Flutterのパッケージ…

エラー対処:error:' NSData *data = [NSKeyedArchiver archivedDataWithRootObject:self【Flutter】【Firebase】【iOS】

error:' NSData *data = [NSKeyedArchiver archivedDataWithRootObject:selfというエラーメッセージ error:' NSData *data = [NSKeyedArchiver archivedDataWithRootObject:selfというエラーメッセージ Flutterで、Firebaseのパッケージを入れてpodをセット…

resolving dependenciesが終わらない【Flutter】【Firebase】

Resolving dependencies...から進まない状態 Android Studioで、Firebaseのパッケージを入れて実行したら Resolving dependencies... という状態から進まない。 その場合は、まずは待つ。 自分の場合はだいたい10分くらい待ったら進んでエラーが表示された。…

FlutterとFirebaseの連携方法【AndroidとiOS】

FlutterとFirebaseを連携させるため最初の設定方法を忘れないようにメモとして残します。 【前提】 Flutterの開発のエディタはAndroid Studio Flutterのプロジェクトは作成済み firebaseはすでにアカウントあり Android プロジェクト名(パッケージ名)は「b…

個人開発とウェブエンジニアとして就職するために必要な技術は全く違う

最近、「個人開発で必要な技術」と「エンジニアとして企業に就職するために必要なスキル」が全く異なると思いました。 色々ずっと観察してて、個人開発とエンジニアとして就職するために必要な技術は全く違うという結論に達した。 — かとのぼ (@katonobo1) O…

自分のメモが英語翻訳されて単語帳になる「メモや日記ついでに英語学習」をリリースしました

自分の書いたメモや日記を英語翻訳して単語帳のように英語学習ができるサービス「メモや日記ついでに英語学習」を作った話です。

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

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

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

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

とある個人開発者マネタイズへの道【2019年9月の結果発表】

2019年9月の報告 ブログ Webサイト 【あめねこサンプルコード集】 【エモーションダイアリー】 2019年9月の報告 2019年6月から始めた個人開発のマネタイズ経過報告です。 過去の報告はこちら: www.katonobo.com www.katonobo.com www.katonobo.com ブログ …

日記から感情の分析と管理ができるサービス「エモーションダイアリー」をリリースしました

この度「エモーションダイアリー」という新しいサービスを作りました。 感情トラッキング日記サービス|エモーションダイアリー 「エモーションダイアリー」は、感情トラッキング日記サービスです。日記を通じて自分の感情分析とメンタル状態を把握すること…

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

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

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

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

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

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

Vue.jsでBulmaのナビゲーションバー(Navbar)をスマホでトグル対応(ヘッダー)

vue.jsとBulmaでNavbar(ナビゲーションバー)をスマホのトグル対応させるための説明とサンプルコードの紹介です。

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

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

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

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

ブログやサイトのキーワード選定は共起語検索ツールを活用しよう【SEO対策|Google検索で順位を上げる方法】

SEO対策としてサイトやブログのキーワード選定に共起語を活用する理由と方法を解説している記事です。無料の共起語検索ツールの紹介もしています。

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

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

ネタ系サービス「キモツイ」をリリースしました【キモいツイートを投稿・シェアできるサービス】

キモツイというサービスを作りました 先日「キモツイ」というサービスをリリースしました。 キモツイ 私はツイッター大好き人間なんですけど、面白いけどなんか思わず「コレはキモいなw」って思うツイートが結構あります。私はそういうツイートを探して読む…

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

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

とある個人開発者マネタイズへの道【2019年8月の結果発表】

2019年8月の報告 ブログ Webサイト 2019年8月の報告 2019年6月から始めた個人開発のマネタイズ経過報告です。 過去の報告はこちら: www.katonobo.com www.katonobo.com ブログ ユーザー数 9,843人(先月6,297人 先月比+56%) PV 16,141(先月9,481人 先月比…

アイコン素材の無料サイト「ICOOON MONO」でWebサイトに使えるデザインを探そう【商用利用可】

商用利用可能な無料アイコン素材配布サイトの「ICOOON MONO」の紹介記事です。個人開発やブログ、プレゼンのイラストに最適です。

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のプロジェクトが表示されるところまで学習できます。

関連コンテンツユニットのレイアウトをカスタマイズする方法

Google Adsenseの関連コンテンツのレイアウトをカスタマイズするための設定方法の解説記事です。

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

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