ログインメモする

HOME

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

エミュレーター

U3

2019/9/4

2024/11/7

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

BrowserStack（ブラウザスタック）

https://www.browserstack.com/

コメント

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

関連する投稿

IPアドレスの逆引き・正引きとは？

https://www.kagoya.jp/howto/network/nameresolution/ホスト名（ドメイン名）に紐づくIPアドレスを調べることを正引き、逆にIPアドレスに紐づくホスト名（ドメイン名）を調べることを逆引きといいます。正引きの方法Windowsでは「コマンドプロンプト」、Mac OSでは「ターミナル」を起動します。cmd を入力してEnterキークリック。次に下記を入力してEnterキークリック。nslookup ホスト名 Addresses：に正引きのIPアドレスが表示されます。

0
98
0

U3

入力フォームの文字数上限の目安

入力フォームを作る時には文字数の入力上限を設定します。この制限文字数、多すぎても少なすぎても使いにくいフォームになるので、意外と大切です。目安となる上限が記載されたサイトがありましたので参考に引用します。姓名：各30文字（60バイト）法人名：50文字　（Wantedly）住所：161文字（483バイト）　（Fedex）電話番号：国内のみ・15文字、国際電話も入力可・21文字（21バイト）メールアドレス：254文字 (254バイト)引用元

0
161
0

U3

WebP　Googleが提供する画像ファイル形式

Google社が開発、2010年に提供開始。表示速度が速い。アルファチャンネル（透過）が使える。JPEGやGIF,PNGから置き換わりつつある。WebP変換ツールhttps://lab.syncer.jp/Tool/Webp-Converter/

0
92
0

U3

★便利：スマホ、PC,タブレット各サイズのスクリーンショットを出してくれるWebサービス

http://ami.responsivedesign.is/URLを入れると、各ブラウザサイズにはまった状態を見せてくれる

0
560
0

U3

ドメイン名の調査ツール

取得しようとしているドメイン名が、過去にペナルティなどを受けていないかを確認するツールagusewayback machineドメイン名を「site:」で検索

0
58
0

U3

Material Iconsをwebサイト経由せず、ローカルで使えるようにする

サーバーのセキュリティ設定等によっては、外部Webサイトへアイコンを読み込みに行くとリンク切れになることがあります。サーバーの状況がわからないクライアントへサイトを納品する場合には、アイコンは外部サイトへ読み込みに行かないほうがよいです。https://heimdal.hatenablog.com/entry/how-to-use-material-Iconsを参考にしました。1Releases · google/material-design-icons · GitHubから最新版をダウンロード2zipを解凍3iconfontのフォルダを、使いたいHTMLファイルのフォルダに格納htmlファイルと同じ階層にiconfontが入っている前提での記述<head> ・・・ <link rel="stylesheet" href="./iconfont/material-icons.css"> </head>

0
850
0

U3

Youtube　自動再生できない時

autoplay=1 が効かないとき・・・最新版の Chromeなどでは自動再生されない場合があります。iframe で Youtube 動画を埋め込んでいる場合src に、“&mute=1” パラメータを追加してください。

0
122
0

U3

ソースコードを比較して差分をチェックできるツール

CSSなどの差分をマージしたいときに便利かもしれません。Diff(テキスト比較ツール)https://tool-taro.com/diff/http://mergely.com/Dream weaverhttps://webkan.hateblo.jp/entry/20150903/p1

0
110
0

U3

【解決】HTML：Safariで一部の画像が表示されない

MacのSafari(MacBook Pro、iPad）で、ある画像が表示されない。という現象が起きました。WindowsのChromeやFirerox,Edgeで見ると表示されている画像が、MacのSafari（マックブックプロやiPad等）で表示したときだけ表示されないのです。それもWebページすべてではなく、ある画像のみです。キャッシュをクリアしたり、スーパーリロードしたりしたが非表示のまま。解決法：画像を作り直して差し替え表示されないpng画像がおかしかったようなので、差し替えたらSafariでも表示されるようになりましたた。具体的に何がおかしかったかというと、この画像をエクスプローラ上でディレクトリの中に入れると背景透過の部分が、黒くなるというものです。ちなみにこの画像です。この投稿をする際に、文章内に挿入はできましたが、「画像」からuploadしようとすると、internal errorが出ました。PNG等の背景透過画像をJPG等にフォーマット変換を行った場合に背景が黒くなることがありますが、この画像の拡張子は.pngです。難しいことはわかりませんが、とりあえず、この画像そのものに何か問題があり、Safariだけはその異常に反応して表示してくれないという状況だったようです。そこで、ややこしい画像を使うのはやめて、再度作り直して画像を差し替えたところ、Safariでも画像が表示されるようになりました。まとめSafariでのみ画像が表示されないという現象が、インターネットで探しても全くヒットしませんでした。背景透過のpng画像を作成する過程で何か余計なことをしてしまうとこういうことが起こるようです。Windowsで表示されるので、ちゃんとMacでもブラウザチェックしないと見逃すため、要注意。・メディアクエリでスマートフォンサイズで非表示にしていることが関係しているのかもしれない。と思ったが、そんな難しいことではありませんでした。

0
3495
0

U3

AdobeXDで作ったプロトをWeb上で共有【便利】

XDで作ったプロトタイプ（リンク先のつながりも再現できる）は、共有するボタンでWeb上に表示させるためのURLを生成できる。共有URLは一般公開されることに注意ランダムな文字列なので、第三者にアクセスされることはほぼないとはいえ、そのまま公開されるのは心配。しかし現在のところベーシック認証機能はAdobeではありません。クライアントに共有する場合は、iframeに入れたページにベーシック認証をかけてURLを提出すればよさそうです。コメントを許可、ホットスポットのヒントを表示共有URL生成前に、レビュー時にコメントできたり、クリック可能な領域（ホットスポット）に輪郭線が出せたりといった設定が可能。生成したURLを消去するには公開済リンクを管理…をクリックして該当のURLを削除します。プロトタイプおよびデザインスペックを共有する（Adobeヘルプ） https://helpx.adobe.com/jp/xd/help/share-embed-designs-prototypes.html iFrame内に埋め込むこともできるのでこれを活用❀

0
626
0

U3

アクセスランキング

1

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

8

2

rakuten handを初期化しても電話番号の情報が残っている

7

3

Google Playストアでアプリを一時的に非公開にする方法

6

4

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

6

5

ホームページで複数ページのヘッダーとフッターを共通にするサンプルコード

6

6

Webデザイナー＋コーダー＝Readdy

5

7

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

5

8

★リスト表示をjQueryで絞り込んで表示させる方法(フィルタ機能)

5

9

Google広告で領収書や支払明細を発行したいとき

5

10

顧客管理：BASEの例

5

11

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

5

12

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

4

13

モニター（ディスプレイ）が突然消えたりついたりを繰り返す

4

14

DreamＷeaver：コメントアウトのショートカット

4

15

[APIを叩く]ってどういう意味?

3

16

HTML/CSSのコーディングでDreamweaverが使われなくなってきている

3

17

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

3

18

エンティティ文字とは

3

19

Googleアナリティクス：通貨を日本円にしたい

3

20

Firebaseとは〜Googleが提供するバックエンドプラットフォーム（mBaaS）

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

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

1

3

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

1

いいねランキング

1

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

2

2

Looker Studio（Googleが無料で提供するBIツール）

1

3

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

1

この投稿者に問い合わせ

お名前

メールアドレス

電話番号（任意）

本文

この投稿者に問い合わせ

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

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

シェア
ログイン
利用登録する
ログアウト
マイアカウント
メモする

このサイトについて
問合せ

Copyright © Web担メモ

シェア

このエントリーをはてなブックマークに追加