Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
さくらのレンタルサーバ+αで費用を節約しつつ軽めのサイトを作る - Qiita
はじめまして、普段インターネット上ではおもに「Minecraft」の活動を中心におこなっているえちからと申します。クリエイティブ建築がメインなのですが、VPSを使ったサーバ運用も時々やっている人です。 また本業に関しても趣味が高じて、フリーランスでWordpressをベースにした「Web制作」「Webマーケティング」をおこなっています。 さて今回は「さくらのゴールデンカレンダー2022」8日目への寄稿も兼ねて、自分のサイト用に構成しているさくら+αを使ったWebサーバについて設定方法と一緒に紹介していきます。 利用サービス はじめに、今回の構成で利用するサービスを簡単に説明します。 さくらのレンタルサーバ スタンダードプラン 月額524円（年間一括5,238円） Webサイトの置き場として使用。 いうまでもなく老舗。比較的費用を抑えつつ、そこそこのサーバスペックとコントロールパネルの利用し
VuePressを用いた静的サイト生成入門 | gihyo.jp
本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行うものです。今回はMisskeyオフィシャルサイトであるMisskey Hubでも使用している、静的サイトジェネレーターVuePressについて紹介します。 図1 VuePressで構築されている「Misskey Hub」 静的サイトとは 静的なサイトを理解するにはまず動的なサイトを理解するのが早いと思います。 動的（dynamic）なサイトとは、簡単に言うと閲覧者のアクセスごとに内容をサーバーで生成するWebサイトのことです。例えばTwitterのようなサービスを考えると、表示されるタイムラインは閲覧者がフォローしているユーザーによって異なるため、同じtwitter.comへのアクセスでも異なる内容になります。 静的（static）なサイトとは、動的なサイトの逆で、そのWebサ
ホワイトペーパーとは？Webマーケティングでの活用方法と制作方法 ｜ ノウハウ凝縮コラム「転ばぬ先の杖」｜株式会社フォノグラム
ホワイトペーパーの基礎知識から作成方法、活用方法を解説！ホワイトペーパーとは？Webマーケティングでの活用方法と制作方法 広島でWeb制作やWebマーケティング支援を行っている、株式会社フォノグラムです。 Webサイト上で見込み顧客との接点を獲得するために重要な施策の1つとして、「ホワイトペーパー」があります。 ホワイトペーパーは、見込み顧客にとって有益な資料を提供する代わりに、メールアドレスや電話番号などの情報を獲得する施策です。 この記事では、ホワイトペーパーの基礎知識から作成方法、活用方法について紹介します。 ホワイトペーパーの作成方法では、AIを活用して短時間で資料を作成する方法も紹介しています。 「AIを使って爆速でホワイトペーパーを作成する方法」が今すぐ知りたい方はこちら ※今回の記事はアドビ社のPR企画「みんなの資料作成」に参加して執筆しています。 ホワイトペーパーは、主にB
2022年版：OGPの正しい設定方法まとめ。確認方法や画像サイズも | Web Design Trends
OGPは、WebサイトのSNSからの流入を増やすためには欠かせない存在ですが、意外とWebサイト公開時に忘れがちになってしまいます。 ただしくOGPが設定されていないと、せっかくSNSでURLがシェアされてもアクセス数が伸びず、大きな機会損失に繋がってしまう可能性があります。 今回は、WebサイトにおけるOGPの正しい設定方法や、適切な画像サイズ、OGPが正しく設定されているかの確認方法をご紹介したいと思います。 OGPとは？ OGPとは、「Open Graph Protcol（オープングラフプロトコル）」の略称で、TwitterやFacebook、LINEやSlackなどでWebサイトをシェアした時に表示されるタイトルや画像を設定するためのものです。 例えば、TwitterでWebサイトをシェアすると上記の画像のようにリンクがカードで表示されますね。 このように、OGPが正しく設定されて
全部無料！ワイヤーフレームからプロトタイプ作成まで完結できる「Evrybo」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ゼロからワイヤーフレームを作って、インタラクティブに動作可能なプロトタイプ開発まで完結できる無料のWebサービスをご紹介します。 作成できるプロジェクト数やユーザー数に制限がなく、自分好みのプロトタイプを作成してそのまま公開・シェアが可能。さらに簡単なテストもできる機能が搭載されています。 ワイヤーフレームの作成やプロトタイプ開発に興味ある人はぜひ参考にしてみてください！ 【 Evrybo 】 ■「Evrybo」の使い方 それでは、最初に「Evrybo」をどのように使い始めたらよいのか実際に触りながら見ていきましょう！ まずはサイトにアクセスしてトップページにあるボタンをクリックします。 ユーザー登録の画面が表示されるので、メールアドレス・パスワードを入力しましょう。 登録が完了すると最初のプロジェクトを作成できる画面になります。 プロ
AWSに関するありがちミスとその対策〜EC2、S3、RDS、Lambda、CloudFrontの場合 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
エンジニアHub > 記事一覧 > AWSに関するありがちミスとその対策～EC2、S3、RDS、Lambda、CloudFrontの場合 AWSに関するありがちミスとその対策～EC2、S3、RDS、Lambda、CloudFrontの場合 AWS入門者が基本として知っておくべき知識を、AWS導入＆運用サポートのプロである、アイレットのエンジニア3名に聞きました。多くのAWSユーザーに支持されるAmazon EC2、Amazon S3、Amazon RDS、AWS Lambda、Amazon CloudFrontそれぞれの勘所やオススメの設定を、余すところなく紹介してもらいます！ なぜ、AWSを選ぶのか？ Amazon EC2～インスタンス起動後はプライベートIPを設定できないので注意 Amazon S3～S3はディスクではない。マウント非推奨の理由 RDS～自動スナップショットの保持期間を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LaravelとVueのWebアプリをさくらのレンタルサーバへデプロイする