Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス
この記事は一休.com Advent Calendar 2023 8日目の記事です。 2023-09-25に入社して2か月半が経ったので、既存のWebサービスの開発にソフトウェアエンジニアとして参加するにあたって役立ったことを書いておく。 『Webサービスのソフトウェアエンジニアとしての転職活動で役立ったこと』の続編といえるかもしれない。 前提 観点 どのようなサービスかを調べる どのようにデータを保持するかを調べる どのようなコードかを調べる 「未知の未知」をできるだけ早く減らす チームの開発体制に興味を持つ 所感 前提 レストラン予約のサービスの開発に参加した 歴史が長い（2006〜） Webアプリケーションを開発する 技術スタックは転職前後で完全に変わった 前: Rails, PHP, Nuxt, MySQLなど7年 後: Rust, Next.js, Python, Microso
はじめに 個人でフロントエンド(react)、バックエンド(node.js)、データベース(postgreSQL)を利用したWebサービスを公開したいと考えていました。 まずはテスト的に無料で外部公開できるサービスがないか調査しましたが、2022年8月に有料化されたHerokuの記事ばかりヒットしてしました。 結果的には無料で使用できる構成があり、実際にテストプログラムを動作させることができましたので構成例として記載しておきます。 ※無料なので比較的厳しい条件も含まれていたりするのでそれぞれのサービスを確認お願いします。 例えばsupabaseは数日間利用がないとインスタンスが一時停止して手動で起動させないといけないなどがあります。 今回試したサービス できるだけ同じサービスに集約したいと考えていましたが、実際にはフロントエンド、バックエンド、データベースはそれぞれ異なるサービスになってし
個人開発してるWebサービスの API のシナリオテストに runn を使ってみたけど、とてもよかった - えいのうにっき
「個人開発してるWebサービス」というのは Pixela のことで、runn とは @k1loW さんが開発しているオペレーション自動化ツール/パッケージです。 pixe.la github.com Pixela は、そのユーザーインターフェースとして基本的に Web API のみを提供しているサービスで（サービスを利用するための各種操作は基本的にすべて Web API に対する HTTP リクエストによって行う必要がある）、現在そのローンチから6年目を迎えるサービスです。 blog.a-know.me ありがたいことに、世界中のユーザー（特に、プログラミング初学者の方によくご利用いただいているようです）に継続的に使っていただけているサービスになっており、登録ユーザー数はもうすぐ7万人に到達しようとしているところです。開発・メンテナンスに係る私の人件費を除けば、黒字運営を続けることもできて
このエントリは SmartHR Advent Calendar 2023の21日目の記事です。 Railsのバージョンを上げる作業は、単に新しいバージョンのgemをインストールするだけでは終わりません。Railsの新しいバージョンに沿った設定項目を確認し、適宜適用していく必要があります。もちろん必ずしもすべての設定を最新にしなければならないわけではありませんが、Railsの新しい設定というのは基本的にそうすることにメリットがあるから作られているわけで、特別な理由がなければ最新の状態にしておきたいものです。 みなさんのRailsアプリケーションのconfig/application.rb には次のような設定があるはずです。 config.load_defaults 6.1 このコードサンプルは引数が6.1なので、Rails6.1デフォルトの設定を適用していることを示しています。これを7.0に
この記事は何? この記事では私が初めてWebサービスを作成した時に 役に立ったサイトを紹介する記事です 初めて自分でWebサービスを作る方や駆け出しエンジニアの方 にこの記事が役に立てれば嬉しいです😃 ※ また何かいいサイトを見つけたら更新予定です 何を作ったの？(宣伝なので良かったら読んでください) 私が初めて作ったサービスはスポーツ選手向けの デジタルスポーツノートを開発しました これまでのスポーツ選手たちはノートブックに文字で記録をつけて 自分のプレーを振り返っていましたが 私の作ったスポーツノートでは 動画を使用して体の動きやプレーを詳細に記録できます😀 動画による分析は文字だけの記録では捉えられない 細かな動作や技術の改善点を明確に示し 選手の技術向上に大きく貢献する事ができます！ このデジタルツールにより選手たちは自分のプレーをより深く理解し パフォーマンスの向上を図ること
性交渉に同意した記録を残す「性的同意アプリ」として話題になった「キロク」が、Webサービスに形を変えて11月22日にテスト版サービスを始めた。 性交渉に同意した記録を残す「性的同意アプリ」として話題になった「キロク」がWebサービスに形を変え、テスト版を提供すると11月22日に発表した。先行登録していた人には1週間以内に案内を送るという。正式版は12月中頃のリリースを予定している。 7月の刑法改正で「不同意性交等罪」が新設されたことを受け、同意の上で性交したことを証明する「性的同意書」の代わりとするため、弁護士監修のもとで開発したサービス。アプリのダウンロードなどを不要として容易に使えるようにした。 ユーザーは登録したメールアドレスでログインする形に。誤入力や同意を強要されるといったケースを想定し、同意した日から2日間は同意を取り消せる機能を実装した。 キロクは8月中旬にスマートフォンアプ
2月から誰でもアカウントを登録して利用できるようになった新興SNS・Bluesky（ブルースカイ）。 “ポストX（旧Twitter）”を担うSNSとして注目を集めているだけに、とりあえずアカウントを作成してみた人も多いと思います。 とはいえ、新しいSNSには戸惑いもつきもの。誰をフォローして良いのか、どう使うと便利なのかわからない。（結局、気の知れたフォロワーたちがいるXに戻ってしまったり……） そんな悩みを解消するWebサービスが「SkyFeed」。Blueskyで人気のフィードをランキング形式で紹介していて、まずは何をフォローすべきかという悩みにピッタリのサービスです。 話題で繋がれるフィード機能が便利な「Bluesky」Blueskyは、Twitter（現X）の元共同創業者であるジャック・ドーシーさんが発起人となったSNS。 2023年から招待制でサービス提供を開始。基本的にXに類似
3DのWebサービス開発で宣言的なWebGLライブラリを導入して感じた保守運用上のメリット - spacelyのブログ
Kotlin Fest 2024のためにCompose HTMLでWebサービスを開発した話 - エムスリーテックブログ
これはなに 8.0.0 Milestoneを見て気になったものをまとめています マイルストーンは先週くらいにできたのですがもうマージされているやつもたくさんあります DHHが年末年始にめっちゃ働いている 気になったものたち Ruby3.3以上のサポート DHHは最初3.3以上で、という気持ちだったんだけど流石にみんな大変やろ、という意見が出て結局リリース時(2024年の予定)にサポートされているRubyのバージョン、つまり3.1以上に落ち着いた PR: Bump the required Ruby version to 3.1.0 by byroot · Pull Request #50491 · rails/rails ↑のPRでは「メジャーバージョンアップ時にRubyのサポートを落とす」だとRails自体のメンテも大変だしアプリケーション開発者も大変なので、毎回マイナーバージョンアップ
徳丸氏が解説、クラウドネイティブ環境でWebサービスを立ち上げる際に気を付けるべきポイント：「サービスごとに責任共有モデルが異なることをきちんと理解すべきだ」 「＠IT Cloud Native Week 2024 冬」の基調講演にイー・ガーディアングループCISO 兼 EGセキュアソリューションズ取締役CTO 徳丸 浩氏が登壇。クラウドネイティブ環境でWebサービスを展開する際に気を付けるべきセキュリティのポイントを解説した。
英語学習を進めるにあたって、ある英単語やフレーズの実際の発音やイントネーション、自然な使い方などの理解につまずいた経験がある人もいるはず。しかし、無料のウェブサービス「YouGlish」を用いることで、YouTube上に存在する動画から特定の英単語やフレーズを切り出して、ネイティブ話者が使う自然な表現と正しい発音などをチェックすることが可能です。 Improve your English pronunciation using YouTube https://youglish.com/ YouGlishのトップページがこんな感じ。 使い方は、「Search for...」で示された検索バーに自分が確認したい英単語やフレーズを入力します。なお、フレーズを入力する際には、フレーズを「""」で囲う必要があります。今回は「get」と入力し、右側の「Say it!」をクリックしました。 なお、英語に
【個人開発】世の中のWebサービスを探す手間が省けるアプリを、未経験者が開発してみた【Rails7】 - Qiita
スマホやパソコンを使っていると、必ずしもインターネットには繋ぐと思います。そして、このネット上では無料で運用できる様々なサービスもあります。 この記事では、無料で使用可能なWebサービスについて、特に筆者が使っている中でおすすめのものをいくつか紹介していきます。 無料で使えるWebサービス紹介 Outlool メール mega クラウドストレージ Keepa EpicGames GamePad Tester まとめ 無料で使えるWebサービス紹介 Outlool メール Microsoftが提供している、Eメールサービスです。メールなんてGmailで十分じゃんという方はもちろんいるでしょう。しかし、Gmailって基本的に電話番号の登録が必要になりますよね。 けどOutlookメールの場合は必ずしもそうではなくて、他のメールアドレスでも登録して使えるんですよね。とにかく匿名性を重視したい時に
先日、仕事でRails(Active Record)の難しい仕様に遭遇したので共有するためにエントリをしたためました。似たようなケースに遭遇した人の手助けになれば幸いです(\( ⁰⊖⁰)/) 対応Railsバージョンと設定 Rails6.1以上 config.active_record.has_many_inversing = true(Rails6.1のデフォルト設定)である 問題1 まず次のコードを読んでみてください。 class User < ApplicationRecord has_many :posts end class Post < ApplicationRecord belongs_to :user, inverse_of: :posts # (1) before_update { puts 'before_update' } end user = User.new po
このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」（シームレス）を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Twitter: ＠shiropen2 香港大学などに所属する研究者らが発表した論文「OpenAgents: An Open Platform for Language Agents in the Wild」は、言語エージェントとのチャット対話を通じて、さまざまなWebサービスとやりとりできるオープンソース・フレームワークを提案した研究報告である。一般ユーザーは、プログラマー向けのコンソールやパッケージを使わずに、オンラインのWebインタフェースを通じてAIエージェントと対話できる。お試しはこちら。 大規模言語モデルの登場に伴い、言語を使用して多様なタスクを実行するエージェントが
制作物のイメージに合った色ってどう探す？転職ポートフォリオの配色を決めるのに役立つWEBサービス「Colorable」の使い方を解説 | 転職ポートフォリオの作り方を学ぶならアームズ
制作物を作っていると、よく悩みがちなのが色の組み合わせ。 自分ではセンスが良いと思っていても、実際他人に見せたら「何それ？ダサくない？」みたいな微妙な反応を頂いてしまったなんていう経験がある方も少なくないはず。 そこで今回は、色の組み合わせを提案してくれるWEBサービス「Colorable」の使い方について解説します。 もし転職ポートフォリオを作っているけど、見た目や色の使い方に自信がないという方は、ぜひ参考にしてみてください。 制作物において色選びが重要になる理由 使われている色次第で、制作物を見た方に与える印象が変わってしまうからです。 例えば、赤だと情熱・興奮といったアクティブな印象を与えるに対し、青だと落ち着きや信頼といった安心感を与えます。 なので、赤は人々を熱狂させるスポーツの大会やオリンピック・青は初めての取引先に対しても安心感を持たせるため会社のホームページなどに起用されま
ゼロからWebサービスの監視を作ることになったらどうする？ただしエンジニア正社員は一人だけとする - Pepabo Tech Portal
こんにちは、技術部プラットフォームグループのそめやポチです。最近は生成AIとレスバトルする仕事をしています。 この記事では、GMOペパボのグループ企業であるGMOクリエイターズネットワークにおける、サービスの監視体制の構築について紹介します。 なぜGMOペパボに所属している私がGMOクリエイターズネットワークの記事を書くかというと、10月からペパボの技術部としてGMOクリエイターズネットワークのエンジニアリングをお手伝いしているからです。ペパボの技術部は特定サービスには属さず全社横断的に技術施策を実施する組織です。このたび、会社の枠を飛び越え、GMOクリエイターズネットワークが提供しているWebサービスの、主にインフラ・セキュリティ・運用周りをお手伝いすることになりました。 2023年4月にジョインしたGMOクリエイターズネットワークの技術責任者であるぼいらーさんの記事にある通り、エンジニ
Webサービスやアプリの利用規約の作り方がこれでよく分かる！ 最新の法改正に対応、大幅にアップデートされた改訂版 -良いウェブサービスを支える「利用規約」の作り方
※本ページは、アフィリエイト広告を利用しています。 Webサービスやアプリを作成する際に、「利用規約」「プライバシーポリシー」などは必要不可欠ですよね。しかも最近では、個人データの取り扱い、AIによる知的財産権、サブスクリプションなど、複雑化しています。 法律的に正しく、ビジネス的にリスクを犯すことがなく、ユーザーニーズを満たすさまざまな規約の作り方がよく分かる解説書を紹介します。 本書は改訂第3版とあるように、5年振りの改訂版。その間には個人情報保護法、著作権法、消費者契約法など、Webに関わる法令も改正が重ねられてきました。最新の法改正に対応し、規約についてビジネスとしての損得で検討すべきことがよく分かる解説書です。また、「すぐに使えて応用できるひな形」もダウンロードでき、Webサービスやアプリに携わる人は必ず持っておきたい一冊です。
AIがテキストから音楽を作成してくれるWebサービスで手軽にBGMやSEを作っちゃおう2023.09.19 19:00 三浦一紀 これ、ずっとやっちゃう。 AIがいろいろなものを作ってくれる時代になってきていますが、とうとうテキストから音楽を作ってくれる生成AIサービスが登場。その名も｢Stable Audio｣です。 思いつく単語を入れていこうImage: Stable Audio使い方は簡単。まずジャンルや楽器、シチュエーション、雰囲気、テンポなどなど、思いつくままに単語を入力します。あ、英語でお願いします。 すると、AIがそのテキストを元に音楽を生成してくれます。 英語ってところがちょっとハードル高いかもしれませんが、単語でOKなので、臆せず入れていきましょう。 ほんの1、2分で曲が出来上がってきます。 無料版でもダウンロード可能こちら、無料の会員登録をすれば使用できます。無料会員の
※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 一般 ・タイルに表示される内容をカスタマイズ 「メモ」のフォルダを選択したり、「メール」のメールボックスを選択したり、お気に入りの写真だけを表示したりできます。ホームページの配置を調整することもできます。例えば、同じタイルを複数のレイアウトで表示して、お気に入りのアプリのコンテンツをたくさん表示することもできます。タイルの左下隅にあるメニューからレイアウトオプションにアクセスしてください。 ・タイルからクイックアクション リマインダーを完了としてマークしたり、メールにフラグを立てたり、Drive内のファイルのプレビューを表示したりできます。タイルからアクションを実行するには、コンテンツにカーソルを合わせてを選択し、クイックアクションを表示させます。タッチデバ
Webサービスを作る難しさを受託開発との比較で浮き彫りにし、その上でWebサービスをうまく作る方法としてプロダクト開発者が事業責任者になることを推奨する発表です。
Webサービスの脆弱性をIPAに通報した話
当サイトは、アフィリエイト・アドセンス広告を掲載しています。消費者庁が、2023年10月1日から施行予定である景品表示法の規制対象（通称:ステマ規制）にならないよう、配慮して記事を作成しています（記事はこちら、消す方法はこちら） 参考：令和5年10月1日からステルスマーケティングは景品表示法違反となります。 | 消費者庁
企業・会社のホームページへの集客がうまくいかない という方も居るかもしれませんね。 ホームページに集客できる、集客に強いWebサービスを利用してホームページ集客を成功させたい。 というわけで今回は「ホームページ集客に強い […]
せっかくなのでフロントもバックも TypeScript を使おう、ということで、アレコレ考えて作った構成を共有します。何かの参考になれば幸いです。 下記の Web サービスを開発するときに使いました。 システム構成 ランタイム：Bun フレームワーク： Express ORM：Drizzle ORM インフラ：Docker 私的にはバックエンド中心で処理・出力し、そのうえでフロントエンドを使うのが好きです。 ディレクトリ・ファイル構成の例 あまり深くディレクトリを掘りたくなかったので、ルートに散在しています。 ├── assets ：ビルドされたフロントエンドのファイルが入る ├── constants ：定数関係 │ └── index.ts ├── controllers ；コントローラー │ ├── _Controller.ts：ルート(/)のコントローラー │ └──
前回の大阪RubyKaigi02に続き、大阪RubyKaigi03でも登壇機会をいただけました。 スライドはこちら。 感想 自分含めみんなflaky testで疲弊しているので、それを仕組みで解決したいぞ、みんなで仕組みを作っていこうぜという発表でした。10分の発表は思っていたよりも短くて*1いろいろ省略してしまったのが残念ポイントです。 話したいことがもっとあった(時間が足りなくて省略したことがたくさんある)ので、その辺まとめたブログエントリを後日書くかもしれません #osrb03 https://t.co/6gYajmqrbF— willnet (@netwillnet) September 9, 2023 私と大阪 発表時間が足りなかったのもあって自己紹介は10秒で駆け抜けてしまったのですが、僕は昔ちょっとだけ大阪に住んでいたことがあります。発表の翌日は住んでいたあたりをひたすら散歩
はじめに AWS上に構築されているBtoB向けのWebサービスに、お客様オンプレミス環境からアクセスする際の名前解決についてまとめてみたいと思います。 インターネット接続して利用するのであれば、企業からgoogleなどのインターネットサイトに接続する際と同様に、公開DNSを参照して名前解決すればよいのですが、セキュリティ要件によりインターネット接続がNGである場合、Private Linkによるインターナルな通信でWebサービスに接続して利用する場合があります。 このような場合に、お客様側でどのように名前解決すればよいか整理してみたいと思います。 VPCエンドポイント、Private Linkとは VPCエンドポイントは、S3やAthena、KMSといったVPC内には存在しないAWSサービスや、別VPC(別AWSアカウント内のVPCも含む)内で提供されているサービスに、Internet G
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサービスを作るときのテンプレートを作った - hiroppy's site
中途入社のソフトウェアエンジニアがWebサービス開発に参加するとき役立ったこと - kymmt
コストをかけずにWebサービスを公開するための構成例 - Qiita
すべての Web サービス設計者に捧ぐ「RESTful って結局なんなんだ」
医療のマスターDBを爆速で検索するWebサービスを爆速で作った
Railsの設定をアップグレードしていく技術 - おもしろwebサービス開発日記
KADOKAWAニコニコ動画などWEBサービス“復旧1か月以上見込み” | NHK
【駆け出し必見】Webサービスを作る時に役に立ったサイト - Qiita
性的同意アプリ「キロク」はWebサービスに テスト版の提供開始 正式版は12月中旬
新SNS「Bluesky」おすすめフィードを紹介！ Webサービス「SkyFeed」が便利
Webサービスの歩き方 - シン・境界値分析 - freee Developers Hub
Rails8.0.0マイルストーンの現状 - おもしろwebサービス開発日記チラシの裏
Microsoftのコーディングフォント「Cascadia Code」が3年ぶりのメジャー更新／ターミナルアプリのカラフル描画に適したグリフ、アプリやWebサービスのアイコンも
徳丸氏が解説、クラウドネイティブ環境でWebサービスを立ち上げる際に気を付けるべきポイント
Meta、画像生成AIのWebサービスを提供開始。まずは米国から
YouTube上の無数にある動画から学習したい単語やフレーズを抜粋して再生してくれるWebサービス「YouGlish」
筆者が良く使っている無料Webサービス紹介 - 格安ガジェットブログ
Active Recordで関連先を保存するときに気をつけること - おもしろwebサービス開発日記
Kaigi on Rails2023で例外について発表してきました - おもしろwebサービス開発日記
言語指示でWebサービスとやりとりするAI 香港大学などが開発 買い物、フォームに入力、SNS投稿など
無料版の「Copilot」でもフルタイムで「GPT-4 Turbo」が使えるように／Microsoftの広告・Webサービス部門CEOとみられる人物がX（Twitter）で投稿
AIがテキストから音楽を作成してくれるWebサービスで手軽にBGMやSEを作っちゃおう
Apple、Webサービス「iCloud.com」をアップデート | Webアプリ | Mac OTAKARA
私たちはなぜ事業責任者にならないといけないのか ~Webサービスを作る茨の道~
ホームページ集客に強いWebサービスおすすめ3選【企業・会社・店舗】
Web サービスをフロントもバックも TypeScript で作る時の構成例
大阪Ruby会議03でflaky testについて話してきました - おもしろwebサービス開発日記
AWS上のWebサービスにPrivate Link経由でアクセスする際の名前解決について - Qiita
リリースから7年間EC2で稼働していたWEBサービスをついにコンテナ化した話 - Qiita
gimeiに型をつけた話 - おもしろwebサービス開発日記