はてなブックマーク

noteに投稿した記事に大きな反響がありました noteからユーザーへの登録率は1% 関門があると、だいたい9割は離脱する Twitter、はてブ、note自体の集客力についての考察 個人開発者はnoteの活用を検討した方がいい 個人開発はゲリラ戦 noteに投稿した記事に大きな反響がありました 先日、私が作ったサービス「メモや日記ついでに英語学習」について書いたnoteの記事が多くの人に読んでいただきました。読んでいただいたみなさん、ありがとうございます。 ＜サービスはこちら＞ translate.ameneko.com ＜noteの記事はこちら＞ note.mu はてなブックマークにも載りました。ホットエントリーまで行きました。 b.hatena.ne.jp 503件のブックマークが付いています。 また、Twitterでの投稿でも多くの反響をいただきました。 個人で作ったWebサービス

最近、「個人開発で必要な技術」と「エンジニアとして企業に就職するために必要なスキル」が全く異なると思いました。 色々ずっと観察してて、個人開発とエンジニアとして就職するために必要な技術は全く違うという結論に達した。 — かとのぼ (@katonobo1) October 9, 2019 個人開発とエンジニアとして働くために必要な技術 インターネットで、「個人開発者」と「エンジニア」と「エンジニアになろうとしている初心者」で話題に上がる内容はかなり異なります。 私は個人開発者サイドですが、ウェブエンジニアが身につけるべき技術と言われるもので、自分が知らない知識が頻繁に出てきますし、逆に個人開発で話題になる話がエンジニアではあまり広まらないなどがあります。 個人開発者とウェブエンジニアを比べて、必要な技術や守備範囲を個人的なイメージでいうと、 個人開発：守備範囲が開発、運営、宣伝ととにかく広い

ブログ運営や個人開発のWebサービスを作成して悩むのが「どうやってそのサービスを宣伝・集客するか」です。 この記事では、ブログやWebサービスのGoogle検索順位をあげて多くの人に宣伝するために「共起語検索ツール」を活用する重要性と方法を紹介します。 Google検索の順位に共起語のキーワード選定は必須 Googleは専門性・網羅性が高い情報を評価する 無理に共起語を盛り込む必要はない 無料の共起語検索ツール 注意：共起語と関連キーワードとは異なる Google検索の順位に共起語のキーワード選定は必須 そもそも共起語とは「ある単語が使われるときに、一緒に使われやすい単語」を言います。 例えば牛丼屋の「松屋」という単語を私たちが使うとき、一緒に「牛丼」という単語を使うことが多いはずです。 「松屋」と「牛丼」は共起語となります。 結論から言うと、もしブログの記事やWebサービスに伝えたいキー

この記事は、Vue.jsとFirebaseでログイン認証を実装した際、ログインしていないと見れない画面を設定したい場合のサンプルコードと解説です。 サンプルコードは、サーバーはFirebaseで、Vue-Routerを使っている前提で説明しています。 1.Vue-routerのログイン認証判定のポイントは「meta」と「requiresAuth」 2.「router.beforeEach」を設定することで画面遷移する前にログイン判定 3.実際のサンプルコード 1.Vue-routerのログイン認証判定のポイントは「meta」と「requiresAuth」 ログイン判定が必要なパスだと設定するには「ルートメタフィールド（要するにmeta情報）」を利用します。 ルートメタフィールド | Vue Router 「router.js」にVue-routerのコードを記述していますが、そのroute

Vue.jsだけで作る基本的なチャットアプリ機能のサンプルコードと概要説明です。 Vue.jsの概要説明とプロジェクト設定はこちら： www.katonobo.com www.katonobo.com Vue.jsで超基本的なチャットアプリ機能を実装しよう Vue.jsのサンプルコード コードの説明 Vue.jsで超基本的なチャットアプリ機能を実装しよう Vue.jsだけで作っています。そのため、メッセージはリロードしたり画面遷移したらデータは消えますので実用レベルではありませんが、むしろ無駄を一切削ぎ落としたコードなのでチャットアプリの基本的なロジックを理解するのに役立つはずです。 今回の機能は、自分のメッセージの送信と相手のメッセージの送信を分けて、自分のメッセージは「赤色」相手のメッセージは「青色」になり順番に表示されるようになっています。 実際の動作はこちらのサイトで確認してくださ

キモツイというサービスを作りました 先日「キモツイ」というサービスをリリースしました。 キモツイ 私はツイッター大好き人間なんですけど、面白いけどなんか思わず「コレはキモいなw」って思うツイートが結構あります。私はそういうツイートを探して読むのが好きです。というかこれがツイッターの醍醐味のような気さえしています。 「クソツイ」ではないし面白いのだけれど、なんかちょっとキモい感じが漂う愛すべきツイート「キモツイ」を発掘しシェアしたい！ ということでキモツイを作りました。 「クソツイ」とは違う新たな概念、ちょっとキモい感じが漂うツイート「キモツイ」をシェアできるサービス作りました。https://t.co/YZCdzJlPV8 — かとのぼ (@katonobo1) September 7, 2019 「キモツイ」では誰でもキモいツイートをシェアしたり投票ができます キモツイは、キモいと思った

自分のWebサイトやブログの画面表示の速度はストレスない速さでしょうか？もし画面表示が重かったり遅い場合は「PageSpeed Insights」を利用してページの表示速度の改善をしましょう。 「PageSpeed Insights」とは？ 速度スコア 最適化スコア 最適化についての提案 「PageSpeed Insights」の使い方 モバイルフレンドリーなサイト作りにはサイトの表示速度の改善が必要 「PageSpeed Insights」とは？ 「PageSpeed Insights」は、Webサイトの表示速度の計測と改善策を教えてくれるGoogleが提供する無料ツールです。 PageSpeed Insights PageSpeed Insights は、ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案します。 具体的には以下のデータがわかります。 速度

個人のプログラミング系ブログがGoogle砲を獲得するために取った戦略とその結果についての記事です。個人的な観点からどうすればGoogle砲が狙えるかの戦略も書いています。 Google砲とは？ Google砲を狙う方法 Google砲を狙う手順と経過 アイキャッチ画像を設定 Google Search Consoleに登録（インデックス）する 記事をTwitterで拡散 経過：はてなブックマークのテクノロジー新着に載る Google砲にエントリーされる 実際どのくらいのアクセスで載るのかの推測 Google砲とは？ Google砲とは、Google Chromeのアプリのオススメ記事の通称です。ブロガーが言っています。スマホで表示されるニュース記事一覧のようなものです。 Google砲で載ると普段の何倍ものアクセスを獲得できるので、アクセス数を獲得したい人には喉から手が出るほど欲しいもの

個人開発でWebサービスを開発して稼ごうと思っている人は、自分のブログを持つことを強くオススメします。理由は単純で個人ブログは個人開発と相性が良いからです。 個人開発者は自分のブログを持とう ブログが自分だけの宣伝ツールになる Adsenseに通りやすく広告収入が狙える ブログは必ず独自ドメインで ブログサービスはWordPressが後々のメリットが大きい 何も書くことがなければプログラミングのエラーと解決方法を書こう 個人開発者は自分のブログを持とう 私が本格的に個人開発で儲けようと活動を始めたのが2019年4月ですが、ブログはその前からやっていて記事をずっと書いていました。自分がブログを運営していたのは3つの理由からでした。 日々のプログラミング学習のアウトプット プログラミング初心者に役立つ情報の提供 自分という人間の人となりを伝える手段 つまり、そこまで狙いがあってブログを書いてい

プログラミング経験がない全くの初心者が独学でプログラミングを学習するためのカリキュラムをまとめました。 プログラミング初心者が陥りやすい「わからないことがわからない」という段階から抜け出せることを意識して作成しました。 カリキュラムの特徴 ステップ０：事前準備 1.Macを購入する 2.グーグルの検索（ググり方）を学ぶ 3.【大事】プログラミングのイメージを掴む：Hour of Code ステップ１：コードを書き動かすことで成功体験を身につける ステップ２：自前のエディタを使い環境構築の事前準備 ステップ３：HTML/CSS/Javascriptをやろう ステップ４：環境構築とサーバーとの連携を身につける ステップ５：サンプルをちょっと改造してアプリを作る！ ステップ６：後は自由にやる！！ カリキュラムの特徴 一般的なプログラミング教材だと、プログラミングに慣れた人には簡単に思えても初心者

個人開発でアプリやWebサービスを作ってリリースしてみたいけど、プログラミング経験がなくて不安になっている初心者の方に向けた記事です。 アプリやWebサービスを個人開発でリリースすることは誰でも可能か？ 個人開発でもWebかスマホかゲームかで覚えるプログラミング言語が異なる Webサービスの場合 スマホサービスの場合 ゲームの場合 個人開発のマネタイズ方法 広告収入 直接課金収入 個人開発のアイデアの出し方 アプリやWebサービスを個人開発でリリースすることは誰でも可能か？ プログラミングを覚えて、アプリウェブサービスを開発したいと誰でも一度は考えたことがあると思います。 副業として稼げたらそれで家計はだいぶ楽になりますし、一度アプリを開発すれば、あとは自分の代わりにアプリが働いてくれて自分の時間を作り出せます。 個人でウェブサービスを開発できれば、人を雇う必要もありませんし、資金もパソコ

Vue.js(SPA)でサイトを作るときは、head要素をページごとにちゃんと設定しないと、グーグルの検索画面になかなか載らないため、対策が必要です。 SPAでサイトを作るとhead要素がページごと変化しない問題 Vue.jsでhead要素titleとdescriptionの変更する方法 規模が小さいサイトなら、各ページmounted SPAでサイトを作るとhead要素がページごと変化しない問題 SPA（シングル・ページ・アプリケーション）は、その名前の通り、一つのHTMLのページで、まるで色々なページに切り替わっているように見せる技術です。ページの遷移も早く、作りやすいです。 しかし、実際はページが切り替わっていないため、別のページに移動しても、何も設定をしないとhead要素は変わらないままです。 これがとても問題で、ページごとにhead要素が変わるように対策をしないとグーグルの検索にな

「エンジニアとかオタクが臭いがキツイ」という話をツイッターでよく聞きます。その話を聞いて、風呂に入らないという人は論外ですが、普通の人は風呂に多分入っていると思うので、これだけ臭いと言われるのはおそらく着ている衣類の問題だと思いました。 ちょうど私は昔ドラッグストアでバイト経験があり、洗剤とか洗濯方法についてある程度知識があるので、今回は衣類の臭いの原因とその対策方法について紹介します。 臭いの原因は生乾きの臭いの可能性大 解決方法は高温 ①洗濯槽の掃除 ②衣類の高温除菌 臭いの原因がわかれば行動あるのみ 臭いの原因は生乾きの臭いの可能性大 結論から言うと、毎日お風呂に入っているのに何故か臭い人は、衣類から生乾きの臭いがしている可能性が高いと思います。洗ったばかりの時はそこまで臭わないけど、汗をかいたり長時間着ていると雑巾を絞ったような強烈な臭いがします。 これは、その本人の体臭に問題があ

プログラミングの学習で、サンプルコードを写すことを「写経」と言います。 ただサンプルコードの写経って、とてもメンドくさいんですよね。初心者の方では書籍を買ってもサンプルコードを眺めるだけで避けている方もいるかもしれません。 もし写経をやらないで挫折している人は、ぜひ頑張ってサンプルコードの写経をしてください。今回は写経をオススメする理由を伝えたいと思います。 プログラミングは読んでいるだけだと普通は理解できない 理解できなくても書き写すべし コードを書き写す時には徹底的に写す 手を動かすと自分で自分を誤魔化せない まとめ プログラミングは読んでいるだけだと普通は理解できない これに尽きるのですが、読んでいるだけではプログラミングって思っている以上に理解も把握も出来ません。 技術書って普通の小説などの本とは構成が違っていて、大きく分けると文章を読む部分と、コードを動かして動きを確かめる部分の

今回は、個人でウェブサービスを開発するなら、どんな形であれ、とにかく作りきることが何より一番だよという話です。 プログラミングでオリジナルの何かを作ることは、足の届かない川に飛び込むのと似ている 作りきる以外道はない 溺れても前に進んでいる人にしかわからないこと プログラミングでオリジナルの何かを作ることは、足の届かない川に飛び込むのと似ている プログラミングで、初めて自分で何かを新しい作品を作る時、それはほぼ間違いなく川や海で溺れているのと同じ状況です。 簡単に言うと、あなたはサービス開発という深い川に飛び込んで見事に溺れます。 プロゲートや、書籍のサンプルコードを参考に何かを作っている時は、足が届くプールで泳ぎの練習を受けている状態です。この時は泳ぎ方のフォームなど基本を覚えることが大事です。近くには先生がいて、息継ぎの仕方や、泳ぎのコツ、問題が起きた時の対処法を親身に教えてくれます。

プログラミングを勉強して、まず最初にチャレンジするのがハローワールドです。 しかし、勉強してみるといつもハローワールドばかりで、そのあとは変数の勉強だったり、演算子の勉強だったり、何か物足りないと感じたりしていませんか？ あまり自分のイメージしているプログラミングではないような気がします。 基礎が大事なのはわかるけど…。あまり楽しくない…。 もっとなんか動く、ちゃんとした「これは自分が作った作品だよ」って言えるようなものを作りたいですよね。 私はそうでした。 英語の学習で最初に覚える「This is a pen.」だけで会話できて海外で活躍している人はいるでしょうか？もちろんですが、いません。 そしてあなたも、実際に何か自分でちゃんと動く作品を作ってみたいと思っているでしょうし、自分の力でゼロからアプリを作ることができればかなりの力が身につきます。英語でも会話ができるようになってから楽しい

プログラミングの勉強をすると、どうしても書籍を購入する機会が多くあります。プログラミングのエンジニアの方が書かれた本は技術書と言いますが、これが結構値段がします。大体平均すると3000円前後でしょうか。 この3,000円って高いと思うかもしれません。プログラミングを始めようと思っている人は、書籍の値段にビックリすると思います。購入を躊躇する人もいるかもしれません。 しかし、私は、迷っているならぜひ買いましょう！とオススメします。 なぜなら、技術書で学習することが、基礎的な学習のもっとも近道になる可能性が高いからです。 時間は有限 公式ドキュメントだけで十分という人はごく少数 時間は有限 あなたの時間の価値はものすごく高いです。働くということは、自分の時間をお金に換金することですが、アルバイトでも1時間1000円くらいですし、正社員ならもっと高いです。あなたの時間には他人が見てもそれだけの価

Firebaseは、Googleが運営しているBaas(Backend as a Service)です。最近人気のサーバレスアプリケーションが簡単に作れることで有名です。ちなみに「サーバレス」とは、別にサーバーを使わないという意味ではなく、サーバーを意識しないで開発できることを言います。 今回、Firebaseの知見がだいぶ集まってきたので、今までで勉強になったサイトや記事などをまとめました。ちなみに、私がフロントエンドをVue.jsで構築しているため、Vue.jsよりの情報になっているのでそこは気をつけてください。 Firebase公式ドキュメント Qiita 個人ブログ 書籍 ドットインストール（動画） まとめ Firebase公式ドキュメント https://firebase.google.com/docs/guides/ いきなりのド直球ですが、この公式ドキュメントを見なくては始ま

qiita.com qiita.com anond.hatelabo.jp こんな話が話題だったようですね。要約すると、ゴミみたいな薄い内容の記事を書くべきかどうかみたいな議論です。 難しい議論は譲ることにしますが、私がインターネットやプログラミングに出会って感動したことの一つに、情報をみんな共有しようとする精神があります。私はこれを勝手にインターネット的な精神だと思っています。 私はインターネット文化を知る前は、情報の非対称性こそが利益の源泉のような業界に長くいたので、プログラマーの人が勉強した知識を無料で公開したり、わからないことを教えあったりする文化を知り、その恩恵を受けた時に雷が落ちたようなショックを受けました。 なぜこんな一見お人好しなことをするのだろうかと思いましたが、こういった文化こそがインターネット業界全体の成長に良いからに他なりません。つまり、自分がわかることを教えてあげ