koblog

高校生のWEBデザインブログ

QRのススメを使いこなそう

前回の記事のおまけです。

まだ見ていない人はぜひ見てください。

時代はモバイルファースト。URLをQRで共有しよう - koblog

 

QRのススメはこちらから

スマホ版:QRのススメ:無料で作成! 簡単QRコード

パソコン版:QRコード作成 【無料】:QRのススメ

 

 

何文字で最大容量の270になるの?

テキスト

270というのは270Byteのことのようで、半角で270文字・全角で135文字で最大容量になりました。色と大きさは入力できる容量に関係ないようです。

f:id:somethingreview:20190312180335p:plain

 

その他の機能についてはまた後々...

 

アドレス帳

アドレス帳では下の画像のように情報を埋め込めます。

f:id:somethingreview:20190312180854p:plain

 

その他では住所・メモ・両方が選べます。

完成するとこんな感じです。

f:id:somethingreview:20190312180918p:plain

 

アイコンQR

絵や文字を入れられるようです。

埋め込める情報はURLのみでテキストは無理でした。

 

選べるエフェクトはイラスト・favicon・アイコン・テキストです。

f:id:somethingreview:20190312182217p:plain

(左:イラスト、右:favicon

f:id:somethingreview:20190312182234p:plain

(左:アイコン、右:テキスト)

 

僕はブログ名が分かるテキストが一番気に入りました。

これでブログ紹介などをしたら面白そうです。

faviconもいいですが、僕のブログのfaviconはダサいので...

お洒落だったら気に入っていたかもしれません。

 

アイコンはgihubとtwitterにしてみました。

githubは使ってみたいとは思って調べたりしていますが、今でもいまいち使い方がわかりません。

 

可変QR

後から変えられるのは凄いことですが、目立った機能はありませんでした。

初めてなので新規作成を選びます。

f:id:somethingreview:20190312182821p:plain

 

URLとメールアドレスを入力します。

メールアドレスを登録しないと、パスワードを忘れたときに変えられないそうです。

新しく作れば良い気もしますが...

f:id:somethingreview:20190312182853p:plain

 

「OK」をクリックするとIDとパスワードが表示されます。

メモをしておいてください。

f:id:somethingreview:20190312183414p:plain

 

後から変えられる分、あまりカスタマイズできません。

作られるQRも他のと変わらず見ただけではわかりません。

f:id:somethingreview:20190312182932p:plain


 情報を変更するときは新規作成ではなくリンク編集に進んでIDとパスワードを入力します。

f:id:somethingreview:20190312183251p:plain

 

おまとめQR

複数のURLを埋め込むことができます。

今回はYahoo Japan・Google・Yahooを設定してみました。

f:id:somethingreview:20190312184329p:plain

 

QRは下のようになります。

f:id:somethingreview:20190312184111p:plain

 

QRを読み取るとジャンプページに飛びます。

f:id:somethingreview:20190312184538j:plain

 

SMART QR

CSSのメディアクエリのようなものです。簡単にできるので便利そうです。

残念ながら、端末とOSを何種類も持っていないので今回は詳しくは検証できません。

f:id:somethingreview:20190312183920p:plain

 


 

いかがでしたか。

詳しくは本編で紹介しているので、よかったら見てください。

時代はモバイルファースト。URLをQRで共有しよう - koblog

サムネイルPC
POPULAR
サムネイル

【コピペのみ】ブログのシェアボタンをシンプルでオシャレにカスタマイズしよう!

サムネイル

Twitterの「埋め込みタイムライン」を使う方法

サムネイル

【CSS】コードをオシャレに飾るボックスデザイン


スポンサーリンク


NEW POST
サムネイル

2019.8.30 Fri

Xcodeを使ってスマートフォン用サイトの動作確認をしてみる【Mac】

サムネイル

2019.4.09 Tue

【2019年版】Disqusのおすすめ設定

サムネイル

2019.8.07 Wed

JavaScriptでURLを遷移させる【ジャンプページを作る方法】

サムネイル

2019.6.12 Wed

JavaScriptでページのURLをコピーする機能を作ってみる

サムネイル

2019.6.04 Tue

はてなブログのCSSがスマホで反映されないときの対処法

サムネイル

2019.6.03 Mon

Javascriptで「前のページに戻る」リンクを作ってみる