独学で個人開発を始めて5年が経ちました。これまでには収益化に成功したサービスもあれば、鳴かず飛ばずでお蔵入りになったサービスも数多くあります。それらの経験から、成功したサービスはなぜ上手くいったのか、マーケティングや収益化において押さえておくべきことは何か、その要点が少しずつ見えるようになりました。 今回は私が開発〜集客〜収益化を行うプロセスと、各工程で気をつけているポイントを順を追って書き出してみます。上手く言語化できているか分かりませんが、暖かい目でお付き合いください。 収益化した3つのサービス 私はこれまでにWebサービスを20個以上開発しており、現在はポモドーロタイマー（月間100万ユーザー）やYouTubeのループ再生ツール（月間10万ユーザー）などを運営し、そこからの収入で生活しています。 基本は海外向けのBtoCで、以下のようなツール系が中心です： 収益化済みサービス： Po

ユネスコ無形文化遺産登録から10年を経て、登録当時には約5.5万店だった海外の日本料理店が、2023年には約18.7万店にまで増えるなど日々関心が高まっています。 京都府立大学、日本料理アカデミーでは京都から国内外を問わず和食のさらなる発展と和食文化を担う人材の育成を目指し、「日本料理大全 デジタルブック」を公開します。 ある料理を知るためには、まずその背景を知らないと始まりません。「日本料理大全」シリーズは手法のみを解説するのではなく、考え方の基礎を示していくことを目指しています。経験や勘に頼るのではなく、なぜこの味が生まれるのか、どうしてこの調理法になるのか、といった根拠や科学的な理由を示しています。それらをもとに料理する人が考え、取り入れ、オリジナルの料理を生み出す手助けとなることを目指しています。 このシリーズが日本料理の発展・普及の一助となり、多くの人々の健康と喜びを導くことにな

・キボンヌ ・あぼーん ・香具師 ・と言ってみるテスト ・乙 ・リア充 ・うp ・微レ存 ・ただしイケメンに限る ・カキコ ・漏れ ・ﾉｼ ・〜なう ・かゆうま ・ぬるぽ ・クレメンス ・サンガツ ・スパダリ ・オギャる ・いってよし ・通報しますた ・飛ぶぞ ・ぴえん ・もちつけ ・＾＾ ・くぁwせdrftgyふじこlp ・禿同 ・猫ミーム ・ひき肉です ・かわちい

・風の谷のナウシカ（漫画版） ・ドラゴンボール ・寄生獣 ・ヒストリエ（既刊まで） ・銃夢 ・HUNTER×HUNTER（既刊まで） ・マスターキートン ・MONSTER ・スキップとローファー（既刊まで） ・ブラックジャック（文庫版） ・進撃の巨人 ・デスノート（１部） ・ベルセルク（黄金時代まで） ・スラムダンク ・レベルE ・ハイパーインフレーション ・ジョジョ（５部まで） ・バガボンド ・葬送のフリーレン（既刊まで） ・ダンジョン飯 ・ルックバック ・正反対な君と僕（既刊まで） ・メダリスト（既刊まで） ・ブルーピリオド（既刊まで） みんなはどんなマンガを読み返してる？

産後ほったらかしおじさんの記事をきっかけに、子どもが産まれる時、産まれた後の数年の行動が、その後の結婚生活にもあとを引くぞ、みたいな話が出てきて、その流れで産後夫はどうすると良いのか？という話が盛んにされてる気がしてる。 ---- 上の子が生後半年の頃、ワイフが産後うつになったので、専業主夫を交代して半年子どもを見た。夜は眠れず子どもの調子でいつ終わるか分からない世話をやり続ける。仕事で言えば超我儘顧客を抱える個人事業主って感じ ---- こんなコメントを書いたら、そこそこ反応があった。 ここに関して、僕は男性にしては珍しく、生後半年の子どもを1歳になるまでの半年間、専業主夫としてみてきた経験があるので、他の女性／男性とは違った目線でコメントできるかと思う。 ・どうして生後半年の子どもを専業主夫として見ることになったのか？ これは、ワイフが生後半年のタイミングで、明らかに産後うつな症状にな

知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ！」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称は、公式で発表されているものではなく、私たちが便宜的につけた呼称になります。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Apple Booksのセミモーダル Appleが提供する電子書籍アプリ「Apple Books」では、カルーセル状に並んだ本を押すと、そのままセミモーダルが立ち上がります。前の画面の一覧性を保ちながら、それぞれの本の詳細を見ることができるのが特徴的ですね。さらに下スクロールすることで、全モーダルへと滑らかに変化します。 このUIのポイン

オーストリアの大手飲料メーカー、レッドブルがサッカーJリーグに参入する。NTT東日本からJ3大宮アルディージャを買収することで大筋合意した。外資系企業が単独でJリーグクラブのオーナーになるのは初めて。日本のスポーツビジネスに欧州流の経営手法が広がる可能性がある。両社は近く最終契約を結ぶ。現在はNTT東が大宮アルディージャの経営権を100%持っている。この全てを2024年内にレッドブルへ売却する

CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか？ BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化された単語のリストが必要になるときもあります。そんなときに役立つ単語リストをまとめたClassnamesを紹介します。 Classnames Classnamesは、CSSのclass名やJavaScriptの関数名を付けるときに便利な単語をリスト化したものです。MITライセンスで、商用プロジェクトでも無料で利用できます。

⚪︎ : 無制限のBasic、限度ありのAdvance △ : 限度ありのBasic Zed Atomの製作者達によって作成されたOSSのRust製エディタ。現状はMacOSのみで使用可能。そのほかのOSも現在対応中。パフォーマンスを重視しているので軽い。AIは搭載していないが、Copilotを使用することは可能。 Github : zed-industries/zed インストール方法 https://zed.dev/download からインストールしてください。(MacOSのみ) 使用方法 以下に詳しく書かれていました。 思考のスピードでコードを書け！！Rust製の次世代エディタ「Zed」 Positron VSCodeをベースにした次世代データサイエンスIDE。 インストール方法 https://github.com/posit-dev/positron/releases からイン

ファミリーマートの公式Xアカウントが7月2日に投稿した画像が、Xユーザーの間で物議を醸している。該当の画像は、ファミリーマートが日清とのコラボレーションを伝えるもので、両社のロゴに握手しているイラストが添えられている。しかし、握手のイラストにはうっすらとストックフォトサイト「Adobe Stock」のものとみられるウォーターマークが確認できる。 Xでは、ウォーターマーク入りの画像に対し「プレビュー用の画像を間違って投稿してしまったのか？」「仕事が雑すぎるのでは」などの声の他、日清とのコラボレーションを伝える文章に“渋々感”があったことから、それを演出するために「あえて雑に作ったのでは」と指摘するユーザーも見られた。 こうした指摘を受け、ファミリーマートは4日、公式サイトにて「本投稿につきまして、掲載時点で適切に対応しており、著作権侵害には該当しないことを確認しております」との案内を掲載。理

個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

6月25日、AERA dot.は＜都知事選『ポスター枠』を55万円で購入した男性　『生後8カ月のわが子』をポスターに掲載した理由＞と題した記事を配信した。東京都知事選で物議をかもしている候補者の「ポスター枠」を実際に買った男性に意図を取材したものだが、記事掲載から2日後、男性から記者に電話があった。その内容は「ポスタージャックはやるべきではなかった」「浅はかだった」という後悔の言葉だった。なぜ男性は考えを改めたのか。何を後悔しているのか。改めて話を聞いた。 【写真】「わが子」のポスターを剥がす男性はこちら ＊　　＊　　＊ 7月1日、都内ホテルのカフェで記者と対面した男性は泣きじゃくりながらこう話した。 「勝手に子どもの顔写真を使ってしまったことで、妻には『何てことをしてくれたの！』と泣いて怒られ、その後は口もきいてくれません。子どもは無邪気に過ごしていますが、家庭は崩壊している状態です。今

はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s

・ドロリッチ（量も元の多さで） ・明治ポルテ ・ぬ〜ぼ〜 ・さくらんぼの詩 ・わたパチ ・ひもQ ・コパン ・アーモンドポッキー ・ピンキー ・霧の浮舟 ・マリブのさざ波 ・キスミント ・バブリシャス ・きどりっこ ・チェルシー ・サイコロキャラメル ・お好み焼きチップス ・たこ焼きラーメン ・ケンちゃんラーメン ・Ｊリーグカレー（最近復活しました！） ・桃の天然水 ・ファンタのフルーツパンチ ・鉄骨飲料 ・燃焼系 アミノ式 ・ボルヴィック ・ジョルトコーラ ・アクエリアスレモン ・島と大地の実り ・メローイエロー ・HI-Cアップル 、オレンジ ・アンバサ（缶） ・きりり ・ごめんね。 ・フキゲン ・はちみつレモン ・力水 ・がぶ飲みミルクコーヒー ・アクエリアスネオ 他にある？

イスラム組織ハマスによるガザ地区の当局は、イスラエル軍が人質4人を救出したとするガザ地区中部での作戦によって住民210人が死亡したと主張し反発を強めています。また、停戦や人質解放に向けた交渉の仲介役を担うエジプトがイスラエルを非難する声明を発表するなど、交渉にも影響を与える可能性があります。 イスラエル軍は8日、ガザ地区中部のヌセイラトで作戦を実施し、ハマスにとらえられていた人質4人を救出したと発表しました。 イスラエル政府は救出された人たちが家族と再会する様子を写した映像や写真を公開して成果を強調し、ネタニヤフ首相は声明で「人質全員を取り戻すまで手を緩めることはない」と述べハマスへの攻勢を強める構えを示しました。 一方、パレスチナの地元メディアなどはイスラエル軍が救出作戦を行ったとする時間帯に、ヌセイラトなど中部で激しい攻撃が行われたと報じ、多数のけが人が病院に運び込まれている様子などを

公益財団法人日本デザイン振興会は、各都道府県や企業、行政などのデザインに関する多様な取り組みを網羅的に取りまとめたレポート「デザイン白書2024（WHITE PAPER ON DESIGN 2024）」を2024年6月4日（火）に公開しました。 背景・経緯 経済産業省と特許庁は2018年に『「デザイン経営」宣言』を発表し、日本の産業競争力強化のために、デザインを企業価値向上のための重要な経営資源として活用する「デザイン経営」を推進することを提言しました。その後、大企業や中小企業、スタートアップ、官公庁などでデザイン活用が進み、経済産業省デザイン政策室はデザイン活用をさらに拡大するために、2023年に「これからのデザイン政策を考える研究会」を開催しました。研究会では、2023年度・2024年度グッドデザイン賞審査委員長の齋藤精一氏が座長を務め、当会からは深野弘行理事長、柴田文江理事、田川欣哉

lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向（横書き時：上下）にそれぞれハーフ・レディングの大きさ（今回では4px）分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回はさまざまな形状を実装するシェイプです。

「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な