Web担メモ
ログイン メモする
Web担メモ
  • HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。


WebサイトでVR体験

U3
2020/6/26
2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

https://xr-hub.com/archives/2331#:~:text=WebVR%E3%81%A8%E3%81%AF%E3%81%9D%E3%81%AE%E5%90%8D,%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%A7%E3%81%8D%E3%82%8B%E6%8A%80%E8%A1%93%E3%81%A7%E3%81%99%E3%80%82



コメント

コメントはまだありません。

関連する投稿

SafariでFacebookの埋め込みが表示されない
現象自社のホームページに埋め込んでいるFacebookが、MacのSafariで見ると表示されない。これは、iOS15からSafariのプライバシー保護機能が変わったことが原因のようです。近年プライバシー保護が進んでおり、ブラウザ側でトラッキング防止機能が強化されているため、ブラウザの設定などによってはfacebookなどの外部サイトの埋め込みが表示されないケースが生じるようです。対処法埋め込むコードの中の「data-tabs=”timeline”」の部分。これを「data-show-posts=”true”」に書き換えhttps://digitalyze.net/chrome_facebook_page-plugin/解決法facebookの埋め込みは一部のブラウザでは表示されないことがあるという前提で、ホームページに埋め込むか、埋め込みをやめてリンクバナーなどにするかの判断をするのがよさそうです。

Web制作

  • 0
  • 5273
  • 1
U3
オンライン決済アプリケーション Stripe
Stripehttps://stripe.com/jp/about手数料:決済成立ごとに3.6%https://stripe.com/jp/pricingワードプレスで作ったサイト上で商品を販売したい場合など、Stripeと接続すると決済機能を追加できます。

Web制作

  • 0
  • 92
  • 0
U3
「踊り字」など、Web入力フォームを作成する時のバリデーションで弾かれないように気をつけるべきこと
踊り字(ゝゞ々〻)や機種依存文字、全角・半角の揺れ、不可視文字などは、Webフォームのバリデーションで“意図せず弾かれる”代表例。 特に日本語入力を扱うフォームでは、「禁止する」よりも「許容する」方向で設計する方が安全になることが多い。以下、Web入力フォームを作るときに必ず気をつけるべきポイントを体系的にまとめるよ。まず押さえるべき前提踊り字は Unicode 正規の文字→ 本来は弾く理由がないただし、古いバリデーションルールや正規表現が「想定外文字」として弾くことがある特に「ひらがな・カタカナのみ」といった制限をかけると、踊り字が漏れやすい気をつけるべきポイント一覧1. 踊り字(ゝゞヽヾ々〻)を許容するよくある失敗例は、 ^[ぁ-んー]+$ のように範囲指定してしまい、踊り字が入らないケース。対策Unicode プロパティを使う(例:\p{Hiragana} や \p{Katakana})もしくは踊り字を明示的に追加する 例:[ぁ-んゝゞー]+2. 機種依存文字(①㈱㊤Ⅲなど)をどう扱うか決めるこれらは Unicode では問題ないが、システム側の処理(DB・外部API)で弾かれることがある入力フォームで禁止するか、保存時に変換するかを決める対策許容する場合:UTF-8 で統一し、DB も UTF-8 に禁止する場合:エラーメッセージを明確にする3. ゼロ幅スペース・不可視文字の混入コピペで入りやすい代表例:ゼロ幅スペース(U+200B)ゼロ幅ノンジョイナー(U+200C)ゼロ幅ジョイナー(U+200D)改行コードの違い(LF / CRLF)対策入力時にトリム(前後の空白除去)不可視文字を除去するフィルタを入れるただし「名前」などは除去しすぎると危険なので注意4. 全角・半角の揺れメールアドレス電話番号郵便番号カタカナ(全角/半角)対策入力時に正規化(NFKC)ただし、人名・住所は正規化しすぎると誤変換の原因になる5. Unicode 正規化(NFC / NFD)問題Mac の日本語 IME は NFD を使うことがあるため、 「ガ」が「カ + ゛」の分解文字列になることがある。対策サーバー側で NFC に統一DB も NFC で保存6. 絵文字の扱い絵文字はサロゲートペアを含むため、古いバリデーションで弾かれやすい入力禁止にするか、許容するかを明確に決める対策絵文字を禁止するなら、Unicode プロパティで除外許容するなら、DB の文字コードを UTF8MB4 に7. 改行の扱いテキストエリアで改行を許可するか1行入力欄で改行を入れたときの挙動対策改行コードを統一(LF)1行欄では改行を禁止---実務でのおすすめバリデーション方針 1. 「禁止リスト」ではなく「許可リスト」を使わない禁止リストは漏れが出る。 許可リストも範囲指定が難しい。→ Unicode プロパティベースのバリデーションが最も安全 2. 入力時に軽い正規化、保存時に厳密な正規化入力時:トリム、NFKC(用途による)保存時:NFC に統一表示時:元の文字を保持 3. 人名・住所は「ほぼ自由入力」にする日本語の名前は例外が多すぎる住所も同様不要なバリデーションは UX を壊す--- まとめWebフォームで気をつけるべきは以下の7つ:踊り字を許容する機種依存文字の扱いを決める不可視文字の混入全角・半角の揺れUnicode 正規化(NFC/NFD)絵文字の扱い改行の扱い特に日本語フォームでは、「弾きすぎない」設計が最重要。

Web制作

  • 0
  • 8
  • 0
U3
.htaccessのリダイレクトの書き方
RewriteEngine on RewriteRule ^■■.html$ https://www.〇〇.com/▲▲.html [L,R=301] ワードプレスの場合WordPressのリダイレクト設定はプラグイン「Redirection」で

Web制作

  • 0
  • 126
  • 0
U3
サイト内のテキストをコピー禁止にする
http://raining.bear-life.com/html/web%E3%82%B5%E3%82%A4%E3%83%88%E5%86%85%E3%81%AE%E6%96%87%E7%AB%A0%E3%83%BB%E6%96%87%E5%AD%97%E5%88%97%E3%82%92%E3%82%B3%E3%83%94%E3%83%BC%E7%A6%81%E6%AD%A2%E3%81%AB%E3%81%99%E3%82%8BJavaScriptでコピーペーストできないようにする

Web制作

  • 0
  • 115
  • 0
U3
WinSCPでZIPの解凍、ZIPへの圧縮を右クリックからカスタムコマンドで実行
https://9-bb.com/winscp%E3%81%A7zip%E3%81%AE%E8%A7%A3%E5%87%8D%E3%80%81zip%E3%81%B8%E3%81%AE%E5%9C%A7%E7%B8%AE%E3%82%92%E5%8F%B3%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%8B%E3%82%89%E3%82%AB%E3%82%B9%E3%82%BF/

Web制作

  • 0
  • 1462
  • 0
U3
studioでサイトを作って独自ドメインで動かす
独自ドメインでのサイト公開は有料プランのみ。お名前.comやムームードメインなどで別途ドメインを取得する必要あり。

Web制作

  • 0
  • 16
  • 0
U3
デザインだけあれば、サイトを制作できる「STUDIO」 など、ノーコードツールいろいろ
ノーコードでWebサイトを作成できるツールがTwitterで話題になっています。これはしっかり試してみないと。STUDIOって何?STUDIOでは、たった1クリックで作成したデザインを実際のWebサイトとして公開することが可能です。 もう面倒なコーディングやサーバーの設定などは、必要ありません。https://studio.design/jaその他、ノーコードでのサイト作成にワードプレスの有料テーマ Divihttps://www.elegantthemes.com/gallery/divi/https://nocodeweb.jp/divi/Divi Supremeというプラグインを入れると使い勝手が格段に上がるそうです。

Web制作

  • 0
  • 131
  • 1
U3
Youtube以外の動画サイト
ニコニコ動画https://www.nicovideo.jp/Vimeohttps://vimeo.com/共有ボタンがある会費制

Web制作

  • 0
  • 195
  • 0
U3
DMARC
v送信ドメイン認証技術のDMARC は、メールを受け取る時になりすましメールかどうかを判断できる

Web制作

  • 0
  • 145
  • 0
U3

アクセスランキング

1

Excelで一つの値を一番下のセルまでコピーしたい時

16

2

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

5

3

VSCodeで複数ファイルを横断して検索&置換する方法 Option+Shift+F

5

4

【解決】モニターディスプレイが消える「入力信号が見つかりませんでした」

5

5

自分のチャンネルのYouTube動画に広告が表示されないようにしたい

4

6

NEWマークを任意の日数だけ表示させる(JavaScript)

4

7

App Storeでアプリを一時的に配信停止にする方法

3

8

コーディングを依頼するときのXDへの指示の書き込み方サンプル

3

9

Criteoという広告が勝手に表示される

3

10

Rocket.chatのスターとピン止めの違い

3

11

SNSの公式ロゴアイコンのダウンロード元(Instagram,Twitter,Facebook)

2

12

WBMP形式の画像ファイルとは

2

13

Apple Distribution証明書の発行上限数は3つ

2

14

Adobe XDの機能:スタック って何

2

15

ホームページのアクセスカウンターは最近なぜ見なくなったの?

2

16

【CSS】英語と日本語を混ぜた要素の高さが合わない

2

17

Google マテリアルのアイコンと画面を Adobe XD に読み込む方法

2

18

Adobe:Special characters must be escaped :[<].と出た

2

19

Wordでツールバー・メニューバーを常時表示にする(ピンマーク) Office2016

2

20

Excel:都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

AIコピペハラスメントとは?〜AIが生成した文章をそのまま送るのはやめよう

1

3

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

1

いいねランキング

1

AIコピペハラスメントとは?〜AIが生成した文章をそのまま送るのはやめよう

2

2

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

3

Looker Studio(Googleが無料で提供するBIツール)

1
この投稿者に問い合わせ
この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

  • シェア
  • ログイン
  • 利用登録する
  • ログアウト
  • マイアカウント
  • メモする
  • このサイトについて
  • 問合せ
Copyright © Web担メモ
シェア
いいね! X このエントリーをはてなブックマークに追加 LINEで送る