katonoboの投稿 - Crieit

個人開発サービスのプラットフォーム選びと宣伝方法についてまとめてみました。

2020-12-18T00:02:03+09:00

こんにちは。katonoboです。個人開発で自分が欲しいWebサービスとかアプリとかを作っています。

この記事は、Crieitのアドベントカレンダー、なんでもの18日目の記事です。

早いものでもう12月も中旬です。

昨年のアドベントカレンダーでは、「イラスト頑張るクラブ」というサービスを作って発表しました。

「イラスト頑張るクラブ」とは「練習した絵を投稿して皆に見てもらったり、投稿を自分のモチベーションにすれば頑張れるんじゃない？！」という発想から自分がイラストの練習をサボらないようにする目的で作ったサービスでした。

「月に一回以上のイラストの練習と投稿を目指そう！」というかなり緩い目標を部訓として掲げてやっています。

ありがたいことに定期的に愛用いただいている方もいて、とても良い雰囲気で運営できています。

イラスト頑張るクラブ

今年感じたこと

さて、この一年、振り返るとたくさん個人開発したのですが、その中で感じたのは「プラットフォーム選びと宣伝方法がめちゃくちゃ重要だな。」ということでした。

WebサービスにはWebサービスに向いた個人開発のサービスがあるし、スマホアプリにはスマホアプリに向いた個人開発のサービスの形があると言うことです。

こんな当たり前のことを個人開発を初めて二年以上経ってようやく気付きました…！（遅い！）

ということで今年のアドベントカレンダーは、私が個人開発サービスを作る時に参考にしている書籍「トラクション」に書かれた、１９種類に分類されるチャネル（販売経路）の紹介と、その中で個人開発サービスのプラットフォーム選びと取れる宣伝方法についてまとめてみました。

それでは参りましょう。

トラクションとは？

「トラクション」という書籍をご存知でしょうか？

「トラクション」はスタートアップが顧客を掴むためのチャネル（販売経路）を研究した本です。

トラクションとは、基本的には顧客需要を表す定量的な「証し」のことです。[最初のトラクションは、]企業向けソフトウェアで言うならば、最初にそのソフトウェアに対してお金を払う２〜３社の顧客であるといえるでしょう。コンシューマ向けのソフトウェアであればその基準はおそらく数万程度のユーザでしょう。（中略）これは最高裁による「ポルノ」の定義と同じです。つまり「見れば分かる」ものなのです。
1章p.3

「トラクション」によれば、
* スタートアップは１９種類のチャネルからトラクションを獲得している
* その中から実際にうまくいくチャネルを一つ発見している。

成功しているスタートアップはこの2点を必ず行っているそうです。

ここで大事なのは、トラクションのチャネルはたったの１９種類に分類されると言うことです。

成功するサービスは１９種類のうちのどれか一つで伸ばしている。だから「ますは１９種類のチャネルを整理して、その後に個人開発に応用してやろうぜ！」という完璧な作戦です。

トラクションの１９種類

１９種類のトランクションを把握すれば、その中で自分が作りたいサービスが適合しそうなチャネルを見つけたり、逆に自分が得意そうなチャネルからサービスを逆算することができるかもしれません。

以下が１９種類のトラクションとその概要です。

バイラルマーケティング　ー　既存ユーザの周囲に製品を紹介してもらうことでユーザベースを拡大する手法
PR（パブリック・リレーションズ）ー　新聞雑誌、テレビなどの伝統的メディアを通して知名度を高める方法
規格外PR　ー　何かしら普通ではない、パブリシティ・スタント（売名のための曲芸的行為）によってメディアの注目を集める手法
SEM（サーチエンジンマーケティング）　ー　グーグルなどの検索エンジンで検索する消費者に対して行うマーティング活動
ソーシャル/ディスプレイ広告　ー　SNS等のニッチなサイトの広告
オフライン広告　ー　テレビやラジオのCM、屋外広告、インフォマーシャル、ローカル広告（チラシ）が含まれます。
SEO（サーチエンジン最適化）　ー　検索エンジンでのキーワード検索結果に自社のWebサイトを確実に表示させるためのプロセス
コンテンツマーケティング　ー　自社のブログ運営
メールマーケティング　ー　メールマーケティングは、顧客の維持と収益化を行うとともに、見込み客を顧客に変えるための最も良い方法の一つ
エンジニアリングの活用　ー　マイクロサイトを構築し無料ツールを配布することで毎月何千もの見込み顧客を獲得している企業がある
ブログ広告　ー　広告を出すブログの選定
ビジネス開発（パートナーシップ構築）　ー　自社とパートナーの両方に利益をもたらす戦略的パートナーシップを構築するプロセス
営業　ー　製品をお金と交換するためのプロセスの構築
アフィリエイトプログラム　ー　高いコスト効率で数十万の顧客にリーチする
Webサイト、アプリストア、SNS　ー　Webサイトなどの既存プラットフォームに狙いを定める
展示会　ー　特定の業界に関連する企業に最新製品を披露するチャンス
オフラインイベント　ー　小規模の「ミートアップ」から大規模なカンファレンスまで、オフラインイベントを開催する、またはそのスポンサーになることは、トラクション獲得の重要な手段になりえる。
講演　ー　講演会の活用
コミュニティ構築　ー　製品、サービスについて情熱的なコミュニティを構築する

以上が１９種類のチャネルになります。

意外と盲点だったチャネルもあるんじゃないでしょうか。

個人開発に当てはめてみる

では、多くの個人開発者が作っているサービスと相性が良さそうなチャネルを考えてみます。

＜個人開発と相性が良さそうなチャネル＞
・バイラルマーケティング
・SEM
・ソーシャル/ディスプレイ広告
・SEO
・コンテンツマーケティング
・メールマーケティング
・エンジニアリングの活用
・ブログ広告
・Webサイト、アプリストア、SNS
・コミュニティ構築

「診断メーカー」のような、ユーザーがコンテンツを作成しそれをSNS等でバズらせてユーザーを獲得しようとするのは、「バイラルマーケティング」です。個人でなんかサービスを作る時、まずこれが一番最初に思いつくような気がします。

インフルエンサーがやっているオンラインサロンは、「コミュニティ構築」を主として、「オフラインイベント」「講演」などを組み合わせています。

技術が得意なエンジニアなら、便利な拡張機能などを提供してユーザーを獲得する「エンジニアリングの活用」が良いかもしれません。

ツール系アプリ、ゲームアプリを作るならは「Webサイト、アプリストア、SNS」の中で、アプリストアが良いでしょう。プラスSNSのシェアを狙うバイラルマーケティングも加わったら強そうです。

このように、意外と多くのチャネルがありますね（一部はお金はかかりますが、そこまで大きな額でなくスタートできそうです）。

＜個人開発と相性が悪そうなチャネル＞
・PR
・規格外PR
・オフライン広告
・ビジネス開発
・営業
・展示会

これらが相性が悪いのは、規模がでかすぎるためです。まさに金を唸らせて勝つスタートアップの戦略ですから、個人開発では難しそうです。

最適なチャネルの見つけ方

以上でチャネルの１９種類の紹介と、個人開発で使えそうなチャネルの整理ができました。
では、自分が作りたいWebサービスやアプリはどのチャネルを狙えば良いの？ということなんですが、「トランクション」によれば、なんと「やってみないと分からない」そうです！元も子もないような話ですね。
ただし、大まかに確度が高そうなチャネルは想像できますから、その順番に当たります。

例えば、TODOリストのようなツール系のサービスなら、Webサービスで作るよりスマホアプリで作った方が顧客の獲得ができるだろうと推測されます。ドメインをとってWebサービスだけで作って、あえて「Google Play」と「App Store」でリリースせずに「SEO」をチャネルに選ぶのは茨の道でしょう。

もしチャネルで「バイラルマーケティング」を狙うなら、まずは何よりもユーザーがシェアしやすいプラットフォームとサービスを選択するのが良いでしょう。ツイッター、インスタグラム、あるいは新興のSNSプラットフォームを狙うのも良さそうです。選択肢は沢山あります。

もし技術力があるエンジニアだったら、ニッチだけど他のエンジニアも困っているようなことを解決するサービスを作って「エンジニアリングの活用」を利用すると成功率が高そうです。
エンジニアの方々はネットの広告は絶対にクリックしませんが、良いと思った技術には高いお金を払いますよね。だから、そういった方は「エンジニアリングの活用」「自社ブログ」「SEO」を中心に攻めると良いような気がします。

来年も楽しい個人開発ライフを

と言うことで、今回は個人開発のプラットフォーム選びと宣伝方法（チャネル）についてまとめました。
これらのチャネルとプラットフォーム選びについては肌感覚で認識している人も多いと思いますが、このようにまとまっていると、宣伝方法を考えた時に検討漏れを防げますし、迷わずに済むので便利だと思います。

それでは、来年も個人開発を一緒に盛り上げましょう！

PS.
もしこの記事が「参考になった」「気になるな」という方は「トラクション」を買って読んじゃうのが一番良いでしょう！

トラクション

↑のアマゾンリンクから買っていただけると紹介料が私のクリスマスのケーキ代になります！

終わり。

UnityのWebGLで日本語が表示されない時の対策

2020-08-17T08:18:58+09:00

「unity1week」と言うUnity1週間ゲームジャムにビジュアルノベルを作って参加したのですが、WebGLにビルドした時に日本語が表示されないと言う問題がおきました。
その時の対処法です。

原因：WebGLだと日本語が表示されないフォントがある

原因は初期設定のフォント。
Unityのフォントの初期設定が「Arial」とフォントなのですが、このテキストは日本語フォントが含まれていないそうです。
Unityの開発画面上では、違うフォントを自動で適応してくれるので問題なく表示されますが、これがWebGLでは適応してくれないので空白になってしまうのです。
テキストノベルなのに文字がない…。なんてことになってしまいます。

解決方法：日本語テキストに対応しているフォントに変える

解決方法はシンプルにArialから日本語に対応しているフォントに変更することです。
調べてみると、フォントは、google notoのNoto Sans CJK JPを利用することが多いようです。
こちらをダウンロード、プロジェクトに入れて、テキストのフォントを変えればオッケーです。

詳細はこの記事がわかりやすいです。
UnityのWebGLで日本語を表示する

日本人のUnity開発者には初歩的な知識のようですが、初めてだったので結構苦戦しました。
Unityでノベルゲームを作る人は注意してください。

作ったゲームはこちら

ビジュアルノベル「増える」

ブログ書いてます。

イラストを上手く描けるようになりたい人のためのイラスト投稿サービス

2019-12-04T07:00:07+09:00

この記事はなんでも Advent Calendar 2019の4日目の記事です。
昨日はウラルさんの「どうして物を作ってしまうのか」という記事で、クリエイターの熱い気持ちがジンジン伝わってきました。

どうして物を作ってしまうのか

話はちょっと逸れますが、ウラルさんの記事を読んで時、私はふと金曜ロードショーの「いやぁ、映画って、本当に素晴らしい物ですね」という水野さんのセリフを思い出しました。（みなさんわかりますでしょうか？わからない方は検索してください）
私は小さい時、なんでこの人は「いやぁ、ターミネータって最高ですね。」とか、今日放送された映画については言わずに、最初に映画の存在そのものを素晴らしいと言うのだろうか？と不思議に思っていました。（頑張って寝ずに最後まで観れたことが誇らしい子供だった時は不満だったのです。）
ただ、今ならなんとなくわかります。
例えばサッカーで、ゴール前でありえないような素晴らしいプレイを観た時、その選手のプレーに感動すると共に、サッカーというスポーツに出逢えて良かったと感動します。それと同じように、ある一本の映画を観て、その作品を作り出した根源である「映画」システムそのものに感謝してしまって「映画って素晴らしい！」と伝えたかったのだと思います。

「この作品（Webサービス）が作れたから良かった」ではなく、物づくりそのものに出逢えて良かった。というウラルさんの記事に心打たれました。

前置きが長くなりました。本題に入ります。

自己紹介とテーマ

こんにちは。
かとのぼと申します。
個人でウェブサービスを開発しています。
最近は「メモや日記ついでに英語学習」というサービスの宣伝を頑張っています。

さて、今回の私のアドベントカレンダーは新サービスを作った話です。

今回作ったサービスは、今はまだイラストが上手くないけど上手くなりたい人たちが集まり、練習した絵を投稿するイラスト投稿サービスです。

その名も「イラスト頑張るクラブ（仮）」です！（ほとばしるネーミングセンス！！）

イラスト頑張るクラブ

【トップ画面】

【ホーム画面】

これからイラストとか上げる予定です。

作った経緯：絵が上手いと個人開発にかなり有利なのでは？と思ったから

現在、個人開発で特に難しいなぁと思っているのが宣伝やデザインです。

個人開発は総力戦と言われますが、宣伝に関してはお金をかけずに大企業やベンチャー企業と戦わないといけないですし、デザインに関しては、ユーザーの目が肥えてインスタグラムやTwitterのような洗練されたデザインじゃないとそもそも使ってくれない状態です（阿部寛のようなサイトがもっと増えてくれれば…）

それで、個人開発で、お金がかからずに宣伝効果抜群なものってなんだろうか？と考えていて、ビビッと思いつきました。

それが、「絵」です。（安易）

漫画とかイラストって、Twitterでも個人の方が活躍されていて、しかも評判に上がることが多いですよね？

自分でお洒落なイラストが描ければ、デザインやサイトの世界観にオリジナル要素を加えることができます。
面白いイラストや漫画が描ければ、宣伝になります。
つまり、デザインと宣伝の両方を強化することができます！

そこで、イラスト技術を伸ばそうと決めました。

じゃあどうやったら早く上達できるのか？

とにかく描くしかないだろう…。

加えて、描いた絵を外部（ネット）に公開することで緊張感を持たせる方が良いだろうと思いました。

下手な人が投稿できるサービスがない

投稿先を探した時に気付いたのですが、イラスト投稿サービスって、当たり前ですけどクッソ絵が上手い人しかいません。魔法でも使っているのか？って絵ばかりなのです。
ここを利用していたら、いくら根拠なき自信があるタイプの自分でも自信がなくなるだろうな…とすぐ思いました。

Twitterに投稿しても良いですが、自分のイラストの記録がタイムラインで流れてしまいますし、もし心ない人に目をつけられて誹謗中傷でもされたら立ち直れないでしょう…。

下手でも恥ずかしくなく投稿できて、なんとなく一緒に励ましあえる同士がいて、自分の描いた絵の成長が実感できるようなサービスをください！

残念。もちろん、そんなものはありません。

なら！無いなら、自分で作ってしまえば良い！

パンがないなら、自分たちで作れば良い！（フランス革命が起こらなかった平和な世界線のマリー・アントワネット）

そのための個人開発だし、そのためにコードを勉強したんだ。

と考えて、このサービスを作りました。

技術的な話（興味ない人は、次の「こだわった点」までスキップしてください）

制作期間は2週間です。毎日2時間くらいで、最後の方は4時間くらいやったと思います。

使った技術は、フロントエンドに「Vue.js」、バックエンドには「Firebase」、デザインフレームワークは「Buefy」です。

ちょっと難しかったのは、画像投稿の際に、データ節約のためにサムネイルを作成する点です。

ただ、Firebase Extensionsに画像のリサイズができる機能があることを教えていただいて、比較的簡単に実装することができました。

今回は少しFirebase Extensions Resized Imagesの実装について触れておきます。

Firebase Extensions Resized Imagesとは？

FIrebase Extensionsは、Firebaseの拡張機能の一つです。

この機能を設定すると、画像をFirebase Storageにアップロードした際、指定したサイズに画像を自動でリサイズし保存してくれます。

詳しくはこちらの記事が参考になります。
[Firebase Extensions] Resize Images

設定自体は非常にシンプルで簡単ですので、導入に関してもそこまで難しいことはないかと思います。

ただし、この機能はまだ導入されたばかりで、実際に使用しているサービスや使用例の記事は極端に少ないので、自分で使う時には苦戦する箇所もあるかと思います。

私が大きく躓いた点は三つありました。

第一は、リサイズする元の画像の名前に、ちゃんと拡張子をつけないとリサイズ後のデータに名前が正しくつかない点

Firebase Extensions Resize Imagesは、元の画像のファイル名に拡張子をつけないとリサイズされた後の画像の名前が消えるから注意

第二が、リサイズ後の画像データがコンソール上だと正しく表示されない点。ずっとグルグル回った状態になっています。これはおそらくFirebase側の表示バグです。ただ、これがなんかのエラーだとずっと調べたり考えていたのでここの開発に相当時間を取られてしまいました。

第三に、リサイズ後の画像の保存が、

画像を投稿 → 画像リサイズ → StoregeのURLを取得→FirestoreにURLを入れる

と言う流れができない点です。

URLデータを取得できれば楽なんですが、それができませんでした。そのため、Storageの名前を保存して、Firestoreからデータを取得する時に参照してURLを引っ張ってくる実装になっています。
この実装はちょっとややこしいです。

コードの例を上げます。
条件：
1. フロントはVue.js
2. 画像の元は「katonobo.png」で、リサイズ後の画像は「katonobo_200x200.png」となる
3. リサイズした画像をStoregeに「thumb/katonobo_200x200.png」というパスで登録した。
4. 画像名「katonobo_200x200.png」は「post_image_200x200」と言う変数名でFirestoreに入れておいた
5. firestoreのコレクションは「user」で、このユーザーが投稿した画像のサムネイルの一覧を取得したい場合。

firebase.firestore().collection('user').doc(this.post_user_id).collection('posts').get().then((querySnapshot) => {
                querySnapshot.forEach(async (doc) => {
                    var data = doc.data()
                    data.thumb = await firebase.storage().ref('thumb/' + data.post_image_200x200).getDownloadURL()
                    this.posts.push(data)
                })
            })

このような感じで、Firebaseからデータを引っ張ってきて突っ込む前に

data.thumb = await firebase.storage().ref('thumb/' + data.post_image_200x200).getDownloadURL()

でこのStorageのURLを取得するという実装になります。
今のところこの方法が一番良いかなと思っていますが、もし良い方法があったら教えて欲しいです。

こだわった点

イラスト頑張るクラブの目的は、

絵がいくら下手でも気兼ねなく投稿できること
仲間と励ましあえること
成長を実感できて、モチベーションを上げられること

この3つです。

この目的を果たすために、自分が良いと思った時に押せる「スキ」ボタンと、最初の頃より絵が上手くなったと思った時に押せる「成長している！」ボタンをつけました。

このボタンなら、下手でも成長しているなら押すことができますし、モチベーションが上がります。

もしイラストの練習考えている人はウェルカム!

以上です。

私はこれから、このサービスを利用してイラストの練習をして行こうと思っています。

半年後にPixivにイラストを投稿したり、Twitterに漫画を上げれるようにするのが目標です。

もしちょうどこんなサービス探していた！と言う人や、イラストやろうかな？と思った人がいたらぜひ参加してください！

いやぁ、しかし、なんとかアドベントカレンダーまでに間に合ってホッとしています。

ですが、12月はまだまだこれからです！

そして、明日のアドベントカレンダーはかつおさんです！とても楽しみです！

それではこの辺で。サヨナラ、サヨナラ、サヨナラ。

ツイ廃は恥だが役に立つ【個人開発】

2019-11-27T07:06:38+09:00

タイトルはまんま逃げ恥（逃げるは恥だが役に立つ）のパクリですが、内容としては、個人開発者がTwitterにハマるのは宣伝効果が大きいぞというものです。（ツイ廃とは、Twitter廃人の略で、ツイッターにハマりまくってやばい人を言います）

個人のWebサービスの宣伝方法は限られている

個人開発者のネック（弱点）になるのが、宣伝です。特にスマホアプリと比べてもWebサービスの宣伝は難しいです。

企業と異なり、当たるかどうかわからない状態のサービスに大きな金額の宣伝費を投入する個人開発者は少ないと思います。

その場合、個人開発者が取れる宣伝手段は限られていて、個人のブログやSNS（Twitter、Facebook、note、インスタグラムなど）になります。

そこで今回は、Twitterの宣伝効果について考えてみます。

Twitterの拡散力について

Twitterの魅力は、140文字という制限によって簡単に投稿できることと、リツイート機能によって、多くのTwitterユーザーに自分の投稿が拡散する、その高い拡散性にあります。

インターネット上で急速に話題になることを示す「バズる」という言葉がありますが、Twitterではバズるツイートになれば数万リツイートされます。

Twitterの宣伝費用から自分のツイートの価値を考えてみる

では、実際、Twitterがどのくらい宣伝力があるかですが、私が運営しているWebサービス「メモや日記ついでに英語学習」のデータからみてみます。

translate.ameneko.com

Twitterには固定ツイートという機能があり、自分のアカウントページの呟きの一番最初に特定のツイートを固定することができます。

私は以下のツイートを固定しています。

新サービス作りました。その名も「メモや日記ついでに英語学習」もし自分のメモや日記が、書いたついでに英語に翻訳されて単語帳みたいになったら、その英語の文章は他の例文より覚えやすそうだなと思って作りました。英語学習にお役立てください。https://t.co/uBl9lueCL8
— かとのぼ (@katonobo1) October 5, 2019

こちらのツイートは、10月5日に固定したツイートで、11月26日現在で50日ほど経過しています。

Twitterにはツイートアナリティクスという機能があり、投稿の分析データを確認することができます。

インプレッションは、他のTwitterユーザーがこのツイートを見た回数

エンゲージメント総数は、ツイートを見たユーザーの中で、何かしらアクションをした回数です。

つまり、この固定ツイートで、2万6000人が私のWebサービスの宣伝と接触し、実際に1229人は反応をしたということです。

さらに具体的なデータを掲載します。

エンゲージメントの詳細がここで確認できます。

今回の場合、特に大事なデータは「リンクのクリック数」です。

数字は613でした。

この固定ツイートによって613人のユーザーが「メモや日記ついでに英語学習」に訪問したことになります。

Twitterの宣伝広告費

次にTwitterの宣伝広告費から、この固定ツイートの価値について考えています。

Twitterは、企業はもちろん、個人でも広告を打つことができます。

business.twitter.com

広告費はオークション形式で、自分で値段設定を行うことが可能です。

広告のタイプはいくつかあり、フォローユーザーが増やす、ツイートのエンゲージメント数を獲得するなど目的に合わせて選びます。

今回考えるのは固定ツイートの価値ですから、もしこの固定ツイートと同じ効果を獲得するには、どれくらいの予算が必要だったかということです。

私が実際に広告を打って調べるのがスジですが、今回は他の広告を打った人の経験から推測します。

参考にさせていただいた以下の三つの記事は、Twitter広告を出した方のものです。

個人ブログだけどTwitter広告を掲載してみた

個人でTwitter広告を配信してみた。その過程と体感。｜codie／マーケター｜note

特に以下の記事が参考になります。

Twitter広告で2万円無駄遣いしてURLクリック単価を625円から5円まで下げた話

要約すると、

上手く拡散できるかどうかで単価は相当変動する。
URLクリック単価は、すごく上手くやると1クリック30円程度

ということがわかりました。

つまり、私の固定ツイートは、613人がURLクリックをしてくれたので、

613 x 30 = 18,390

正規にTwitterに広告を出したら、18,390円相当かかったはずだったということです。

URLリンクをクリックしてもらうのに、本当なら30円程度かかるのが、自分で呟けばタダですから、これは個人開発者にとっては良い宣伝方法になる訳です。

まぁ、けど楽しいからTwitterやってるのですが。

最後に、ここまで分析的なこと言っておいて「おい！」って感じですが、そもそもTwitterが楽しくないとずっとTwitterを続けるなんてできないですし、宣伝するためだけにTwitterするんじゃ、数多く存在する個人を装った企業アカウントみたいになって面白くないですよね笑

ということで、最初のタイトル通り、Twitterにハマっても個人開発には少なくとも悪い影響は他の人より少ないかもよ？むしろ役に立つかもよ？という結論でした。

ちなみに…ということは逆にですよ？

「Twitterにハマりすぎて時間溶ける…人生やばい…」

と思っているそこあなた！

個人開発でWebサービスを作っちゃえば、「これは将来の宣伝にためになるんだ…そうだ…だから良いんだ！」というTwitterをやりまくる心の免罪符になりますから、個人開発、とてもオススメですよ（!?）

終わり。

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

2019-10-09T09:30:58+09:00

*この記事は前半はサービスの概要、後半はCrieit用に、翻訳機能の技術部分の解説になっています。

先日、英語学習の便利ツールとして「メモや日記ついでに英語学習」というWebサービスを作りました。
メモや日記ついでに英語学習

「メモや日記ついでに英語学習」とは？

「メモや日記ついでに英語学習」は、英語の勉強で、いつも挫折してしまう私が「もし自分が書いたメモや日記がついでに英語に翻訳できたら、その文章は自分が書いたものだから、他の英語の例文より覚えやすいのではないか？」と思い作りました。

メモや日記ついでに勝手に翻訳してくれて英語の単語帳になるなら、一切気負わずに勉強が続けられそうです。

やることは、登録画面で、メモや日記を登録するだけです。登録すると勝手に翻訳して、単語帳のように一覧として管理します。日本で登録したら英語に、英語なら日本語に翻訳してくれるので、気になる英語をこのアプリに登録して使うこともできます。

音声読み上げ機能も付いている

「メモや日記ついでに英語学習」では、音声の読み上げ機能もつけています。音声マークをクリックすると英語を読み上げてくれます。

合成音声で喋ってくれますので、知らない単語の読み方などの勉強になります。

ただ、ブラウザによっては音声読み上げをしない場合もありますので注意が必要です。

グーグル翻訳

翻訳にはグーグル翻訳を使っています。

そのため、正確な英語でない場合もあります。ただそこは割り切って、正確な英語よりはまずは英語に馴れ親しむ方を重視しています。

また、グーグルが翻訳しやすい日本語というのもあるようなので、書き方を少し工夫していただくと良いと思います。

学習効率を上げるエビングハウスの忘却曲線

エビングハウスの忘却曲線とは、英単語や暗記学習で使われる暗記テクニックです。

人は暗記しても、時間が経つとほとんど忘れてしまいますが、ある一定の時間経過後に思い出すと記憶の定着率が大きく上がるというデータを示した曲線です。

忘却曲線 - Wikipedia

「メモや日記ついでに英語学習」もこのエビングハウスの忘却曲線を利用しています。

ホーム画面には、「当日」「1日前」「１週間前」「1ヶ月前」が表示されるようにしています。

このアプリを開いて、ホーム画面の英語の例文を読んで毎日一つ文章を登録するクセをつければ、かなり英語学習に役立つ仕組みになっていると思います。

できるだけ気軽に続けれる英語学習サービス

このアプリを作るにあたってこだわったのは、できるだけ気軽で効果がある英語学習サービスにしたいということでした。

そのために

自分の頭の中から出て言葉の方が馴染んで覚えやすい
メモや日記の「ついで」に英語の単語帳を作れる
エビングハウスの忘却曲線を利用した暗記方法が、アプリを開いただけで利用できる

という３点にこだわりました。

翻訳アプリを利用した学習方法では、正確な英語の例文ではありませんが、まずは英語を身近にすることと、自分がよく使う言い回しや単語を覚えて欲しいと思います。

自分が今このアプリの一番のヘービーユーザーですが、使っていてかなり英語が覚えられそうです。本当にいいアプリですのでぜひ使ってみてください！

Firebaseの拡張機能「Firebase Extensions Translate Text」の概要と使い方の注意点

さて、ここまでは私のブログと同じ内容でしたが、ここからは本サービスに実際に使用しているFirebaseの翻訳機能「Translate Text」の概要と使い方、使用上の注意点について書いていきます。個人開発の方は海外展開を視野に入れたサービスを作る方が多いように思うので、参考になると思います。

Firebase Extensions（Firebase拡張機能）とは？

Firebase Extensionsは、つい最近に発表されたFirebaseの拡張機能です。（ベータ版です）
拡張機能は
* Resize Images
* Translate Text
* Sync with Mailchimp
* Trigger Email
* Export Collections to BigQuery
* Shorten URLs
* Distributed Counter
* Limit Child Nodes
* Delete User Data
があります。
詳しくはこちらの記事が参考になります。
Firebase Extensionsをサクッと試してみた　〜Firebase Extensions機能一覧、Translate Textの使い方〜
等サービスでは言語の翻訳機能である「Translate Text」を使っています。

Translate Textの導入

拡張機能は非常に簡単に使えます。
プロジェクト画面で、Extensionをクリックして、Translate Textをインストールします。

左上のExtensionsをクリック

注意点は、Blaseプランにしないといけないことです。途中でプランの変更もできます。
設定もわかりやすいです。

Deployment locationはどこの地域に設置するかを選択します。料金、速さを考えるとTokyo（asia-northeast1）が良いでしょう。
Target Languagesは、翻訳する言語を選択します。リストはこちらに一覧があります。対応言語一覧
Collection pathは、Firestoreのコレクション名です。ここで指定したコレクション下のドキュメントが翻訳対象のドキュメントとなります。
Input fieldは、翻訳するフィールド名です。ここにフィールドに入ったテキストが翻訳対象になります。
Translation outputが、翻訳された結果を入れるフィールドとなります。
以上の設定だけで翻訳機能が拡張されました。驚くほどの簡単さですね。

コレクション名、フィールド名は指定しないといけない

ここから、実装や本番で運用していて気づいたことなどの共有です。
先ほどの拡張機能の設定でもおわかりのように、コレクション名やフィールド名はこの拡張設定の段階で先に指定しておく必要があります。
ですから、途中でコレクション名はフィールド名を変更したくなったら、このExtensions画面で編集し直す必要がありますので注意が入ります。
また、この性質上、アプリを運営していて、途中でコレクションやフィールドを変更したい場合はかなり大変になりそうなので、そこの設計は最初の段階でしっかり決めておいた方が良いと思われます。

サブコレクションでは使えない

次に、このTranslate Textは、現在、サブコレクションでは機能しませんでした。
つまり、コレクション名を「User」にして、そのサブコレクションに「text」と指定するような方法は使えないということです。
イメージとしては、翻訳専用にコレクションを一つ設けて置くという感じになります。最初サブコレクションで使おうと思ったら機能しなくて少し混乱しました。

Cloud Translateの無料枠は適応されない

追記：修正されました
Cloud Translation APIの料金体系が11月1日から変更になり、Firebase ExtensionsのTranslate Textでも無料枠が使えるようになった
こちらのFIrebaseを使ったTranslate Textでは、Translation APIの無料枠は適応されませんでした。
Translation API の料金

私は当初このTranslateAPIの無料枠（500,000文字まで無料）が適応されると思っていたのですが、されませんでした。
つまり、いきなり最初から課金が発生します。100万文字で20ドルのようです。
おまけ機能くらいでつけるなら問題ないですが、当サービスは翻訳メインで作ったのでちょっと当てが外れた感じです（笑）
また、無料サービスでの運営でこの拡張機能を頻繁に使うのは収益を考えると少し工夫がいるのかなとと思います。

とにかく簡単だから良いサービスです

ただ、本当に簡単に拡張できるので、本当に便利なサービスだと思いますし、選択肢として頭に置いておいて損はないでしょう。他の拡張機能はまだ使っていませんが、この感じなら他の拡張機能も簡単に使えそうです。
Firebaseは個人開発の強い味方ですね！これからも本番で得た知見はどんどん共有したいと思います！

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

2019-10-02T19:48:16+09:00

この度「エモーションダイアリー」という新しいサービスを作りました。

感情トラッキング日記サービス｜エモーションダイアリー

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

今回はこのブログで、エモーションダイアリーの機能と作った経緯などをお伝えしたいと思います。

エモーションダイアリーとは

エモーションダイアリーは、日記を通じて自分の感情の把握（トラッキング）のお手伝いをするサービスです。

ユーザーは日記の執筆と自分の感情を自己採点をします。

エモーションダイアリーでは、自己採点に加えて機械による感情分析を行います。

主観的な自己採点と客観的な感情分析の2つの側面から自分の感情を把握することができます。

日々の体調管理と同じように感情管理を組み入れてほしい

私たちは昔に比べて急激に忙しくなりました。

これは、インターネットの普及による情報ビックバンの影響です。

米IT大手シスコ（Cisco）によれば、世界のデータ流通量（IPトラフィック）は、1984年の毎月17ギガバイトから、2017年には1217億ギガバイト（＝122エクサバイト、DVD304億枚相当）にまで増加した。2021年には、2017年の2.3倍の278エクサバイトまで増加すると予測されている（図1参照）。
急増する世界の「データ」流通量 | 地域・分析レポート - 海外ビジネス情報 - ジェトロ

恐るべきはビックデータの時代はこれからであり、情報量は年間で平均66%増加しています。

イメージしやすくいうと、現在の私たちが1日に処理しなくてはいけない情報は、江戸時代の1年分に相当するそうです。

たかだか数百年で人間が向かい合わないといけない情報が増えすぎました。
昔と比べて、私たちは常に情報に対して怒ったり、悲しんだり、心配したり、影響を受けて、結果として感情の起伏が激しくなっています。

しかし、これだけ世界が変容し、膨大な情報を処理する必要が出たのに、その情報を直接受ける脳や自分の感情に対してしっかりプロテクトや対策をしている人は少ないのではないでしょうか。

数年前からSNS疲れという言葉が登場しました。

人間関係のオンとオフがなくなり、多くの人が休むことのない社会との繋がりに疲れてきています。あなたの周りにも、メールやラインの未読が積み上がっている人がいるはずです。

そろそろ私たちは感情やメンタルのコントロールの訓練が必要になってきたのだと思います。日々の体調管理と同じように、日々の感情管理も私たちは適切に行う必要があるのです。

そこで、日々のルーティーンに加えることができる日記を利用して、一緒に感情管理ができるサービスを作ろうと思いました。それがエモーションダイアリーです。

作ったきっかけは100%自分が欲しかったから

色々な世界的な背景を書きましたが、実はこのサービスを作ったきっかけは、文章を通じて自分の感情を主観と客観の2つの側面から把握するウェブサービスを自分がシンプルに欲しかったからです。

私は本来ストレスにそこまで強いタイプの人間ではなく、昔やっていた剣道の試合では緊張で試合後も肩こりと頭痛に悩まされたり、ストレス耐性が強くありませんでした。

だから逆にストレスには敏感だったのですが、社会人になった時に学生時代とは比べ物にならないくらい自分にプレッシャーとストレスがかかっていることに気づきました。

それで、このままではうつ病など精神的に崩壊するだろうと思って、真剣に自分の感情やストレスをコントロールする方法を探そうと決めたのです。

今も趣味で続けている銭湯とサウナ通いもその時に見つけたストレス発散の方法の一つです。

この中で「Todoリストを作る」と「日記を書く」という、言葉や文章を書くことでやることや感情を整理する作業がすごく自分に合っていることがわかりました。

Todoリストとは、当日や翌日のやるべきことをメモに書き出すという作業ですが、これを行うだけでやるべきことを頭の外に置いておけるのでその分心の負担が楽になります。

また、日記では「自分の感じている今の感情の理由や、ストレスに感じていることの何に問題を感じるのか」のような普通の日記というよりは禅問答的な感じで書いていました。

このように日記をかくと、自分が何にストレスを感じているのかを把握することができ「なんとなく嫌な感情」の原因を突き止めることができました。

この書き方は「モーニングページ」や「感情日記」というやり方に近いことを後々知ったのですが、頭の中で膨れ上がった不安やストレスや感情にコントロールに効果的でした。

（モーニングページについては記事も書いています。モーニングページを始めよう【効果とおすすめの方法｜体験談】）

自分の感情を把握することができれば、その感情に対して冷静な対処をすることができます。

例えば、ツイッターやブログでも心にもないヤジのようなコメントが時々飛んできたりしますが、これに関してもなぜ自分が傷ついたのか？や、なぜ怒ったのかを客観的に捉えることができると、かなり精神が落ち着いた状態になります。

つまり、自分の感情を客観的に把握することが出来れば、かなりストレスやメンタルはコントロールできるのです。

ただし、自分だけでは、本当に自分が落ち込んでいる時や調子に乗っている時には自分の感情や精神状態を正しく把握できません。本来なら海外のようにカウンセリングが出来れば良いのでしょうが、そんな環境は日本にはありません。

だから、機械を使って、言葉そのものからポジティブ度やネガティブ度を純粋に測定したり単語から感情の分類を行ってくれるツールがあれば良いなと思いました。

そして日記から自分の感情を追跡と管理ができる、「感情トラッキング日記サービス」を作ろうと考えました。

従来の感情管理アプリの違い

従来の感情アプリは、自分でその日の感情を自己採点をするだけです。

毎日のセルフチェックとして行う感情管理にはこれで十分でしょうがこれでは主観的な感情の判断だけなので、もし自分が気づかないうちにメンタルが弱ってきたり変調をきたしても把握することができません。

そこで、エモーションダイアリーでは、機械による客観的な感情の把握ができるようにしました。

エモーションダイアリーでは、Googleが提供する感情分析で文章全体のポジティブ度の測定を行います。

加えて、Googleとは別に、自然言語処理と感情辞典を使った感情の分類を行います。

もちろん機械での処理ですから正確な分析ができないこともあります。

ただ、自分がいつも通りのポジティブな自己採点をしているのに、機械でのポジティブ度が普段より異様に低かったり、感情の分類が自分が思っている以上にネガティブな感情が多かったなら、自分が気づかない間にマイナス思考に陥っており、マイナスの言葉を使っていることがわかります。

この変化は、継続的に日記を書いていれば気づくことができます。
実際、テストユーザーからフィードバックをもらった結果、各人によって平均的に出やすい感情スコアや感情の分類があるようです。この平均を知っておけば自分の現在の感情の把握がしやすくなります。

また、日記を介して自分の気持ちに向き合う時間を確保すること自体がメンタル管理に役立ちます。

初月は無料なのでまずはお試し

エモーションダイアリーは、継続しないと効果が実感できないサービスです。また、このサービスに価値を感じるかどうかは人によってかなり差があると思います。

そのため料金は月額500円ですが、多くの人に試してもらい、価値を感じたら継続して使ってもらいたいので1ヶ月は無料にしています（無料期間はクレジットカード登録も必要ありません）

ぜひ使っていただいて効果が実感できたら嬉しいので、お試しで使ってみてください！あと不具合あったら教えて欲しいです。よろしくお願いします！

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

2019-09-09T20:43:09+09:00

キモツイというサービスを作りました

先日「キモツイ」というサービスをリリースしました。

キモツイ

私はツイッター大好き人間なんですけど、面白いけどなんか思わず「コレはキモいなw」って思うツイートが結構あります。私はそういうツイートを探して読むのが好きです。というかこれがツイッターの醍醐味のような気さえしています。

「クソツイ」ではないし面白いのだけれど、なんかちょっとキモい感じが漂う愛すべきツイート「キモツイ」を発掘し保存しシェアしたい！

ということでキモツイを作りました。

「クソツイ」とは違う新たな概念、ちょっとキモい感じが漂うツイート「キモツイ」をシェアできるサービス作りました。https://t.co/YZCdzJlPV8
— かとのぼ (@katonobo1) September 7, 2019

「キモツイ」では誰でもキモいツイートをシェアしたり投票ができます

キモツイは、キモいと思ったツイートの「シェア」と「キモ投票」ができます。

100票集まるとそのキモツイは「殿堂入り」になります。

「キモツイ」は誰でも投稿できます

また、キモツイは誰でもキモいと思ったツイートを投稿できます。

ツイート画面でリンクをコピーし、投稿画面でリンクを貼り付けるだけです。

これで登録完了です。

できるだけ簡単に遊べるように工夫しました。

Q.どんなツイートが「キモツイ」なの？

作っておいて何ですが、自分でもまだよくわかってません。私は一番最初の投稿だけしかしていませんし今後もするつもりはありません。

これは、私は場所の提供に留めて、投稿のコントロールを一切しないことで私が管理するよりカオスで面白いサービスになることを期待しているからです。（決してラクしてるわけじゃないです！）

皆さんでぜひ「キモツイ」の概念を確立してください！ちなみに今は下ネタが多いようです（笑）

キモツイがどんな方向に進むのか行く末を見届けたい

キモツイがどんな方向に進むのか観察するのが今の楽しみです。リリースして２日ですが、すでに200人前後の人が遊びに来てくれたようです。

皆さんがどんな投稿するのかは見ていて面白いですし、サービスがどんな方向に進むか全くコントロールできないのがユーザー投稿型サービスの醍醐味かなと思っているので、ぜひ皆さん遊んでみてください！

プログラミング系ブログがGoogle砲を本気で狙った結果と方法【SEO対策】

2019-08-26T11:29:44+09:00

*この記事は、私のブログでGoogle砲を狙った結果と方法についての記事です。記事自体の内容はプログラミングや個人開発ではなくブログですが、個人開発の方も自分のブログを運営されている方が多いのでクロス投稿しました。

【概要】
プログラミング系ブログがGoogle砲を獲得するために取った戦略とその結果についての記事です。個人的な観点からどうすればGoogle砲が狙えるかの戦略も書いています。

Google砲とは？

Google砲とは、Google Chromeのアプリのオススメ記事の通称です。ブロガーが言っています。スマホで表示されるニュース記事一覧のようなものです。

Google砲で載ると普段の何倍ものアクセスを獲得できるので、アクセス数を獲得したい人には喉から手が出るほど欲しいものです。

Google砲を狙う方法

Google砲の基準は公開されていません。ですからまずはどうやってGoogleがGoogle砲に載せる記事をチョイスしているか考える必要があります。

Google Chromeのオススメ記事を見ると、記事の書かれた日付は新しいものばかりです。そして、多くは企業サイトの記事になっています。早い記事では公開されて数時間で載っています。

ここから推測される仮説は以下のようなものです。

仮説：Googleは記事公開の浅い鮮度があるアクセスが急速に伸びている記事（情報）を載せている

この仮説はGoogle Chromeのアプリ記事がヤフーニュースのような速報性と個人用にカスタマイズされる形であることからもしっくりきます。

そして、この仮説に基づけばGoogle砲の対象記事は

Google Search Consoleに登録されて間も無く
ある一定のアクセス数を超えるサイト記事

となります。

今回は、この１と２の条件を満たす記事を書いてGoogle砲に載ることができるかを実験しました。

Google砲を狙う手順と経過

ここからは私が行ったGoogle砲を狙うために行った手順と経過です。

アイキャッチ画像を設定

Google砲に掲載される記事は、観察するとどれもアイキャッチ画像があります。

ですので、アイキャッチ画像がないサイトは弾かれている可能性が高いです。必ずアイキャッチ画像を設定します。

Google Search Consoleに登録（インデックス）する

もし仮説通りなら、サイト記事のURLをGoogle Search Consoleに登録（インデックス）しないとバズったとしてもGoogleが認識せずにGoogle砲を逃します。

ですから、Twitterなどで宣伝する前に必ずGoogle Search Consoleに登録します。

記事をTwitterで拡散

Google Search Consoleに登録したら、記事をTwitterに投稿します。短時間での集中的なアクセスを個人レベルのブログが獲得するにはSNSしかありません。

あとはフォロワーの皆様に記事が気に入ってもらえることをひたすら祈ります。

今回はこのCrieitからツイートさせていただきました。

Crieitにクロス投稿させてもらいました！#crieit #vue #spa #SEO https://t.co/vAJFnJuWHj
— かとのぼ (@katonobo1) August 21, 2019

経過：はてなブックマークのテクノロジー新着に載る

Twitterでリツイートやはてなブックマークに登録してくれた方がいたおかげで、はてなブックマークの新着にエントリーすることができました。

お！久しぶりのはてなブックマークのホットエントリに載ったぞ。どうやら結構ニーズがあったようだ。Vue.js(SPA)でhead要素のtitleとdescriptionはページ別に設定しよう【SEO対策】https://t.co/74mp78bSiQ pic.twitter.com/wpbLwqcBKl
— かとのぼ (@katonobo1) August 22, 2019

はてなブックマークのホットエントリーに載ったことで、一気にアクセス数が伸びました。

その後も順調にアクセスとブックマークを伸ばします。

そこからはてなブックマークのテクノロジー人気と、総合の新着へ登録されました。

Google砲にエントリーされる

そしてついに、Google砲にエントリーされました。

やりました！

もちろん、仮説が正しいとは言い切れませんが、狙って載ったことは大きいです。

実際どのくらいのアクセスで載るのかの推測

さて実際、Google砲に載るためにはどのくらいのアクセスが必要なのか？ということです。

実は私はこの記事以外にも過去2つGoogle砲に載った経験があります。
(ちなみに、最近も同じ方法でグーグル砲に載りました。
個人開発でアプリやWebサービスをリリースするために必要な知識と技術)

その時のデータも含めて観察した結果ですが

グーグル砲は、Googleアナリティクスで短期間に該当記事に対してユーザー数500を超えた辺りから登録されています。

これは私の技術系ブログのジャンルがこのラインなのか、それとも一般的にこのラインなのかはわかりませんが、私と似たジャンルのブログの方は一つの目安にはなるはずです。

そして、このユーザー数500というのは、テクノロジーのカテゴリーでは、はてなブックマークの総合人気にランクインすると達成される場合が多い数字となります。

つまり、グーグル砲を狙う場合は、まずは短期間ではてなブックマークの総合人気に載ることを目指すと良いと言えます。

以上です。ぜひ参考にしてみてください。

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト

Vue.js(SPA)でhead要素のtitleとdescriptionはページ別に設定しないとグーグル検索になかなか載らないから対策しよう

2019-08-21T20:09:02+09:00

Vue.js(SPA)でサイトを作るときは、head要素をページごとにちゃんと設定しないと、グーグルの検索画面になかなか載らないため、対策が必要です。

SPAでサイトを作るとhead要素がページごと変化しない問題

SPA（シングル・ページ・アプリケーション）は、その名前の通り、一つのHTMLのページで、まるで色々なページに切り替わっているように見せる技術です。ページの遷移も早く、作りやすいです。

しかし、実際はページが切り替わっていないため、別のページに移動しても、何も設定をしないとhead要素は変わらないままです。

これがとても問題で、ページごとにhead要素が変わるように対策をしないとグーグルの検索になかなか載ってくれません。

（かく言う私も、過去はこの対策を甘く見ていたため、検索での流入がほぼゼロで、おかしいなぁと呑気に不思議がっていました。）

つまり、SPAでグーグルなどの検索エンジンに載るためには、各ページごとにちゃんとheadのtitleとdescriptionを設定する必要があるのです。

Vue.jsでhead要素titleとdescriptionの変更する方法

Vue.jsで、head要素を変更する方法としては「vue-head」というのを使うのが一般的のようです。
vue.jsでheadの要素を設定する時はvue-headが便利！

ライブラリを使わずに実現することもでき、mountedやrouterを使う方法があるようです。
【Vue.js】titleタグやmetaタグ(description)を書き換える方法【vue-router】

ある程度Vueの知識があればどれも実装はそこまで難しくありません。

ですが、結局、Vue.jsはJavascriptのフレームワークですから、Javascritpを使ってうまくやれると楽です。

規模が小さいサイトなら、各ページmounted

個人開発レベルなら、各ページでmountedを使って設定してしまうのが楽だと思います。

上記記事で紹介されているJavascriptで上書きする方法を、Vue.jsのmounted内で書くことで、強引に書き換えてしまいます。

元のindex.htmlにはあらかじめ元となるタイトルと説明文を書いておいて、各ページは以下のようにhead要素のtitleとdescriptionを上書きします。

export default {
  mounted(){
    const title = "head要素のタイトル"
    const description = "説明文"
    document.title = title
    document.querySelector("meta[property='og:title']")
    　.setAttribute('content', title)
    document.querySelector("meta[name='description']")
    　.setAttribute('content', description)
    document.querySelector("meta[property='og:description']")
    　.setAttribute('content', description)
  }
}

これで各ページでタイトルと説明文を変更できました。

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト

皆さんはどうやってプログラミングのことを何も知らない人に説明してますか？

2019-08-18T20:37:13+09:00

プログラミングを説明するの難しすぎる問題

プログラミングを始めてから、友人や会った人に自分が何をしているのか、プログラミングとはどんなものかを説明する場面が増えてきました。

それで、いつも思うんですが、、

プログラミングの説明、めちゃくちゃ難しくないですか？？？？？？？？？？？？

特に私の周りはパソコン詳しくない人が多いので、説明はプログラミングに関する概念がほぼないところからスタートです。

以下が、自分がいつも難しいなぁと思っているポイントです。

難しいポイント①　プログラミングと言っても職業が色々あることすら伝えるのが難しい

まずプログラミングに関係する職業すら説明が難しいですよね？

「Web系の会社のフロントエンドです。」

相手「はぁ…。（なんかのスポーツポジション？）」

「サーバーの管理をしてます。」

相手「サーバーですね。聞いたことあります。（サーバー？映画とかで見るなんか大きいパソコンか？）」

「SEです。」

相手「あー逃げ恥のやつですね！あれ面白いよね！（なぜかSEはわかる人多いみたい。逃げ恥すごい）」

「エンジニアです。」

相手「おー。（エンジニア？なんか機械を直すのかな？）」

こんな感じの反応になると思います。

いや、そこまではないでしょ？と思うかもしれないですが、エンジニアは車とか機械を直す人とかのことを指すって思っている人は実際に多いです。

難しいポイント②　用語が難しい

プログラミングの専門用語が難しいですよね。ついエンジニア同士だと使ってしまうプログラミングの専門用語は、詳しくない人にとっては威嚇されているのとほぼ同義です。

データがうまく表示されなくて…。とか相談された時に、「キャッシュとかの問題じゃない？」とか言っていないですか？

「キャッシュ…？金の話しか？」とはさすがに思わないでしょうが、「え？私はデータの話しているのに何言っているの？」といきなり不満を持たれます。

「ブラウザはなに使っている？」とかすら危ないです。一般の人はブラウザの概念がないですから（無くても使えるのがテクノロジー！）、「何それ？使っているのはiPhoneだよ」ってなります。

思うに、なるべくカタカナ言葉は避けたようが良いです。昔の私もそうでしたが、カタカナ言葉でズラズラ話されると、「こいつ俺に教えてくれる気あるのか？」と疑って、話を聞く気が無くなります。こうなったらもう何も頭に入ってきません。

難しいポイント③　そもそも様々なプログラミングの概念が難しい

プログラミングを知らない人の中には、まずプログラミング言語がたくさんの種類があることの意味がわかりませんって人がいます。そのため、何か一つ、みんなが使っているプログラミング言語を覚えれば大丈夫だと思っています。だから、みんながこのプログラミング言語は良いぞ（こう言った処理の場合）とか話すと、じゃあそれ覚えておけばプログラミングできるようになるのか！と思ったりします。

私の場合は最初、ネットで調べたらみんなが良いと言っていた「Ruby」という言語を覚えれば作りたいウェブサービスは全て作れると思ったのですが、蓋を開けてみたらそんなわけも無く、当時は自分が何をやっているのか良くわかっていませんでした。

で、こう言ったことが自分だけの勘違いかと思ったら、結構他の人も知らずにそう思っているようだと気づいたのです。

そんなことあるの？と思った人は、今度全くプログラミング詳しくない人を観察してみてください。多分、プログラミング言語の「言語」に引っ張られて、日本語とか、そんなイメージで捉えているのだと思います。日本語話せれば日本に住めるでしょ？みたいな。

では、そう言ったことを誰かが教えてくれるかというと、プログラミングができる人には当たり前すぎて誰も教えてくれないのですね。

前々から言っていますが、プログラミング初心者には「ディレクトリ」って概念は難しすぎます。けど、プログラミング経験者にはわからないのがわからないくらいになっているはずです。

さらに、相手がどれだけプログラミングに関する理解があるかによって、話す内容を変える必要がありますが、それを見抜くのがとても難しい…。

つい最近も、あまり深く考えずに話したら、

「待って、何言ってるかわからない」とか言われて、しまった！と反省しました。

というわけで、つらつら書いてしまいましたが、皆さんはどうやってこの問題を解決しているのかぁと思った今日この頃でした。

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト

Vue.jsでページを移動した時に画面をトップに戻しておきたい場合

2019-08-16T16:14:58+09:00

Vue.jsではページの遷移をVue Routerを使って移動しますが、普通のサイトのように画面が自動でトップに戻ってはくれません。下までスクロールしてページを移動した場合、位置が下のままになってしまいます。これだとユーザーに不親切なので、ページを移動した時にはトップに戻るようにしましょう。

scrollBehavior関数で簡単解決

Vue.jsにはscrollBehavior関数という便利な機能がありますので簡単に解決できます。

スクロールの振る舞い

const router = new VueRouter({
  routes: [...],
  scrollBehavior (to, from, savedPosition) {
    // 望みのポジションを返す
  }
})

Routerは、to, from savedPositionの意味を理解すればシンプルです。

「to」はどのページに行きたいか？のルートオブジェクト
「from」はどのページからきたか？のルートオブジェクト
「savedPostion」はブラウザの戻るボタン、進むボタンがトリガーされた時に機能するオプション

と覚えましょう。
つまり、上記のコードは、Routerがトリガーされた時には必ず反応します。ですから、そこでポジションをどうするかを指定してあげれば良いのです。

普通、戻るや進むの時はページの位置はそのままで、違うページのリンクをクリックされたらトップに戻したいはずなので、その時は以下のように書きます。

scrollBehavior (to, from, savedPosition) {
  if (savedPosition) {
     return savedPosition
  } else {
     return { x: 0, y: 0 }
  }
}

とてもシンプルですね。

これだけでSPAでも普通のウェブサイトのようなページ遷移ができるので、ぜひ試して見てください。

終わり。

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト

服が臭いエンジニアとオタクのための3分でわかる原因と臭い対策

2019-07-23T07:14:46+09:00

*ちょっとCrieitの内容から脱線しているかもしれないですが、梅雨時期の生乾きの臭いに苦しんでいる男性のエンジニアの人もいるかと思ってクロス投稿します。元記事

その臭いはどこから？

「エンジニアとかオタクが臭いがキツイ」という話をツイッターでよく聞きます。その話を聞いて、風呂に入らないという人は論外ですが、普通の人は風呂に多分入っていると思うので、これだけ臭いと言われるのはおそらく着ている衣類の問題だと思いました。

ちょうど私は昔ドラッグストアでバイト経験があり、洗剤とか洗濯方法についてある程度知識があるので、今回は衣類の臭いの原因とその対策方法について紹介します。

臭いの原因は生乾きの臭いの可能性大

結論から言うと、毎日お風呂に入っているのに何故か臭い人は、衣類から生乾きの臭いがしている可能性が高いと思います。洗ったばかりの時はそこまで臭わないけど、汗をかいたり長時間着ていると雑巾を絞ったような強烈な臭いがします。

これは、その本人の体臭に問題があるのではなく、着ている服自体に問題がある場合がほとんどです。

実は、生乾きの臭いには原因菌が存在しており、その原因菌は一度服で増えると、普通の洗濯の方法では死なないんです。洗剤でもだめ。恐ろしい事実です。

そのために一度この原因菌が増えると、生乾きの臭いがずっとする服を着ることになってしまいます。長い間同じ服を着る人は、着れば着るほど生乾きの臭いをどんどん溜め込んでいる状態になるのです。

解決方法は高温

生乾きの原因菌は「モラクセラ菌」と呼ばれています。このモラクセラ菌は洗剤を使った洗濯では完全に死滅せず、干している間に増殖してしまいます。

逆に言えば、このモラクセラ菌をなんとかできれば良いのです。

実は、モラクセラ菌は熱に弱いという弱点があります。熱湯ではなく、60度のお湯で30分くらいつけておけば臭いをリセットできます。

しかし普段、普通の人はお湯を使って洗濯していないはずです。

そう考えると、何故スーツの男性はそこまで臭くなく、オタクやエンジニアが臭いと言われるかの理由が浮かび上がります。

ワイシャツとスーツはクリーニングに出します。クリーニングでは徹底的に洗濯し、スチームでシワを取るので、このモラクセラ菌をやっつけているのです。

一方、Tシャツをクリーニングに出す人はそうそういないので、臭いはどんどん積み上がっていきます。それでスーツ姿の男性より、オタクや普段着で働くエンジニアは臭くなる可能性があるのです。

さらに、自宅の洗濯槽自体にもモラクセラ菌が存在するので、新しい衣類にもすぐに臭いがついてしまいます。なので、洗濯槽は定期的に掃除する必要があります。

以下で、具体的に私のおすすめの生乾きの臭いの対策方法をご紹介します。

①洗濯槽の掃除

まず最初に、洗濯槽自体を綺麗にしましょう。洗濯槽の掃除には、専用の洗剤があるのでそれを使います。

洗濯槽クリーナーは様々なメーカーが販売しており、若干使用方法が異なりますが、対して差はありません。ドラッグストアでいくつか比べてみて気に入ったのを買うと良いでしょう。

②衣類の高温除菌

洗濯する前に、60度の高温のお湯で20分ほど除菌できれば最高ですが、家で60度の温度で衣類を除菌するのって難しいと思います。

そこで、40度のお湯＋酸素系漂白剤で除菌という方法があります。これなら温度が低くてもしっかり除菌できます。

この２つの対策でびっくりするくらい生乾きの臭いがなくせるのでぜひ試してください。

ちなみに裏技的なおすすめは、時々コインランドリーの洗濯機と乾燥機を使う方法です。乾燥機は高温で、しかも乾燥が天日干しなどに比べて断然早いため、生乾きの臭いの原因菌を防げます。また、コインランドリーではかなりの量の洗濯と乾燥ができるので、まとめて洗濯したいときに使うのが楽です。

まとめ

ということで、オタクとエンジニアの臭いの原因は、クリーニングに出すようなスーツやワイシャツではなく自宅で洗濯するTシャツやジーンズが原因で、その洗濯方法によって生乾きの臭いがするから。と言うのが大きいと思います。対策方法は高温での除菌というシンプルなものなので、知ってしまえば簡単に対策可能です。すぐに行動しましょう！！

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト

世間で検索されているIT用語をあなたは当てられますか？

2019-06-25T08:12:22+09:00

こんにちは。かとのぼです。

先日の記事IT強者の常識はIT弱者の非常識がとてもバズったので、大変気を良くしています。
そのため今回も前回とおんなじような話で、先日ちょっと驚いたことについて書きたいと思います。それが、一般の人ってIT用語でどんな言葉を検索しているのか？という話です。

彼らは何を調べているのか？

このサイトの読者を、コードを書くプログラマやエンジニア、マネージャなど、深めにITに精通する人と仮定するならば、私たちが普段グーグル検索するIT用語ってどんなものでしょうか？
おそらく、かなりマニアックだったり、新しい業界用語だったりするんじゃないでしょうか。

では、それ以外の人がIT用語として検索する言葉ってどんなものだと思いますか？

これは偶然の発見だったんですが、とあるサイトにそのヒントがありました。

IT用語辞典

ズバリタイトルそのまま、IT用語の解説が乗っている「IT用語辞典」です。

このサイトになんと「閲覧の多い用語」というランキングが載っています。

つまり、この「閲覧の多い用語」こそ、おそらく大多数の人たちが検索しているIT用語となります。
著作権の問題もあると思いますのでこちらには掲載しません。
先ほどのリンクをクリックして、左側の「閲覧の多い用語」をみてみてください。

ではどうぞ。

どうですか？ビックリしませんか？

なんと、一番閲覧されているIT用語は「電子メール」なのです！

もちろん、閲覧数は累計で集計されているでしょうから、過去の蓄積があるのかもしれませんが、例えば7位の「サブスクリプション」は、つい最近人気が出てきた用語です。つまり、このランキングは結構現在の状況を反映しているのではないかと言うのが私の見立てです。

つまり世間はまだ「電子メール」ってなんだろう？と言う人が大多数だし、「SNS」だって意味を知らないで、検索している人がたくさんいるのです。

世間の常識について再認識しよう

と言うことで、大変ショッキングな事実だったのではないでしょうか。ですが、これが普通の人たちの感覚なのです。私の周りにも本当にパソコンわからない人が結構います。
パソコンをやっていない人は本当に何も知らない可能性があるな、と世間の常識を思い出して、何も触ってないのにパソコンを壊してしまう人に接してみてはどうでしょうか？

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト

IT強者の常識はIT弱者の非常識

2019-06-20T20:48:38+09:00

プログラミングできる人の普通は一般の普通でない

このサイトはプログラミングの記事のサイトですから、読者の皆さんはおそらく長らくプログラミングに馴れ親しんでいる方が多いと思います。
ところが私はずっと体育会系で文系出身、新卒も証券会社に入って7年弱ゴリゴリの営業をし、コンピュータはほぼわからん！という状態から、ある日突然変異でウェブサービスを始めた人間です。
そのためずっと、パソコンが全然わからない、いわばIT弱者でした。
そして、このIT弱者の感覚は皆さんは持っていないかもう忘れてしまったと思います。
そこで、今回は昔の自分をIT弱者と位置づけ、IT強者には当たり前すぎる常識が、いかにIT弱者には非常識であるかを列挙したいと思います。

URLは直打ちしたことがない

https:// 〜ってURLを打つのは当然ですが、IT弱者はURLをほぼ直打ちしたことがありません。というか、頭ではわかっていますが、URLとサイトがリンクしているのがいまいち理解できないんです。
普通は直打ちするような場合は、入力を諦めます。
また、どうしても入力する必要がある場合は渋々打ちますが、スペルミスで絶対に正しいURLにアクセスできません。目を皿のようにして間違いを探そうとしますが、その間違いはほぼ見つけることはできません。皆さんは知らず知らずにケアレスミスを見つけるのがものすごく上手くなっています。
IT弱者の結論は「多分URL自体が間違っている、というかもうどうでもいい」で終わります。

ターミナルなどのコマンドラインは開いただけで壊れたと思う

ターミナルみたいなプレーンな画面はまず見たことがありません。なんか入力しても反映されない時は「あ、壊した」と焦ります。IT弱者が普段接しているものは、普通は何か押すと反応するからです。こんな使いづらいもの誰が使うんだよって思います。

ディレクトリという概念が難しすぎる

パスとか、ディレクトリとかの概念がよく理解できません。仕事で使うワードのファイルがこのルートでクリックすると入っているというのはわかるけどパスで指定するとか、よくわかりません。PC本体に入っているならどこからでもよびだせると思っています。ショートカットとか作れる人まじ神。

記事内の広告と本文の区別がつきません

アドセンスなんていう収益モデルは知らないので、まさか文章の途中に広告が入るとは思っていません。なんか途中で変なの入ってるな。くらいの感覚です。

コードを書けるのは理系で、専門的な教育を受けた人だけ

コードには高度な数学が使われていると考えているので、理系で専門的なプログラミングの学習をした人だけができると思っています。IT弱者は頑張ってEXCELって感じです。

EXCEL = プログラミング

エクセルの関数とかができる人は高度な技術を習得したすごい人だと思っています。相当プログラミングが詳しい人だと思っています。というか、エクセルの計算式がプログラミングだと思っているくらいです。

とこんな感じです

これ以外にも沢山あります。今回はざっと思いついたことだけずらずらと書きました。プログラミングわからん！の人の気持ちの参考になればと思います。

最後に宣伝ですが、こんな自分でも今では個人開発でウェブサービスを作れるようになりました。

shallwe
shallweは、「今日この後」に特化した、イベントに一緒にいく仲間の募集や応募ができる当日プラットフォームです。ソーシャルログインで簡単です。

ぜひログインしてどんなか覗いていってください！あとブログもやっています（かとのぼのマイコード・マイライフ）
Vue初心者向けのサンプルコード集も作っていますサイト

【Python】【全40冊】渋谷の有名書店の平積みから今売れ筋のPython本を調べてみた

2019-06-17T09:43:44+09:00

プログラミング言語でも、Pythonって特に人気ですよね。

私もメインではないですが、自動売買ツールを作ったり、データ分析をする際に時々使っています。

その人気のせいか、現在、本当にたくさんPythonに関する本も出版されています。

そこでふと気になったのは、今はどんなPython本が売れているだろうか？ということです。ということで調べてみました。

調べ方

結論からいうと、今売れ筋の本を調べるには書店の平積みを見ればわかるんじゃね？と思ったので、渋谷にある人気の本屋さん、啓文堂書店、紀伊国屋書店、MARUZEN&ジュンク堂に実際に足を運んで見てきました。

各店舗で共通して平積みされているPython本が、今プッシュされているor人気の本だと仮定して、今回は、「３店舗共通であった本」「2店舗共通の本」「1店舗のみ」という順番に紹介します。引用は全てamazonの書籍紹介文です。

ではいきます。

３店舗共通

全ての書店で平積みされていた本です。

スッキリわかるPython入門

スッキリわかるPython入門 (スッキリシリーズ)

データ分析やAIの分野で注目のプログラミング言語「Python」(パイソン)は、WebやIoTをはじめとした幅広い分野で活用されています。汎用性の高さに加え、文法がシンプルで、簡潔なプログラムを書くことができるため、教育用プログラミング言語としても採用が増えてきました。しかし、シンプルとはいえPythonには多くの文法・記法があり、初心者が独学でマスターするのは簡単ではありません。そこで本書では、プログラミングの基礎を丹念に解きほぐし、楽しいストーリーとともに、つまずくことなく最後まで読み通せる入門書を目指しました。

ビジネスPython超入門

“最強のビジネスツール"とも言われいま最も注目されているプログラミング言語Python。プログラミング未経験者でもわかるよう、初歩の初歩から豊富な図版とともにどこよりもやさしく解説します。手を添えなくてもページが180度開く特別製本で、読みながらのパソコン操作もラクラク!

上記２冊とも、入門書であること、発売が今月（6月）であることからどの書店でも平積みされていたと推測されます。

２店舗共通

いちばんやさしいPythonの教本人気講師が教える基礎からサーバサイド開発まで

講義+実習のワークショップ形式で、会話bot「pybot」を作りながら楽しく学べる「はじめてでも挫折しない」Pythonの入門書を作りました。なぜそうするのかを知りたい、仕組みが知りたい、応用できる基礎を身に付けたい、そんな読者のさまざまな要望に応える新しい教本です。

新・明解Python入門

新・明解Python入門 (新・明解シリーズ)

最高のC言語入門書として最も多くの読者を獲得している『新・明解C言語入門編』の著者柴田望洋が送るPython入門書です。文法の基礎から、オブジェクトと型、文字列、タプル、リスト、集合、関数、クラス、モジュール、例外処理など、オブジェクト指向言語Pythonの特長を余すことなく解説しています。対応バージョンは、Python3.7。

退屈なことはPythonにやらせよう ―ノンプログラマーにもできる自動化処理プログラミング

ファイル名の変更や表計算のデータ更新といった作業は、日々の仕事の中で頻繁に発生します。ひとつふたつ修正するだけであれば問題ないのですが、それが数十、数百となってくると手に負えません。そのような単純な繰り返し作業はコンピュータに肩代わりしてもらうとすごくラクになります。本書では、手作業だと膨大に時間がかかる処理を一瞬でこなすPython 3プログラムの作り方について学びます。

[第2版]Python 機械学習プログラミング達人データサイエンティストによる理論と実践

[第2版]Python 機械学習プログラミング達人データサイエンティストによる理論と実践 (impress top gear)

機械学習本ベストセラーの第2版! 著者陣の経験に基づく洞察とより専門的な知識を学べる機械学習の各コンセプトについて、理論や数学的背景、Pythonコーディングの実際を解説。初期の機械学習アルゴリズムから、ニューラルネットワーク(CNN/RNN)までの手法を取り上げます。 Python関連ライブラリとしてはscikit-learnやTensorFlowなどを使用。本書は、機械学習を本格的に理解・実践するのに不可欠な一冊となっています。

増補改訂Pythonによるスクレイピング&機械学習開発テクニック

本書は、械学習を活用するところまで、実践的なPythonのサンプルコードで紹介します。最近では、深層学習の活用はさまざまな分野に広がっています。2000 万件もの医学論文を学習した人工知能のWatsonが、専門の医師でも診断が難しい特殊な白血病を10 分ほどで見抜き、治療法を変えるよう提案した結果、女性患者の命が救われたというニュースもありました。このような機械学習の成功例に関するニュースを聞くと、ぜひ、自分の業務でも、活用してみたいと思うのは自然なことです。実際のところ、データを活用する際に、難しい数式を意識する必要はそれほどありません。利用したいデータさえ手元にあれば、本書に掲載されているプログラムをちょっと改良するだけで、自分が求めている処理を実現することができることでしょう。

すぐに使える! 業務で実践できる! Pythonによる AI・機械学習・深層学習アプリのつくり方

深層学習や機械学習も環境が整ってきて、誰でも気軽に試せるようになってきました。会社のサービスやアプリケーションに機械学習を組み込んだ例も頻繁に見かけるようになっています。本書は、Pythonプログラマーが、、本書のために作られたサンプルプログラムを利用し、実際に体験しながら機械学習を業務や作業にどう組み込んでいくかを学習する解説書です。機械学習や深層学習の奥は深く、利用できる範囲も広大ですが、まずはどういうものかを、本書で学んでください。

Python Django 超入門

Djangoの入門書です。手順をなぞるだけでサンプルが完成します。未経験者でも意味が分かるような書き方で安心。さらに紙面で使った言語の機能だけを抜き出したPythonリファレンスつき。紙面もビジュアル重視で楽しく学習できます。いきなりDjangoをさわって何か作った後、Pythonの入門書を読むのもOK! 自由な学習をサポートするための書籍です。

IPythonデータサイエンスクックブック第2版 ―対話型コンピューティングと可視化のためのレシピ集

Pythonと対話型環境Jupyter Notebookを使ってデータ分析および可視化を行うためのレシピを集めたクックブックです。 NumPy、SciPy、Pandas、Matplotlib、Jupyterをはじめ、高機能で使いやすい数学・科学計算用ライブラリが充実しているPythonは、広い分野で利用されています。本書では、統計や機械学習といったデータサイエンス関連を中心に、信号処理、画像・音声処理、力学、数値解析など広範囲にわたる科学分野の話題を取り上げます。 Jupyter Notebookによりさらに強力にそして使いやすくなったPythonとIPythonの威力を体感できます。Python 3、IPython 7対応の待望の改訂版です。

実践力を身につける Pythonの教科書

便利な簡単プログラムから機械学習までこの1冊で! 本書はプログラミング言語Python(パイソン)の入門書です。初めてPythonに取り組む人にとってもわかりやすいように、Pythonの文法の基本を1つずつ丁寧に説明します。小さなプログラムを実際に作りながらの説明なので、その文法がどんなものなのか、どんな時に使えばいいのかを理解しやすくなっています。また、プログラムが動く楽しさを味わいながら進むことができるようになっています。

できる仕事がはかどるPython自動処理全部入り。

できる仕事がはかどるPython自動処理全部入り。 (「できる全部入り。」シリーズ)

機械学習やディープラーニングなどで注目を集めるPython(パイソン)を、日常の業務でも活かしてみませんか?

Head First はじめてのプログラミング ―頭とからだで覚えるPythonプログラミング入門

脳の働きに注目し、脳を活性化させる学習効果の高い独自のスタイルで人気の高いHead Firstシリーズにプログラミング初心者向けバージョンが登場。 Pythonを使ったプログラミングの基本について、イラストや写真を多用して直感的な理解を促します。やさしい切り口ながらも、データ型、データ構造、抽象化、再帰、モジュールなど、プログラミングの基本を段階的に学び、後半では複雑で大規模なアプリケーションの作成にも取り組みます。認知科学と教育心理学に基づいたアプローチで、プログラミングのテクニックだけではなく、論理的思考やプログラミング的な考え方を、楽しみながら身に付けられるように工夫されています。

以上が２店舗共通の書籍です。

さすがはPython、AIや機械学習関係の書籍がやはり多いですね。

１店舗

詳細！Python 3 入門ノート

本書は今もっとも注目されているプログラム言語Python 3.6の入門書です。プログラミングを学ぶベストプラクティスはコードを読み、コードを書くことに尽きます。538本のサンプルコードと154本のPythonファイルを使って、Pythonの基礎をしっかり学び、その応用として機械学習プログラミングの扉を叩きましょう。

独学プログラマー Python言語の基本から仕事のやり方まで

本書は「Pythonだけ」を学ぶ本ではありません。Pythonを使ってプログラミングを紹介していますが、伝えたい内容はPythonに限らない「プログラミング全般」の知識です。プログラマになるためのスキルを独学できる本です。Pythonプログラミングの基本を学べるだけでなく、プログラマとして必要なスキル(シェル、正規表現、パッケージ管理、バージョン管理、データ構造、アルゴリズム、仕事の始め方・やり方)もひと通り学べるのが特徴です。「プログラミングを始めたい」「できればその道でプロを目指してみたい」――そんな読者にオススメです。

Pythonスタートブック [増補改訂版]

好評の“いちばんやさしいPythonの本"がリニューアル! オブジェクト指向の考え方もしっかり理解できます! プログラミングの知識がゼロの方でも理解できるイラストやサンプル満載のわかりやすい解説はそのままに、最新のPython 3に完全対応しました。さらに、プログラミングの応用編として、Webアプリケーション開発やデータ処理の基本も解説しています。基本の基本から、データ型を駆使したオブジェクト指向プログラミングまで、Pythonならではのプログラミングを楽しく解説します!

TECHNICAL MASTER はじめてのPython エンジニア入門編 Python3対応

きちんと学びたい人のための最短教科書。 Python開発者に求められる言語、ツール、ライブラリなどの知識を、1冊で素早く学べます。

みんなのPython 第4版

今、最も熱いプログラミング言語、それがPython Python入門書のデファクトスタンダードが4年ぶりに大改訂。近年、Pythonの利用が、機械学習、AIなどの科学技術分野へ大きく広がっている現状を踏まえて、すべてのパートに手を入れいくつかの新章を追加しました。次の10年を担うPythonプログラマを養成するための一冊。

Pythonではじめる機械学習 ―scikit-learnで学ぶ特徴量エンジニアリングと機械学習の基礎

Pythonの機械学習用ライブラリの定番、scikit-learnのリリースマネージャを務めるなど開発に深く関わる著者が、scikit-learnを使った機械学習の方法を、ステップバイステップで解説します。ニューラルネットを学ぶ前に習得しておきたい機械学習の基礎をおさえるとともに、優れた機械学習システムを実装し精度の高い予測モデルを構築する上で重要となる「特徴量エンジニアリング」と「モデルの評価と改善」について多くのページを割くなど、従来の機械学習の解説書にはない特長を備えています。

Pythonによるデータ分析入門第2版 ―NumPy、pandasを使ったデータ処理

NumPy、SciPy、pandas、Matplotlib、Jupyterをはじめ、高機能で使いやすい数学・科学計算用ライブラリが充実しているPythonは、科学計算、統計解析、機械学習のみならず、金融や経済分野でも広く利用されています。本書はPythonの代表的なデータ分析ツール、pandasの開発者Wes McKinneyによる、データ分析を行うための基本を網羅しています。すべてのサンプルコードはダウンロード可能で、Jupyter Notebookで対話的に試し、実際に手を動かしながら知識を確実なものにすることが可能です。 Python 3に対応した待望の改訂版です。

問題解決のPythonプログラミング ―数学パズルで鍛えるアルゴリズム的思考

MITで20年にわたり教鞭を執る著者が、1、2年生を対象としたプログラミングの授業で実際に使っている教材をもとに執筆したものです。「楽しみながらアルゴリズム的思考とプログラミングスキルを鍛える」という意図に基づき、著者が選んだ21の数学パズルを解くことを通じて、論理的な思考と柔軟な発想力を身に付けることができます。掲載されているコードはすべてダウンロード可能。また、章末の練習問題で習熟度を確認できます。「閃きの瞬間」が訪れたときの喜びを体感し、プログラミング本来の楽しみを知ることができる一冊です。

入門 Python 3

Pythonが誕生して四半世紀。データサイエンスやウェブ開発、セキュリティなどさまざまな分野でPythonの人気が急上昇中です。プログラミング教育の現場でもCに代わってPythonの採用が増えてきています。本書は、プログラミングが初めてという人を対象に書かれた、Pythonの入門書です。前提とする知識は特にありません。プログラミングおよびPythonの基礎からウェブ、データベース、ネットワーク、並行処理といった応用まで、Pythonプログラミングをわかりやすく丁寧に説明します。

Pythonクローリング&スクレイピング -データ収集・解析のための実践開発ガイド

Pythonクローリング&スクレイピング -データ収集・解析のための実践開発ガイド-

Pythonによるクローリング・スクレイピングの入門から実践までを解説した書籍です。基本的なクローリングやAPIを活用したデータ収集、HTMLやXMLの解析から、データ取得後の分析や機械学習前の処理まで解説。データの収集・解析、活用がしっかりと基本から学べます。Webサービスの開発やデータサイエンスや機械学習分野で実用したい人はもちろん、基礎から解説しているのでPython初心者でもつまずかずに学習できます。多数のライブラリ、強力なフレームワークを活用して高効率に開発できます。

Pythonデータ分析/機械学習のための基本コーディング! pandasライブラリ活用入門

Pythonデータ分析/機械学習のための基本コーディング! pandasライブラリ活用入門 (impress top gear)

Pythonデータ分析+機械学習への第一歩! 本格学習の前に、基礎を固め、全容を把握。データ取り込み・整備・集約から、可視化、モデル化、正規化、高速化など、一連の基本作法を学べます。付録では、Python環境のインストール、Pythonの文法などを確認できます。

スラスラ読める Pythonふりがなプログラミング

スラスラ読める Pythonふりがなプログラミング (ふりがなプログラミングシリーズ)

「プログラムの読み方をすべて載せる(ふりがなをふる)」という手法で究極のやさしさを目指した、まったく新しいPyhton(パイソン)の入門書です。本書内に登場するプログラムの読み方をすべて載せ、さらに、漢文訓読の手法を取り入れ、読み下し文を用意。プログラムの1行1行が何を意味していて、どう動くのかが理解できます。この新しいアプローチで「プログラムが読めないから、自分がいま何をしているのかわからない」といったプログラミング入門者が途中で挫折してしまう原因を解決しました。また、実際に手を動かしながら進むだけでなく、プログラムを考える応用問題も用意しているため、しっかりPythonの基礎文法を身につけることができます。

Pythonではじめるプログラミングデータ処理までしっかりマスター

高校卒業から大学1年程度を対象として、プログラミングの知識がゼロでも無理なくPythonでプログラミングの学習を始められます。はじめてプログラミングを行うレベルを対象とするため、プログラムとは何か?といったところから説明します。Pythonのインタラクティブモードと簡単なプログラミング事例を示しながら、生徒に解を導かせるとともに、各章の最後に練習問題を提示し、読者が自分で考える機会を設けています。本書を通読することで、プログラミングの初心者がPythonを使って、実用的なデータ処理ができるレベルまで到達することを目標とします。

PythonとKerasによるディープラーニング

AIの大衆化―多くの人々がディープラーニングを利用できるよう実践解説! PythonベースのディープラーニングフレームワークKerasの開発者である筆者が、1人でも多くの人々がディープラーニングを利用できるよう実践解説します。本書はディープラーニングを一から学習したいと考えている人のために書かれています。数学的な表記を避け、代わりにコードを使って定量的な概念を説明することで、機械学習とディープラーニングの基本的な考えについて実践的な知識を養っていきます。サンプルコードはPythonベースのディープラーニングフレームワークであるKerasに基づいており、バックエンドエンジンとしてTensorFlowを使用しています。

RとPythonで学ぶ[実践的]データサイエンス&機械学習

ビジネスの現場で活用するための最短コースです! 本書は野村総合研究所のシステムコンサルティング事業本部で実施している「アナリティクス研修」をベースにした書籍で、「統計的なモデリングとは何か?」「モデルに基づく要因の分析と予測の違いとは?」「具体的なモデルの作り方」「結果を解釈する際の落とし穴の見分け方」など、ビジネスの現場感を重視した構成です。実務で遭遇するデータ品質や加工のポイント、さらにRとPythonを利用し、データからモデルを作成して結果を得るという基本的な手順を体験できます。これからデータ分析や統計解析、機械学習を学び、現場でそれらを活用したい方に最短学習コースでお届けします。

現場で使える! Python機械学習入門機械学習アルゴリズムの理論と実践

現場で使える! Python機械学習入門機械学習アルゴリズムの理論と実践 (AI & TECHNOLOGY)

人工知能関連のプロダクト・サービスの開発において、機械学習は最初の学習領域です。本書は、機械学習の基本と実践手法について解説した書籍です。機械学習の開発環境の準備、実際の現場での利用方法、そしてブラックボックス化しがちな理論部分もしっかりフォローしています。データ集計・整形と組み合わせた機械学習モデルの利用方法も解説しています。

Pythonで動かして学ぶ! あたらしい深層学習の教科書機械学習の基本から深層学習まで

Pythonで動かして学ぶ! あたらしい深層学習の教科書機械学習の基本から深層学習まで (AI & TECHNOLOGY)

本書は株式会社アイデミーで大人気の講座『ディープラーニングで画像認識モデルを作ってみよう!』を書籍化したものです。機械学習の基本からはじまり、Pythonの基礎、データの処理、深層学習の基本から応用ついて、サンプルを元に実際に動かしながら、わかりやすく解説します。各項には練習問題がありますので、学習効果を確かめながら読む進めることができます。本書を読めば、機械学習から深層学習の基本を一気通貫で学習できます。これから深層学習をはじめたい、初学者の方におすすめの1冊です。

Pythonで学ぶあたらしい統計学の教科書

Pythonで学ぶあたらしい統計学の教科書 (AI & TECHNOLOGY)

基礎理論を飛ばさない! 推定・検定から統計モデル・機械学習へ! 本書は統計学の理論をゼロから学べる教科書です。 IoTやビッグデータの発展によりさまざまなデータが社会にあふれ、全てのデータを確認するのは難しくなってきています。多くのデータから価値があるデータを作成するには統計学の知識が必須です。

Pythonで動かして学ぶ！あたらしい機械学習の教科書

人工知能開発の分野では、機械学習（教師あり学習）を利用した開発が非常に多くなってきています。本書は、機械学習の基礎から、Pythonのフレームワーク（scikit-learn：サイキットワーン）や NUmPyといったライブラリを利用した開発方法について、初学者でも理解しやすいようにイラストを交えて、丁寧に解説した書籍です。本書では教師あり学習だけにとどまらず、ｃ℃教師なし学習についても触れています。

Pythonによるあたらしいデータ分析の教科書

Pythonによるあたらしいデータ分析の教科書 (AI&TECHNOLOGY)

データ分析エンジニアに求められる技術の基礎が最短で身に付くビッグデータの時代といわれ始めて数年が経過しました。デバイスの進化により多くの情報がデジタル化され、それらのデータを活用しようとデータ分析エンジニアに注目が集まっています。この書籍では、データ分析において、デファクトスタンダードになりつつあるプログラミング言語Pythonを活用し、データ分析エンジニアになるための基礎を身に付けることができます。

現場ですぐに使える！ Pythonプログラミング逆引き大全 313の極意

現場ですぐに使える! Pythonプログラミング逆引き大全 313の極意

Pythonは、文法がシンプルで初心者にも学びやすく、高度な処理もできるパワフルなプログラミング言語です。いま話題の機械学習やディープラーニングの分野でも、ひんぱんに使われています。本書は、Pythonの基礎知識と開発環境「IDLE」を使った開発のテクニックを「やりたいこと」から引けるようにした逆引きテクニック集です。基礎学習や大規模開発に役立つ実践的なテクニックやトピックを313個、一挙大公開。あなたの疑問に答えます!

Python機械学習ライブラリ scikit-learn活用レシピ80+

Python機械学習ライブラリ scikit-learn活用レシピ80+ (impress top gear)

必須のPython機械学習ライブラリを使いこなそう! 基本的な考え方からはじめ、80を超える手法をレシピとして網羅的に解説。原著 2nd Edition待望の翻訳!

Pythonスクレイピングの基本と実践データサイエンティストのためのWebデータ収集術

Pythonスクレイピングの基本と実践データサイエンティストのためのWebデータ収集術 impress top gearシリーズ

◇スクレイピング・テクニックの基礎と実践を学べる。Webからデータを収集、適切なデータセットを作成しよう！―本書では、HTTP／HTML／CSSといった基本技術の仕組み、フォーム／ログイン／Cookie／JavaScriptへの対応、クローラーの開発、ベストプラクティスを解説。データサイエンス指向の15のサンプルも収録。Pythonの各種ライブラリを活用！［requests、Beautiful Soup、Selenium、records、matplotlib、pandas、scikit-learn … etc.］◇Webページから情報を取得するスクレイピングは、データサイエンスに必須の技術です。本書では、Pythonを使ったスクレイピングの基本と実践を解説。有用なツール、ベストプラクティス、実用サンプルについても説明。本当に興味深いプロジェクトは、情報という宝の山を探索することから始まります。本書を携えて探索の旅を進めていきましょう。◇本書は『Practical Web Scraping for Data Science: Best Practices and Examples with Python』の翻訳書です。◇Pythonプログラミングの基礎を理解していることを前提に解説しています。

囲碁ディープラーニングプログラミング

Pythonによる囲碁AIボット開発からAlphaGo実装までわかりやすく解説! ボードゲームを題材とした古典的なAIの実装からはじめ、深層学習と強化学習を囲碁AIに組み込み、改良していきます。囲碁ボット構築の方法を理解することで、他の人工知能開発にも応用することができるようになります。 Manning Publications『Deep Learning and the Game of Go』の日本語版。

つくりながら学ぶ! Pythonセキュリティプログラミング

Pythonによる実装で情報セキュリティをより深く理解できる! 本書は、広範な「情報セキュリティ」という分野について、基礎的な部分を一通り網羅して学べるようにした本です。既存のツールやソフトの使い方を紹介するのではなく、できるだけ自分の手を動かして理解しながら読み進めていく形式にしました。具体的には、Web、暗号、ネットワークなど、情報セキュリティにおいて取り扱われることの多いトピックについて、プログラミング言語Pythonによる実装を交えながら、攻撃手法や防御技術の原理を理解していきます。本書で攻撃者の手の内を知ることができ、またそれを防御に生かすという意味で非常に役に立つでしょう

PythonによるAIプログラミング入門 ―ディープラーニングを始める前に身につけておくべき15の基礎技術

近年ディープラーニングが爆発的人気となっています。しかし、人工知能の手法はディープラーニングに限りません。過去のAIブームの単純なニューラルネットや論理プログラミングもあれば、遺伝的アルゴリズム、自然言語処理、音声信号処理や、画像からの動物体検出、分類問題、回帰問題、連続データ解析、強化学習といった、古典的なデータ解析や機械学習の手法もあります。これらはディープラーニングを始める前に身につけておくべき基礎技術です。「鶏を割くに焉んぞ牛刀を用いん」の諺のように、読者がデータ収集や計算コストがかかるディープラーニングの他にも適材適所の手法を選択できるよう、本書ではさまざまな人工知能の関連分野を扱いながら、Pythonでよく使われるライブラリの基本的な使い方を解説します。

仕事ではじめる機械学習

ソフトウェアエンジニアの間でも一般的な言葉になった「機械学習」。本書では、その機械学習やデータ分析の道具をどのようにビジネスに生かしていけば良いのか、また不確実性の高い機械学習プロジェクトの進め方などを「仕事で使う」という観点から整理します。プロジェクトのはじめ方や、システム構成、学習のためのリソースの収集方法など、読者が「実際どうするの?」と気になるであろう点を中心にまとめています。上司に「人工知能でいい感じの成果を出してくれ」とあいまいな指示をされたとき、本書で学んだことが活きてくるに違いありません。

まとめと感想

ということで、書店で平積みされていたPython本、全40冊でした。軽い気持ちでまとめようと思ったら想像してたより沢山あってびっくりしました。

Pythonのコーナーも、他の言語と比べて明らかにスペースが多かったです。

これだけ沢山あるとどれが自分に合う書籍か探すのは大変だなぁというのが感想です。書店に行ける方は、色々とじっくり読み比べしてから購入が良いかもしれません。

最後にお知らせですが、最近「shallwe」というアプリをリリースしました。

shallwe.today

shallweは、「今日この後」に特化したアプリで、当日限定で勉強仲間を募集したり、楽しそうな募集に応募することができます。

突然、、、Pythonについて誰かと語りたい！と思ったときは、ぜひshallweを思い出してみてください。

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト

shallweの技術部分について

2019-06-14T07:50:51+09:00

先日リリースしたshallweの技術的な説明です。

以前の記事はこちら

https://crieit.net/posts/shallwe

技術的構成

shallweはフロントエンドに「Vue.js」

Vue.js

バックエンドに「Firebase」を使用しています。

Firebase

今回は「Buefy」も使いました。BuefyはVue.js用のUIフレームワークで、v-modelなどと組み合わせてリッチな見栄えを簡単に実現できます。Bootstrapみたいなものです。

Buefy: lightweight UI components for Vue.js based on Bulma | Buefy

なぜこの技術的な組み合わせか？

Vue.jsのSPA(シングル・ページ・アプリケーション)はフロントエンドの高速な開発を可能にします。個人開発では素早く完成してなんぼなので、開発が高速でできるSPAは重宝します。

Firebaseは、ホスティング、データベース、ストレージ、Functions、などがパッケージングされているので、全部詰めで各連携がとても楽です。また、無料枠が設定されているので、流行るかどうかわからないサービスも何も恐れずにリリースできます。

後、個人的に嬉しいのは、グーグルドメインとの連携も簡単な点です。

Vue.jsとFirebaseの組み合わせは、個人開発に非常にマッチしていると考えています。様々な調整が必要な企業のプロジェクトなどは別ですが、技術の選定と把握を全部自分でできる個人開発にはVue.jsとFirebaseはオススメです。この二つを組み合わせると素早く簡単にサービスを作成、リリースすることができます。これから何かウェブサービスを作ろうと考えているプログラミング初心者の方も検討しても良いと思います。

また、今回のアプリでは、リアルタイムチャット機能が必須だったので、FirebaseのFirestoreを使いました。

shallweの構成について

shallweは、「今日この後」に特化したイベント作成と応募のプラットフォームですが、現在実現している機能はまんまマッチングアプリです。

募集ユーザーは、イベントを作成し、マッチング候補（応募）を待ちます。
イベントの応募ユーザーは、イベントを探し、気に入った募集に申し込みをします。
リクエストを受けた募集ユーザーが、マッチを許可した場合、二人のチャットルームが作成されます。
最後にマッチした二人でチャットルームで待ち合わせの約束をしてもらう。

という流れです。

Firebaseでは、「Hosting」「Firestore」「Cloud storage」「Functions」を使っています。

（当初、SEOとOGP画像のことを考えて、NuxtとGAE（グーグル・アップ・エンジン）の組み合わせも検討しましたが、以前作成したSPAアプリでグーグルサーチコンソールでちゃんとデータが取得されていたこと、OGP対策はfirebase functionsを使えばSPAでも生成できることがわかり、SSR（サーバーサイドレンダリング）のコストの高さからVue.jsとFirebaseを選択しました。SPAのOGP画像については後述します）

技術的な特徴

shallweで特徴的な機能は、SNSシェア用なOGP画像の機能と、リアルタイムチャット機能です。

OGP画像の設定

めちゃくちゃ便利なSPAですが、唯一ちょっと不便だなと感じるのがこのOGP画像の設定です。ツイッターなどSNSの拡散を意識する場合、キャッチーな画像（OGP画像）を使いたいところです。

よくツイッターで目撃する「質問箱」や「bosyu」というアプリは画像に様々な文字が書かれていて、とても目につきます。

このようなOGP機能をSPAで動的に変更するのは難しく、普通はサーバーサイドでの処理が必要になります。

なぜならSPAは一つのページを動的に変えてコンテンツを作成するため、それぞれのページにあったOGP画像を設定することはできません。このOGP画像の対策のためにサーバーサイドレンダリングが可能であるNuxtを選択する例も見たことがあります。

解決策：Cloud FunctionとStorageを利用する

ただ、この問題を解決する素晴らしい方法があります。Cloud Functionsを使って、SNSのクローラーが判断するページとユーザーがみるページを分けると言う方法です。この三つの記事は大変参考にさせていただきました。

SNS映えするWebアプリを...！FirebaseとVue.jsでSPAのOGP画像の動的生成をやってみたら案外楽だった - Qiita

Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita

Nuxt.js + FirebaseでOGPの仕組みを完全に理解した〜俳句をSVGで描画するサービスをリリースした話〜 - Qiita

ポイントは３点です。

SNSのクローラーがシェア用URLにアクセスすると、Hostingの設定でFunctionsが起動します。
FunctionからSNSシェア用のデータがクローラーに送られ、そのデータがツイッターなどのタイムラインには表示されます。
ユーザーがページにアクセスするとクローラーとは違うページに飛ぶ。

と言う仕組みです。

この仕組みを使うことでSPAでも動的にシェア画像を作成できます。

shallweでは、募集画面にツイッター用シェアボタンがついており、そこからOGP画像が生成されます。

リアルタイムチャット機能

firebaseの入門者向けサンプルアプリの代名詞とも言えるチャット機能ですが、実際に実用レベルまで高めるのは実は奥深いことがわかりました。

shallweで必要とした大きな機能は

それぞれ独立したチャットルームを作成する
リアルタイム更新
既読機能

です。

ここまで本格的なチャット機能になるとネットでも情報がないので苦戦しました。

今回は同じような実装をするときに他の人も困るであろう、チャットのメッセージデータの取り扱いについて書いておきます。

メッセージデータを扱い方について

LINEをイメージしてもらえるとわかりやすいと思いますが、ユーザーがコメントを送信すると、自分のメッセージと相手のメッセージを判別して時系列で表示します。この機能自体は簡単ですが、問題はデータをどのようにFirestoreに入れるか？です。

私は二つの方法を検討しました。

サブコレクション

https://www.katonobo.com/entry/firebase-chat-data

以前の記事にも書きましたが、FirestoreはNoSQLと言うデータベースです。コレクションの中にはドキュメントがあり、そこにデータを格納します。

コレクションは、イメージ的には、病院のカルテがわかりやすいでしょう。病院のカルテだと、クリアファイルに必要な情報がまとめて入っていますよね？そのまとまっているクリアファイルがコレクションで、その中にドキュメントとして各情報が整理されて入っています。

サブコレクションは、クリアファイルの中にさらにクリアファイルを入れておけるといったイメージです。このクリアファイルにはメッセージに関する情報を入れちゃいましょうということです。

この方法はFirebaseの公式ドキュメントでも例として説明されていますし、チャットアプリのメッセージデータの管理としては王道的な方法だと思われます。

Cloud Firestore データモデル | Firebase

また、既読機能について書かれた実践的な記事がありましたがそちらもこの手法です。

チャット機能を部分的にレベルアップさせる - Qiita

ただ、懸念点が一つあります。それは、各メッセージごとにサブコレクションのドキュメントを作っていたら、データの読み込み回数が膨大になるのではないか？ということです。

もしチャットルームでメッセージのやりとりが100回されたら、一つのチャットルームの読み取りだけで100×2で200回です。

Firestoreにはキャッシュ機能がありますが、このような膨大なドキュメントがまたふただび呼び出されるようなことが頻繁にあれば、即座に無料枠はなくなるでしょう。

Firestoreの読み取りは50,000/日は無料なので普通ならよっぽどじゃないとオーバーしないはずですが、このチャット機能の実装は少ないユーザーで簡単に無料枠をオーバーされてしまう可能性があります。

配列を利用する

今回は採用したのは、配列を利用する方法です。

チャットルームに、「messages」と言うフィールドを作り、そこに配列として各メッセージを格納していくという方法です。この方法なら、サブコレクションを作成する方法と比べて、メッセージの書き込み回数は変わらないですが、後々の読み込み件数は大きく抑えることができます。

実はFirestoreは以前だと配列の扱いは不便だったのですが、今は配列の検索や追加などが簡単にできるようになってきており、その方法を使えばメッセージを配列の一つとして扱うことも簡単になっています。

https://www.katonobo.com/entry/firestore-array-tip

もちろんこちらの方法ではドキュメントのデータが増えますし、プログラミング的観点で見るとNoSQLのデータの管理の仕方としてはあまり上手くないですが、今回は読み込み件数を抑えるメリットの方を選択しました。

最後に

この他にも色々な工夫はありますが、長くなってしまうので省きます。

もしさらに興味がある人はshallweを使って私に会いにきてください。今後、shallweでカフェでのもくもく会（プログラミング勉強会）をしょっちゅう企画していく予定です。

隠すことは何もないので、このアプリを作るに当たって私が得た知見は全部お伝えできます。

もちろん、これからプログラミングを始めたいという初心者の方も大歓迎です！

ということで、shallweを何卒よろしくお願いします！

長文お読みいただきありがとうございました！

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト

shallweというアプリを作りました

2019-06-12T20:37:59+09:00

crieitには初投稿です。ウェブアプリの個人開発をしているかとのぼと申します。今回新しく作ったアプリについて書きました。作成したアプリの概要（今回）、技術的な部分（次回）の二つに分けて書く予定です。

shallweとは？

shallweは、「今日この後」に特化したアプリです。
shallwe

誰でも、その日突然に時間ができて暇になったり、誰かと一緒にどこか遊びに行きたくなることってありますよね？だけど急すぎで誰も誘えない…。

shallweは、まさにこのニーズを満たすサービスを目指しています。

使い方はスリーステップです。
1. shallweに、イベント内容、場所、時間を指定して募集をします。
2. 興味のある募集に応募します。
3. マッチしたら、チャットルームができるのでそこでチャットして待ち合わせします。

「明日以降はわからないけど、今日は時間がある」という人たちが集まるプラットフォームを目指しています。

大人になっても利害関係ない友達をどんどん作って欲しい

社会人になると、出会う人出会う人ほとんどに利害が絡みます。今でこそSNSでのオフ会とか、昔よりはフラットな出会いのチャンスが増えていますがなかなかハードルが高いです。また、ネット上でマッチするサービスで最初にイメージするのはデーティングアプリですが恋愛前提ですし、そう考えるとこれだけインターネットが私たちの身近になったのに、フラットな交友関係はインターネットから現実世界に浸透しきれていない気がします。

shallweではテクノロジーの力で、インターネット発の、利害関係のない友達にたくさん出会えるようなサービスにしたいと思っています。

もちろんshallweは、出会い目的やソーシャルビジネスでの募集は禁止にしており、今後、通報機能やユーザーの評価機能もつける予定です。最初はshallwe自体にはユーザーを評価する機能がないので、まずはツイッターやfacebookなどで相手を判断してもらう必要があると思います。

使ってみてね

現在、テスト版でリリースしています。

ぜひ使ってみてください！

マッチして遊べたら多分今までないような経験になると思います。インターネットから現実の友人関係や現実の世界が広がるようなアプリにしたいと思っています。

宣伝
ブログ書いています！ブログ
Vue初心者向けのサンプルコード集作っていますサイト