Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
Webサービスを作るときのテンプレートを作った - hiroppy's site
週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス
【夫婦で開発】1年かけて1週間を振り返えるアプリを本気で開発してみた
1年と2ヶ月かけて開発していたアプリがリリースできたので記事にしました。 詳しい開発のログは以下のスクラップにまとめています 👌 リリースしたアプリ ダウンロードはこちら。 ■ iOS ■ Android LPサイト アプリを開発したきっかけ 以前から週1で家族の振り返りの時間を設けていて、今週あった出来事を互いに共有して議事録に残すことを習慣にしていました。 ただ、上記の運用をしている間に以下のような問題があることに気づきました。 振り返りの際に、今週の出来事を思い出せない まとまった期間の振り返りたいときに、テキスト情報のみだとピックアップしづらい 良かった出来事のみピックアップしたい 振り返りを開催する時間が毎回ズレる 日付を忘れてスキップしてしまう そこで、上記を改善するためアプリを家族で開発しようという話になりました。 どんなアプリ？ memoirは1週間を振り替えるアプリとし
Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
ホームページやブログ、ショッピングサイトなどで使われているボタン。 ユーザーに分かりやすく直感的にクリックしてもらうためには、ボタンのデザインにも気を配りたいところです。 今回はそんなボタンデザインの中でも、フォトショップで加工、編集することができるPSDファイルを42個まとめた「Ultimate Collections of Free Buttons in PSD Formats」をご紹介します。 紹介しているファイルはすべて無料でダウンロードすることが可能となっているのですが、「これが無料？」と思うほど高品質なデザインが揃っています。 オリジナルでデザインすることもできますが、これらのファイルを使うことでデザイン制作の時間を大幅に短縮することができとても便利ですよ。 それぞれのボタンは細かくレイヤーに分けてデザインされているので、色の変更なども簡単に行うことができます。 またステッカー
【2012超まとめ】確実にWEBサービスを作りたい人へ【後編】
前編はこちら http://anond.hatelabo.jp/20120926165407 中編はこちら http://anond.hatelabo.jp/20120926165533 ■ステップ１１：残りの開発(50時間) 基本的な機能とデザインが出来てきたら、細かな機能や説明ページなどの静的コンテンツも作っていきます。 ８割程度出来たと思ったら、一度サーバーにアップロードして動作チェックしてみます。 たいていは上手く動作するはずですが、途中で一度チェックしておいた方が出来上がってから不具合を修正するよりは効率的です。 僕ははじめCORESERVERを使っていましたが、メールが送信できない不具合に遭遇して時間を取られました。 結局はCORESERVERとgmailの相性が悪いせい、という事で最後はさくらに移転しました。 あと、何となく動いているのが確認できたら、 このタイミングでGoo
【2012超まとめ】確実にWEBサービスを作りたい人へ【中編】
前編はこちら http://anond.hatelabo.jp/20120926165407 ■ステップ６：ＭｙＳＱＬ(10時間) 会員情報や文章などのコンテンツを保存しておくデータべース、ＭｙＳＱＬを調べます。 データベースは他にもPostgreSQLやSQLiteなどが有名ですが、やはり王道を勉強します。 MySQLはCakePHPや、ステップ４のWordPress他、よく使いますので把握しておきましょう。 基礎からのＭｙＳＱＬ http://www.amazon.co.jp/%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%81%AEMySQL-%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%81%AE%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E3%83%97%E3%83%AD%E3%82
プログラム初心者がwebサービスをリリース - カズワヤblog
htmlとcssは分かるけど、プログラムに関しては素人の私、副長がいかにwebサービスを公開するに至ったかのまとめです。 この日記、もちろん（http://anond.hatelabo.jp/20101203150748）に触発されてます。 もともとwikiで作っていたサイトがあり、それを作り直し今月リリースしました。 2010年10月時点でのスキルセット html：5年くらい。 css：5年くらい。 Javascript（jquery）：2年くらい。 IA：3年くらい。 元マークアップエンジニアの現在webディレクターです。 リニューアル前のサイト 海外ドラマの情報サイト pukiwikiで構築 html、css、デザイン全て一人 api利用（yahoo、bing、楽天、amazon、WikipediaAPI）で自動取得できる情報は取得しまくった（全てJavaScript利用） サーバー
小さなWeb制作会社がつくったBtoB Webサービスで課金が発生するまでにやった8つのこと。
当社では創業からいくつものWebサービスをリリースしては閉鎖して、ということを繰り返してきました。そんな中で、最近ではBtoBサービス、企業の日常業務で使えるWebサービスに力を入れています。 収益モデルはBtoBサービスですので、広告収入ではなくユーザー課金がメインです。 ありがたいことに、ここ最近でやっと課金してご利用いただけるユーザー様が出てきました。 この記事で紹介するサービスは、具体的にいうと「Grmo(グルモ)」というグループウェアです。 (サービス紹介の記事ではないので、サービスの説明は割愛します。) グループウェアはすでに大手サービスも多々あり、完全に後発でサービスを開始したのですが、色々な試行錯誤をすることで、やっと課金して利用していただけるユーザー様が増えてきました。 とは言ってもまだまだ月に数件ですので、まだまだこれからですが、課金が発生するまでにここまででやってきた
プロトタイプにも最適！ 誰でもWebサイトを爆速開発できる無料Webサービスをまとめてみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に最近のトレンドを意識したWebサイトを作成できる無料のWebサービスを厳選してみました！ 短時間で美しいサイトが作れるので、プロトタイピングにも最適です。 各サービスの特徴や使い方などを簡単にまとめているので、これからWebサイトを作ろうと考えている人はぜひ参考にしてみてください！ ■「Bootstrap 4」ベースのWebサイトを作れるサービス！ 【 Pingendo 】 マウスでポチポチクリックしていくだけで、いつの間にか「Bootstrap 4」ベースのWebサイトが作れてしまうのが「Pingendo」の面白いところ。 当初はシンプルなWebエディタとしてリリースされていましたが、活発にバージョンアップを繰り返して多機能なサービスに変化しています。 豊富なテンプレートやコンポーネントが搭載されており、ファイルの書き出し
レスポンシブル・スマートフォンサイト制作講座 70以上の充実レッスンで作れるようになる！
★レスポンシブルサイトとスマートフォンサイトを作れるようになる講座です スマートフォンの時代の今、スマートフォンに対応したサイトを作れることは必須スキルです！ スマートフォンサイトとレスポンシブルサイトのデザインからコーディングまで、70以上のレッスンで必要な全てを学ぶことができます。 ★授業×チャレンジ課題で実践的なスキルが身につく！ スキルを身につける上で、実際作りながら学ぶことはとても大切です。 オンライン学習では、動画を見るだけで終わってしまい、実践的なスキルがつかないことが多いです。 こちらのコースでは全てのレッスンが、バナーや実際のカフェのWebサイトなど実践的なものを作ります。そして、各章の終わりにはチャレンジ課題として、その章で学んだことの理解を確認する課題があります。 ★過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作
それなりに使える、Web制作者がお世話になる便利ツール
作成：2016/01/4 更新：2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 エンジニア速報は Twitter の@commteで配信しています。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。 検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ
Web制作時に助かる、意外と役立つ便利ツール
作成：2016/05/9 更新：2016/06/29 Tool > Web制作する時にあると役に立つオンラインサービス。もっと効率的にするために、今のところ一番使いやすいと思うツールや埋め込み型のサービスをご紹介します。 エンジニア速報は Twitter の@commteで配信しています。 チャイムとクロック スクールや会社でウェストミンスターの鐘を鳴らしたいならこれ。Chromeタブを開いて時間を設定しておくと、学校の「キーンコーンカーンコーン」というチャイムを鳴らせます。 Web制作教室で50分・10分ごと実際にタイマーを鳴らしてますが、学校の気分が出て気が引き締まります。この歳に聴くと切なくなりますね。 timer tab タブで表示できる天気予報付きクロックならこちら。アニメーションが美しい。フォントの色と種類を指定可能。 Floaty Color Clock WordPress
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料の写真素材 · Pexels
Bubble: The full-stack no-code app builder. Start for free!
PageSpeed Insights
Edicy
TwitterカードやOGPなど、head内のmetaに記述するコードを簡単に生成できるオンラインサービス -Hey Meta
企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き） | Web担当者Forum
https://qiita.com/Dronetube/items/ac02a23eafe7d09f3b57
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
