Yusuke Wada 2020-12-03

こんにちわ、れとるときゃりー(@retoruto_carry)です。 最近、就活をはじめました。 ちょうど良い機会なので、自分が大学に入ってから作ったものをまとめました。 いままで、作ってきたWebサービスには、年間PVが1000万を突破したものもあります。 ただ、そこに至る道程は、かなり長かったです。 ここでは、大学に入学して、始めてプログラミングを勉強してから作ったすべてのサービス、アプリを振り返ろうと思います。 本当にたくさんのものを作ってきました。 どこかの誰かの参考になると嬉しいです。 エンジニア以外の方でも、なるべく読みやすいように工夫しました。（使った技術は読み飛ばして大丈夫です） 就活で思い立って、大学入学してからいままで作ってきたものを書き出してみた！ ブログに全部書こうかな pic.twitter.com/fAtV2atukU — れとるときゃりー@ツイッター通話アプリ

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

2023年6月16日 から改正電気通信事業法が施行なんですけど知ってました？ これ、収益目的なら企業運営でも個人運営でもほとんどのWebサービス・スマホアプリが対象という、めちゃめちゃ広範囲にみんなが対応が必要なやつなんですけど、ヤバくない? 何もしてなくない? やっべえなというWEBサイト担当者/アプリ開発者が結構いそうな雰囲気がいんたーねっつから漂ってまいりました。 企業のオウンドメディアや、個人運営のアフィリエイト目的サイトなんかも対象になる場合があって、メディア系サイトはもちろんアプリ開発者にも影響ある感じですので、やるべき内容をブログにしたためておきます。 ※ぼくは法律の専門家ではないので、ちゃんと総務省の公式ドキュメントなどにも当たってくださいね。 ググると「外部送信規律」とか「電気通信事業者又は第三号事業を営む者」とか専門用語の記事ばっかり出てきて自分が何をしたらいいのかの情

2023年時点、PageSpeed Insightsの結果ページには4つのスコア（点数）項目があります。本記事ではパフォーマンススコアについてカバーしています。 パフォーマンススコアは表示速度である 企業レベルだと誤解も減ってきましたが、個人レベルだと未だにスコアが表示速度という誤った認識を持った方の発言もTwitter（X）などで目立つことがあります。 表示速度というのは何秒、何ミリ秒という単位で表現されますので0～100点では表せないです。 元々パフォーマンススコアというのは測定ページの最適化度合いを表すためなので、これを表示速度として表現するのも無理があります。 スコアが高ければ高いほど、高速である 実際に高速化対策を実施するとスコアは一般的に向上しやすいですが、外部読み込みがあるページではそこまで大きくは改善しません。 ただ重要なのは表示速度とスコアは必ずしも比例しないということで

MVP という言葉が一般的になりましたが、まだまだ手作業型のMVPについてはその価値がまだ伝わっていないように思います。そこで「早くローンチする、早く売る」のに最適な手作業型MVPを中心に、MVPの作り方を解説しています。 Special Thanks:

1. はじめに この記事は、自社のSaaSサービスを法人or 個人向けに提供している方向けの情報です。 【利用者像】: サービスプロダクトの品質改善が必要、と感じているマネージャー層・リーダー層の方々 運用・保守において、顧客からの問い合わせを頻繁に受けるサポート部門の方 BizDevOpsでいうとOpsな方 【利用シーン】: 運用工程 2. 出来上がるもの 自社サービス品質を改善するための施策が見えるようになります。 以下は一例 改善テーマ ステップ1 (標準化) ステップ2 (管理強化) ステップ3 (自立化)

All-in-one color tool for creators

見積書を作成しなくちゃ・・・ でも、サイトボリューム（ページ数）が全然分からない。 ディレクターには相談しづらいし、ざっくりでやろうかな。

CSS colors sorted by their hue, saturation and lightness

と、振り返ってみると毎年綺麗に 300% 成長でこれていますね。 （流石に来年はきついと思います＾＾； 今回は、そんな サービスを拡大する上で欠かせない収益の話 と 成長したからこそ表面化したコストの話 をまとめていきたいと思います。 収益の話 参照：https://jp.freepik.com PWA は稼げない 昨年の Advent Calendar にて、私はたいそう嘆いておりました（ＴДＴ） Web 側の広告は MPA（マルチページアプリ）を前提にしているものがほとんど Web 側では広告の表示を最適化できない（MPA 前提の規約上バックグラウンドで読み込んでおけない それに加えて、SPA のページ遷移が早すぎて広告が表示される前に通過してしまう アプリ側にはインタースティシャル広告やリワード広告といった単価の高い広告商材が豊富に存在する そういった要因から、PWA におけるページ

この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV

Are You Using Google Ads? Try Our FREE Ads Grader! Stop wasting money and unlock the hidden potential of your advertising. Our Ads Grader analyzes 8 essential components of your account, providing you with essential insight and actionable advice for optimizing your strategy and maximizing ad spend efficiency. Get your free Analysis Who Is Neil Patel? He is a New York Times Bestselling author. The

自分がアップロードした写真からAIが「存在しないそっくりさん」を作り出してくれ、アップロードした写真を別の人物と掛け合わせたり、人物写真の人種・性別・年齢などを細かく調整したりすることも可能な「Artbreeder」が公開中です。敵対的生成ネットワーク(GAN)を利用しており、無料で使用することが可能で、ポートレート以外にも風景画やアニメキャラなども作成できるというネットサービスを実際に使ってみました。 Artbreeder https://artbreeder.com/ まずは上記URLにアクセスして「Start」をクリック。 Googleアカウントでもサインインできますが、今回はアカウントを作成していくため「Make an account」をクリック。 ユーザー名・メールアドレス・パスワードを入力し、チェックボックスにチェックを入れたら「Register」をクリック。 するとこんな感じ

Serposcope is a free rank tracker to monitor websites rankings in search engines and improve SEO

Geocoding.jpとは？ 住所やランドマーク名をGPS座標に変換するサービスです。 座標系はWGS84に対応。近似TOKYO97出力も可能です。 Open Location Code(OLC)取得も可能です。 Aobaが個人で作成、運用しています。 Google様とYahoo!様のふんどしで相撲をとっております。 お問い合わせはTwitter窓口まで。 検索のサンプルは？ 住所 『東京都港区芝公園４－２－８』 で検索 ランドマーク名 『東京タワー』 で検索 ランドマーク名 『東京駅』 で検索 ランドマーク名 『Arc de triomphe』（凱旋門） で検索 ランドマーク名 『ユニコーンガンダム』 で検索 Open Location Code 『8Q7XMP52+J6』（渋谷ハチ公像） で検索 緯度、経度から検索 『東京タワー』 経度、緯度から検索（度、分、秒） 『Eiffel T

あるエンジニアが「Kibela」というサービスを考え、リリースするまでのフローを全部教える エンジニアがサービスのアイデアを思いつき、それをリリースするまでにはどのような過程があるのでしょうか。情報共有ツール「Kibela」が世に出るまでのフローを、起業した井原正博さんが詳細に振り返ります。 ヤフーやクックパッドでの開発を経て、ビットジャーニーで代表を務める井原正博（いはら・まさひろ／@ihara2525）です。プライベートで超長距離のランを楽しむかたわら、情報共有ツール「Kibela」の開発・運営を手がけています。 Kibela - 個人の発信を組織の力にする情報共有ツール 「Kibela」は僕自身が2015年に起業して立ち上げたサービスですが、この記事では、僕がサービスをいかに開発したか、その方法からリリースまでの過程を振り返りつつ、サービスの現在の状況までお伝えします。 「自分でもサ

Bootstrap, Foundation, Materializeなどのフレームワークは手軽に利用できるとは言え、それでも一から始めるのは面倒です。これらのフレームワークを簡単にカスタマイズして利用できる無料の国産サービスを紹介します。 ランディングページやブログをさくっと作りたい、ナビゲーションやカード型コンポーネントを利用したいなど、さまざまなテンプレートやテーマを利用できます。 Framework Template Editor Framework Template Editorの特徴 Framework Template Editorの機能 Framework Template Editorの使い方 Framework Template Editorの特徴 Framework Template Editorは、BootstrapやFoundationなどの人気が高いフレームワーク