Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
安全なウェブサイトの作り方~失敗例~ - goruchan’s blog
安全なウェブサイトの作り方を読んだので、理解した内容を自分なりにまとめておきます。資料 上記は3章構成になっていてそれぞれ長めの内容なので、ここでは3章の『失敗例』について、Ruby on Rails ではどうするかについてをまとめます。 SQL インジェクション OS コマンドインジェクション パス名パラメータの未チェック例（ディレクトリトラバーサル） 不適切なセッション管理例（セッション ID の推測） クロスサイト・スクリプティングの例（エスケープ処理） CSRFの例 HTTP ヘッダ・インジェクションの例 メールヘッダ・インジェクションの例 参考 SQL インジェクション 参考資料内の SQL インジェクション例を見て、Ruby on Rails ではどのように対策できるかを確認しました。 例えば、下記ような $uid, $pass をユーザ入力とし、SQL 文を動的に生成する場合
誰でも書ける『Web記事』の作り方｜取材・インタビュー・撮影編 - イーアイデム「ジモコロ」
こんにちは！ バーグハンバーグバーグ編集部です。 新人ライターさんから編集部によく寄せられる「どうやって記事を作ればいいですか!?」という声。 そこで前回は、どんな人でも書けるようになる『Web記事の作り方』をネタ出しとアポ取りに絞って解説しました。 ↑第三回 今回は、取材に行くときのコツやインタビューのやり方、撮るべき写真を解説します！ 前回と同じく、ジモコロ編集部のギャラクシー（左）と加藤（右）が、新人ライター瀬戸はるかさんに、解説する形で進めましょう！ ▼登場人物 WEBライター｜瀬戸はるか フリーの新人ライター。取材やインタビューはほぼ未経験。 ジモコロ編集長｜ギャラクシー 雑誌の編集、通販番組の脚本を経てWEB編集者に。【ギャラクシーが書いた記事】 WEB編集者｜加藤亮 編集プロダクションで編集とライティングを学んだ。【加藤が書いた記事】 服装について 早速なんですが、取材の時っ
弊社金沢御影店・本社屋前の街路樹について（最終報） | トピックス | 石川トヨタ自動車株式会社 公式WEBサイト
※2023/7/31更新 弊社金沢御影店・本社屋前の街路樹に関しまして、 一部SNSにてご指摘をいただきました。 ご指摘に感謝申し上げますとともに、 店舗をご愛顧いただいているお客様、 地域の皆様にご心配をお掛けし、 深くお詫び申し上げます。 本日7月31日、 石川県県央土木総合事務所に確認した結果、 石川県の「無電柱化推進事業」による道路工事に伴い 本年4月～5月にかけて伐採されたことが 確認できました。 地域に密着し住民の皆様に喜んでいただく経営を 目指す販売店として、あらためて、 皆様にご心配とご迷惑をお掛けしたことを 深くお詫び申し上げます。 石川トヨタ自動車株式会社 代表取締役社長 架谷 洋司 【本件に関する問い合わせ先】 管理部 中西 勉
誰でも書ける『Web記事』の作り方｜ネタ出し・アポ編 - イーアイデム「ジモコロ」
————————————- ■取材概要 先日、ニュースで◯◯様がおこなっている取り組みを知り、非常に興味を持ちました。私自身もこんな経験があり、こんな思いがあることから、ぜひ記事として世に広めたいと思っております。 主に聞きたいことは以下の質問です ・取り組みの詳細 実際にどのようなことをおこなっていて、それは我々にどのような恩恵があるのか └こういう場合は？ └こういう時のアドバイスはありますか？ ・◯◯様が考える、この取り組みのメリット・デメリット └例）今までこうだったものがこうなり、困っている人が減る └例）こういった人にとっては手間が増えるかもしれない ・どのような思いで、いつ、この取り組みがスタートしたのか └どんなきっかけでこの取り組みをやってみようと思ったのでしょうか？ └当時、周囲からどのように言われていましたか？ ※取材の許可を頂けた場合、事前に詳細な質問集もお送り致し
Webデザインに携わるすべての人へ！アイデアの参考になる世界の最新Webサイト37選
この記事では、世界中で公開されたばかりの最新ウェブデザインをまとめて紹介します。 もの凄いスピードで絶えず変化し続ける、Webデザインの見せ方やトレンドを意識したサイトを中心に集めています。 デザインの実例を見ることで、新しいアイデアの参考にしてみてはいかがでしょう。また、2021年公開のベストWebサイトも一緒に確認してみましょう。 【総まとめ】2021年話題になった世界のベストWebデザイン厳選50個 Webデザインに携わるすべての人へ！アイデアの参考になる世界の最新Webサイト37選 The Weirdos 「変わり者」といった意味をもっとサイト名らしく、ユニークでオリジナル性の高いイラスト・デザインと鮮やかな黄色の配色が目を引くデザイン。太い仕切り線も2022年のトレンド。 Notorious Nooch レトロでファンキーなキャラクターや配色など、2022年注目デザインスタイルの
Web会議に外付けマイクってやっぱり必要？ 試行錯誤してきた3名による「おすすめマイク座談会」 #ソレドコ - ソレドコ
こんにちは。ライターの井口エリです。 リモートワークが進み、オンラインミーティングが当たり前の世の中になっていますよね。筆者はライターという仕事柄、オンラインで取材し、初対面の相手と話すことも多いです。 私自身は今まで「聞こえにくい」と言われたことはないのですが、逆に自分が相手に対して「ちょっと聞き取りづらいかも」と気になったことがあります（相手の声が遠い、ノイズで聞き取れないなど）。もしかして、言われていないだけで自分も「聞こえづらい」と思われているのかも……？ そういえば、声が聞き取りやすいと感じた方はみんなきちんとしたマイクを使っていました。外付けマイクがあればこの問題を解決してくれるのでしょうか……！ しかしいざマイクを買おう！ と調べてみても、素人にはなかなか難しい。初めて聞く用語ばかりでメゲてしまいそう……マイク選びって何を基準にどう選んだらいいの？？ こんなときは、先人たちの
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
ソニーSTARVIS技術を採用する高性能Webカメラ「Razer Kiyo Pro」 - エルミタージュ秋葉原
セキュリティカメラ向けに開発されたソニーの裏面照射型画素技術「STARVIS」を採用する高性能WebカメラがRazerから。さらに超高感度のCMOSセンサーを組み合わせることで、暗い室内でも明るく、鮮明な映像で配信が可能だ。 また視野角は103°、90°、80°の3種類から選択可能。一人で行うゲーム配信や1対1のWebチャットから、複数人で行うビデオ会議まで、これ1台で幅広い用途をカバーすることができる。 主なスペックは画像解像度2.1メガピクセル、ビデオ解像度最高1080p＠60fps、ビデオエンコーダH.264。内蔵マイクは全指向性のステレオ方式で、オーディオコーデックが48KHz/16bit、感度-38dB。 インターフェイスはUSB3.0、ケーブル長は1.5m。対応OSはWindows 8以降で、取り付け方法はL字型ジョイントと三脚（別売）に対応する。 文： エルミタージュ秋葉原編
Webページの特定のテキストにリンクを張れるChrome拡張機能、Googleが公開
米Googleは6月17日（現地時間）、Chrome拡張機能「Link to Text Fragment」をChrome Web Storeで公開した。Webページ上の特定のテキストへのURLを生成できる。 拡張機能をインストールしたら、リンクしたいテキスト部分を選択し、右クリックで表示されるメニューで「Copy link to Selected Text」を選ぶ。 これでURLが生成されるので、後はメールなりメッセンジャーなりにペーストするだけだ。例えば記事の途中などにもリンクできる。リンクをクリックすると、リンク先として選ばれた部分が黄色く表示される。 長い論文で参照したい部分の覚え書きにも使えそうだ。 筆者の環境では、Chromium版Edgeでも使えることが確認できた。 関連記事 「Chrome 83」の安定版公開 タブのグループ化、Cookie設定や安全性チェック、拡張機能管理の
富士フイルムもデジカメのWebカメラ化ソフト Web会議の需要増に対応
富士フイルムは5月27日、同社のデジタルカメラ「X／GFX」シリーズをPCに接続してWebカメラ化するWindows 10向けソフト「FUJIFILM X Webcam」を無償公開した。 ソフトをインストールした後、対応するカメラをPCにUSBケーブルで接続。Web会議ツールなどのカメラ設定で「FUJIFILM X Webcam」を選ぶと使えるようになる。 カメラに搭載する色調の変更機能「フィルムシミュレーション」もそのまま使えるなど、同社は「高機能デジカメならではの描写でオンラインミーティングを行える」としている。 対応機種は「GFX100」「GFX 50S」「GFX 50R」「X-H1」「X-Pro2」「X-Pro3」「X-T2」「X-T3」「X-T4」。 新型コロナの影響で在宅勤務を指示する企業が増えており、Web会議の需要が高まっている。店頭ではビデオ通話に使うWebカメラの売り切
Skype、アカウントもアプリも不要の無料Web会議サービス「Meet Now」を提供開始
米Microsoft傘下のSkypeは4月3日（現地時間）、Microsoftアカウントもアプリのダウンロードも不要の無料Web会議サービス「Meet Now」機能を利用可能にした。数クリックで無料のWeb会議を開始できる。 Webページの「無料の会議を作成」ボタンをクリックするとWeb会議用の一意のURLが表示されるので、それをメールなどで送ることで参加者を募れる。Microsoftによると「あらゆる機能を自由に利用でき」、「会議リンクの有効期限はなく、いつでも使うことができ」るという。なお、SkypeのWebクライアントをサポートするWebブラウザは、Microsoft EdgeとGoogleのChromeのみだ（Firefoxで試してみたところ、「ブラウザーがサポートされていません」と表示された）。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gmailへのメールが届かなくなる？ 2024年6月までにやるべき3つの対応 | Web担当者Forum
「デイリーポータルZ」がサイト改善で入会数54.6％増！ ウェブ解析士マスターと語る裏話 | 【レポート】Web担当者Forumミーティング 2022 秋
高機能オンラインホワイトボード「Miro」が日本での展開を本格化／11月17日からWebサイトを日本語化、2022年2月1日からは日本語化した製品を投入
SEOのプロ解説！ HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
「WEB屋しか使わない単語だから…」サイトの上にある押すとメニュー出てくる3本線のアイコンは「ハンバーガーメニュー」というらしい
ソニー、Webカメラ化ソフト「Imaging Edge Webcam」公開 Windows 10用 フルサイズαからコンパクト機まで対応
Evernote創業者が作ったWeb会議アプリ「mmhmm」なら、よりリアルな体験が可能に | ライフハッカー・ジャパン
ニコン、同社一眼レフ/ミラーレスのWebカメラ化について解説 Windows向け 社外の汎用ソフト「SparkoCam」経由で
