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

ウェブサービス開発とプログラミングと雑記ブログ

プログラミング

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

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

面白い単位に換算できるツール系サイト「おもしろ単位換算メーカー」を作りました

また新しいアプリを作りました。 conversion.ameneko.com このアプリは、テレビでよく聞く、視聴者にわかりやすくするために使用される例え「東京ドーム何個分」とか「砂糖何個分」とかの単位に換算できるツール系サイトです。今はまだ「タピオカ」だけです…

ネットジプシー化計画進行中

ネットジプシーを目指して ネットジプシーとは、プログラミングとインターネット環境を駆使して世界中を渡り歩く新世代の人間です。 もともとジプシーとは、国を持たずに世界を転々と移動する民族のことをさします。彼らは現在は多くが定住しています。 この…

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

プログラミング言語でも、Pythonって特に人気ですよね。 私もメインではないですが、自動売買ツールを作ったり、データ分析をする際に時々使っています。 その人気のせいか、現在、本当にたくさんPythonに関する本も出版されています。 そこでふと気になった…

shallweの技術部分について

先日リリースしたshallweの技術的な説明です。 以前の記事はこちら www.katonobo.com 技術的構成 shallweはフロントエンドに「Vue.js」 Vue.js バックエンドに「Firebase」を使用しています。 Firebase 今回は「Buefy」も使いました。BuefyはVue.js用のUIフ…

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

shallweとは? shallweは、「今日この後」に特化したアプリです。 shallwe.today 誰でも、その日突然に時間ができて暇になったり、誰かと一緒にどこか遊びに行きたくなることってありますよね?だけど急すぎで誰も誘えない…。 shallweは、まさにこのニーズを…

Vue.jsのUIコンポーネントはBuefyが便利

Vue.jsでSPAを作っているときに、レイアウトも楽をしたかったので良いUIフレームワークを探してたんですが、BuefyというUIフレームワークが導入が楽で扱いやすかったのでその感想と紹介です。 Buefyとは Buefyのサイトに簡潔に説明されています。 Lightweigh…

Nuxt.jsビギナーズガイドを読んだ感想【書評】

Vue.jsのフレームワークであるNuxt.jsを学習するため「Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発」を購入して一通りやってみたので感想を書きました。 サンプルアプリを通じてNuxt.jsの規約が良くわ…

個人開発で1年経ったから振り返りと今後の目標について

一人でウェブサービスの開発を始めてから一年が経ちました。 今回はこの一年を振り返るのと、今後の目標について書きました。 一年の振り返り 自分で思い出してもウェブサービスをたくさん作ったなぁと思います。もう何作ったか全て思い出せないんですが、間…

良い教材に出会えるかで勝負は既についている

現在Go言語を学習しています。 www.katonobo.com そして、 めちゃめちゃ苦戦してます! 今回は、Go言語を学習していて、適切にステップアップさせてくれる教材が本当に大事だなと思った話です。 初心者は良い教材に出会うことで8割は勝敗が決している 最後…

GO言語の学習始めました

4月からプログラミング言語のGolangの学習を始めました。まだ学習の途中も途中なんですが、感じていることを備忘録的にまとめておきます。 なぜGoの学習を始めたのか? 現状Goの学習に最適な学習過程が見つけられていない これから なぜGoの学習を始めたのか…

Dockerで実際に運用しているウェブサービスを調べてみた

Dockerが本番環境で使用されている有名なサービスを調べました。

環境を変えるのが怖くなる話

このタイトルだとなんか引っ越しとか転職とか人生の転換点を迎えているみたいな台詞ですが、私が言っているのがプログラミングの開発環境のことです。あと、今回の記事は雑記寄りの備忘録的な感じです。 開発環境の構築と更新の大変さ オーバーエンジニアリ…

個人開発サービスで継続的な利用を考えなかったことでチャンスを一つ逃した話

現在、「みんなの推しコイン」というサービスを運営しています。そのサービスを運営してて、「これはしまったなぁ…」と思っていることと「継続的にサービスを利用してもらう」ことの大切さと難しさを感じたので書きました。 みんなの推しコインとは? 作った…

プログラミング初心者のサービス開発は作りきることが一番【川で溺れそうな時にフォームを気にする余裕はない】

未経験者の個人で自分で初めてWebサービスを作ろうと思うなら、とにかく作りきることが一番大事だという記事です。

みんなの推しコインというサービスをリリースしました【早くウェブサービスを開発する小技もご紹介】

みんなの推しコインを作ってリリースした話と、早くサービスを開発する方法について書いています。

「Firebase」と「Vue.js」でアンケートアプリ「男女別アンケートメーカー」を作った話

FirebaseとVue.jsでアンケートアプリを作りました。 loveq.site ユーザーが質問を作成し、男性と女性の性別でアンケート結果を表示するアプリとなっています。 ツイッターのアンケート機能の男女別に質問と集計ができるアプリをイメージしてもらうとわかりや…

自分で一人で作品(サービス)を作っていると客観視できなくなるしその解決方法は実は難しいのでないかという話

この数ヶ月、一人で黙々と作品(ウェブサービス)を作っているんですが、作り込めば込むだけ作品への思い入れが強くなりすぎて、何が何だかわからなくなってきます。 自分の試作プロダクトを近くで見過ぎて何がわかりやすくて何が分かりにくいのかわからなく…

その意味がわかる時がくるまで【技術書というフレームワークをうまく生かす】

初めてプログラミングを学んだ時、それは私が多くのプログラミング技術書と出会った時ということですが、いつも不思議に思うことがありました。それは自分には大事に思えない内容なのに、なぜか大々的にいつも触れられている文法についてでした。 色々な技術…

イケてるウェブデザインのためにCSSの修行を開始しました

CSSの情報はネットで探すとバラバラな印象 ウェブサービスのデザインって私にとって大変難しい部類に入るスキルです。 デザイン以前にCSSがニガテです。 そのため、今までは誰でも一定のレベルのデザインを簡単に作ることができるBootstrapを使うことでなん…

プログラミング入門者は最適なプログラミング言語は何かについて悩まないで欲しい

プログラミングを始めようと思ったときに遭遇する、どの言語が良いのだろうか?と言う疑問に関する話

仮想通貨の自動売買Bot作りました

1月の最初の作品は、ビットコインの取引所の価格差に注目した裁定取引(アービトラージ)Botを作りました。 作った理由は、pythonを使ってなんか作ってみたかったからです。ただ、今自分が作っているウェブサービスには全然pythonが必要ありません! また、…

万人に最適なプログラミング学習法はない。プログラミングを新しく始める時に過去の学習経験からどの勉強法が適しているか考えよう

プログラミングの学習する時に、今までの勉強法から自分がどんなタイプか考えて、チョイスすると良いと思って書いた記事です。

プログラマーは職場環境をこだわらないと下手したら腰が砕けるから!プログラミングで永遠に座っていられる状態を目指して【大事な腰を守れ!イス、フットレスト、ディスプレイにこだわる】

プログラミングをしっかりやっていこうと思ったときに、絶対に大切にしたいものは、体です。そうです、人間は体が資本なのです。健康でなければ、人は頑張ろうなんて思えなくなります。これは事実です。エンジニアやプログラミングをやる人は、腰を痛めてい…

プログラミングスクールの口コミを募集します

先日、プログラミングスクールに通ったことがある人の口コミが閲覧できるサイト「プロログ」をリリースしました。 www.katonobo.com ただ、当たり前ですが、口コミが集まりません!涙 そこで、通ったことがあるプログラミングスクールの口コミをしてくださっ…

Vuepress + Netlifyのコンボが最強すぎた。

今、夢占い・夢判断のサイトを作っているんですが、なんとサイト自体は一日でできてしまいました! yumemean.netlify.com 作った理由は、自分が欲しいからです。僕は結構印象に残った夢の意味を調べたくなるのですが、本だと調べるのが大変だし、今ネット上…

爆速でWebサービスを構築するためのオリジナルマニュアル(自分のためのメモ)

何も考えずに爆速でWebサービスを構築、リリースするための(自分のための)チュートリアルです。 環境構築 ・Vue.jsを導入 Git ・Firebaseの導入 Git ・Bootsrap-Vueの導入 www.katonobo.com ・moment.jsの設定 www.katonobo.com ・router-guardの設定 www.…

ナビゲーションガードでログイン認証しているはずなのにリダイレクトしたら認証画面に飛ぶのを防ぐ方法

以前に書いた、Vue.jsのルートガードでも大体OKだったのだが、リダイレクト時に認証できずに認証画面に飛んでしまうので、そこを修正。 www.katonobo.com 結論は、router画面でfirebaseの認証を設定すれば良い。 ログインが必要なところはmeta属性をくっつけ…

Firebase、そろそろ触っとかないとやばいんかな?と思っているあなたのための超基本Firebaseの勉強に役立つサイトまとめ

firebaseを学びたいと思った時に参考になるサイトをまとめています。

プログラミング初心者にパスという概念は難しすぎる

プログラミング初心者にとってかなりハードルが高い概念に「パス」があると常々思っています。 パスとは、日本語では「通路」とか「通り道」みたいに訳しますが、プログラミングの世界では読み込むデータの置き場をプログラムに教えてあげるコードをさします…