※行程さんを利用したくてこの記事に辿り着いた方へ。「Pen」https://pen.social という後継サービスを開発しました。 この記事は、2017年7月〜2020年6月まで運用されていた旅行のしおり作成サービス「行程さん」について書かれています。2019年4月に技術同人誌として執筆したものを元にnote用に無料公開したものです。内容はほぼそのときのままです。ナマモノな情報なので、（行程さんがクローズしたこともあり）無料公開いたします。 開発当時の考え方のため、いま思うと「こうしておくべきだった」等はたくさんあります。 1-1 行程さん 本書で取り上げる行程さんについて説明をします。 ■行程さんとは みなさんは複数人で旅行に行く計画を立てたとき、旅行のしおりをどうしてますか？　しおりを作るのが好きな方は凝ったものを作るでしょうし、面倒だから作らないという方もいるかと思います。 「行程

先週行われた web1week。 初開催にも関わらず50を超えるサービスが登場し、大盛況のうちに幕を閉じた。 経験者ならば理解を得られると思うが、個人開発という舞台には魔物が棲んでいる。 着手時点で思い描いた予定などペロリと喰われてしまう。 不意に削られる作業時間。 理想と妥協の狭間で揺れる要件。 技術仕様の落とし穴。 サービスの意義を自問自答し続ける日々。 リリース直後に訪れる無慈悲な障害。 これらを乗り越えローンチされた個人サービスの奥には、語られることのない物語が潜んでいる。 そんなサービスが50以上も並ぶweb1weekのボードは圧巻で、たとえHello Worldの様なサービスでも私の心を踊らせてくれる。 とても甲乙など付けられない。 しかし「敗者」は存在する。 「web1week楽しみ！」と方方で意気込みを語り、「やってみませんか？」と様々な人を勧誘した挙句、あろうことか最小限

最近Nuxtでいろいろ作っているけど、無料で使える環境をいろいろ試してる。 いろいろメリデメあるけど、SPAならNetlify/SSRならHerokuがよさそう。 いままで試したものをまとめてみた。 ほしかったもの 主に開発してるのがCGM系のWebサービスなので、 動的なOGP画像などが設定できる(OGP芸) カスタムドメインが使える 日次のランキング集計などの定期実行ができる が、無料でできて、なるべく実装が楽で、そこまで遅くないのがうれしい。 試した5つのパターン 試したのは以下の5パターン。試してみた順で記載。 Nuxt(SSR) + Cloud Function 起動がかなり遅かった。。実装も大変なのでNG Nuxt(SPA) + Firebase Hosting 構築はかなり楽。ただ、OGP芸が大変でFunctionsが必要 Nuxt(SPA) + Netlify プレレンダリ

2020年一発目。 1月に話題になったイケてるWebサービス・アプリをご紹介します。 今月は、クローズしたサービスがとても多い月で、年明けからネット界隈を騒がせました。 （クローズしたサービスの紹介はここでは割愛します） いっぽうで、リリースされたサービスが多いのも印象的でした。 そんな中から厳選して10コをピックアップ！ もし知らないサービスがあったら要チェックです。 ※バックナンバーはこちらよりご覧いただけます。 [no_toc] BooQs 学習心理学に基づいたオンライン英語学習サービス。 学術研究によって生まれたという4つの頻出英単語リストが無料で配信されており、学習をサポートする機能とともに利用することができます。 4択や記述、リスニング、発音といった形式でそれぞれを学べるほか、学習状況が自動で記録されたり、間違えた問題を復習できる仕組みがあります。 とにかく効率的に必要な英語が

2019年は産後初めて「私らしく」過ごせた年でした。まるで独身時代に戻ったみたいに楽しかったです。子供たちと過ごすのもとても楽しいんだけど、自分の興味関心に対しては、我慢する事なく正直に生きなければ、毎日楽しくないんだなと再確認しました。今回は私の２０１９年を簡単に振り返ります。 転職したITベンチャー企業に転職しました。私が今webの勉強している事を理解してくれていて、素人なのにサイト運営を任せてくれたり、子育てしながら働いていると体調を崩しまくりのアクシデントまみれなのですが会社全体がとても協力的なので助かっています。 資格を取ったwebの勉強をしているのに基本的な事を知らなすぎたので、基礎知識としてIパスとHTMLプロフェッショナルの資格を取得しました。結果としては取得してよかったと思います。特にHTMLの資格に関してですが、膨大すぎるタグやCSSを網羅的に学んでいくことが出来たから

クソアプリ2 Advent Calendar 2019の20日目の記事です。 作ったもの Barcode The Gathering https://barcode-the-gathering.appspot.com/ バーコード（QRではない、商品についてる一次元バーコード）から、ギャザのカードを生成できます。 異なるバーコード3枚スキャンするとデッキとして保存出来ます。 簡単な創作ルールでランダム対戦も行えます。 なんで？ 皆さんはMagic:TheGathering®︎1（略称 ギャザ）をご存知だろうか。 トレーディングカードゲームの元祖であり、「世界でいちばん遊ばれているTCG」を筆頭に７つのギネス記録を持つカードゲームである。 日本では遊戯王やポケモンカードゲームの認知度が高いが、それらは全てギャザが元となっている。 そんなギャザのカード情報を取得するAPIが存在することを知った

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

これはただの失敗談です。。役に立つかわからないけど、誰かの参考になるといいな。。 Nuxt.js+Firebaseで開発したWebサービスをリリースして2ヶ月目くらい。 サービス止めて、初マイグレーションしてときの失敗談です。 サービスを止めてやりたかったこと いままではちょこっとした変更が多かったため、 サービスを止める必要なく、Nuxtアプリの更新だけで十分でしたが、 新しい機能を追加する際に、Firestoreのスキーマを変える必要が出てきました。 やりたいことは、 「 今までのデータを読み取って、別の形式に再構成する 」 という感じのことで、止めないとダメかなと。 メンテンナンスのときの手順 手順はこんな感じ。 メンテナンス画面に遷移するようにmiddlewareを変更 firestoreのルールを全部ブロックするように変更 スキーマ変更処理を実行 メンテナンス画面を解除し、hos

SPAはとてもすてきだけど、Hostingにアップロードしてもすぐに更新されない。。 たとえば、メンテナンス画面に変更しても、キャッシュが残っててメンテナンスモードにならないとか。。 この記事をみると、Reactで強制的にリビジョンアップする方法が載っていたので、 Nuxt.jsでもできないかやってみたときの備忘録。 追記 2018/10/17 @hecateballさんの記事によると、あまりよくない方法のよう。。 PWAでキャッシュ戦略を設定するか、Remote Configがよさそう(´ω｀) - Nuxt.js(SPA)とFirebaseで強制リビジョン（バージョン）アップするならPWAモジュールを使おう - Qiita ざっくりとした流れ 流れとしては、こんな感じ。 staticディレクトリにJSONファイルでバージョン番号を用意 環境変数にリビジョン番号を保持するように設定 JS

こんなサービスを作りました 『みんなの感想文』というWebアプリをリリースしました！ 『みんなの感想文』 インターネット上で読書感想文を書けるサービスをリリースしました！ 紙とペンがなくても感想文を書ける、そしてアーカイブとして残す世界を実現したくて作りました。400文字か200文字の原稿用紙で書くことができるので、みんなも書いてみてください📖https://t.co/DkCThMPpPl — フジワラユウタ@みんなの感想文 (@Fujiyama_Yuta) October 9, 2019 この記事について 今月から個人でサービスを開発・運営をしている人たちの組織「運営者ギルド」のOrganizationの一員として所属することになりました。 所属してから初めてのサービスローンチなので、忘れないうちに作った開発技術などを備忘録として残しておきます。合わせて個人開発の運用にかかっている費用

最近Nuxt.jsでWebアプリを作ってるけど、 度重なる改修でVueコンポーネントが乱立。。 使ってないのもたくさんありそうなので、調べるスクリプトを作ってみた。 スクリプトはこんな感じ #!/bin/bash # vueコンポーネントの一覧を取得 FILES=`find components -name "*.vue"` for i in $FILES; do # 全体からコンポーネントをインクルードしている行の数を取得 NUM=`grep -r "$i" * | wc -l | sed -e "s:[^0-9]*::g"` # ファイル名と見つけた件数を表示 echo "** ${NUM}: ${i}" # grepした結果を表示(確認用) grep -r "$i" * echo "" done ** 1: components/Hero.vue pages/index.vue:im

この度「エモーションダイアリー」という新しいサービスを作りました。 感情トラッキング日記サービス｜エモーションダイアリー 「エモーションダイアリー」は、感情トラッキング日記サービスです。日記を通じて自分の感情分析とメンタル状態を把握することができます。 今回はこのブログで、エモーションダイアリーの魅力と作った経緯などをお伝えしたいと思います。 エモーションダイアリーとは 日々の体調管理と同じように感情管理を組み入れてほしい 作ったきっかけは100%自分が欲しかったから 従来の感情管理アプリの違い 初月は無料なのでまずはお試しで エモーションダイアリーとは エモーションダイアリーは、日記を通じて自分の感情の把握（トラッキング）のお手伝いをするサービスです。 ユーザーは日記の執筆と自分の感情を自己採点をします。 そこにエモーションダイアリーでは、自己採点に加えて機械による感情分析を行います。

別の記事を書く前に、いろいろ試したことの備忘録。 Firestoreのデータをいろいろ見たかったけど、 別プロジェクトの移動してみることにした経緯のまとめ。 試したのは以下の3つ エクスポートデータをBigQueryにインポートしてBigQuery上で確認 node-firestore-import-exportを使ってローカルのJSONファイルとしてエクスポートして確認 別プロジェクトにデータを移行して、別プロジェクト上で確認(この記事) それぞれの方法と注意点は以下の通り。 1. BigQueryにインポートして確認 公式ドキュメントなどで紹介されている通り、 FirestoreのデータをBigQueryにインポートできるらしい。 これが一番いい方法だが、後述するカラム10000制約に引っかかったので、諦める形に。。 流れとしては、こんな感じ。 バックファイルファイルを配置できるようC

Firestoreのデータをガリガリ見ていきたいなと思っていたら、 別のプロジェクトに移行できそうだったので、いろいろ調べたときの備忘録。 分析目的だけど、BigQueryは1000カラム制約で使えなかったので代替案... 別プロジェクトなら無料枠でいろいろできそう。 いろいろ試したけど、ダメだった経緯はこちらにまとめました。。 - Firestoreのデータを分析するための3つの方法とその注意点 - Qiita 注意 Firestoreのエクスポート/インポートについて、いくつか注意。 Firestoreのエクスポート/インポートはBlazeプランが必要(無料枠では不可) ドキュメントの読み取りと書き込み時にCloud Firestoreの料金が課金される さらに、 エクスポート / インポート オペレーションのコストは、費用制限の対象にはなりません。 オペレーションが完了するまで、エク

LINEに画像、音声、動画ファイル、YouTubeのURLを投げると、AIがすべて自動で文字起こし📝して返してくれる「文字起こすくん」というサービスを作りましたー！🙌 もう面倒な文字起こし作業からは解放されましょー💡 以下からLINEの友達登録できます！https://t.co/cvTfCQIGHb pic.twitter.com/My09VqwWz9 — 2z / AIメーカー開発者 (@2zn01) August 24, 2019 こんにちは、2z（Twitter： @2zn01 ）です。 趣味でWebサービスの個人開発をしており、以下のサービスを開発・運営しています！ ■AIメーカー https://aimaker.io/ ■waifu2x-multi https://waifu2x.me/ ■ツイレポ https://twirepo.com/ 今回作ったもの LINEに文字起

原文(投稿日：2019/07/19)へのリンク Javalinは、KotlinとJavaのための軽量なWebフレームワークだ。デフォルトではシンプルなブロック方式で設計されており、WebSocket、HTTP2、非同期リクエストをサポートする。SparkJavaフレームワークのフォークとして始められたが、JavaScriptフレームワークkoa.jsの影響を受けて、すぐにゼロから書き換えられた。 JavalinはJetty上に構築されており、パフォーマンスは素のJettyコードとほとんど変わらない。クラスを拡張したり、@アノテーションを使用したり、JavaとKotlin用で別々のバージョンをダウンロードしたりする必要もない。 Javaを使用する場合は、以下のような"public static void main"があればよい。 public static void main(String[

*印が付いているものは初めてさわった技術です。はい、お恥ずかしながらすべて初物です。（普段はJavaとかJavaとかJavaとかさわってます） Vue.jsを使用したSPAで作成しています。当初はRuby on Railsで作り始めたのですが、作るWebサービスを考えるとバックエンドはフルスタックなものはいらない・むしろデータ加工したAPIを返すだけで良いんじゃ？と思い、一気に方針転換してSPAで作るように変更しました。 バックエンドフレームワークも、Flaskに変更しました。 Flaskは一般にマイクロフレームワークと呼ばれていて、1ファイルで成り立つようなくらいなモノで小さく始められます。 が、Flaskの機能自体は少ないわけではなく、ディレクトリ構成なども特に規定があるわけでもなく、自由なので初心者には結構難しいFWなのかなという感じでした。 （RailsやDjangoのように規約に