0 minimum-scale = 1. 0 maximum-scale = 1. 0 user-scalable = no この設定により、iPhone と Android でページの表示倍率が 1. Webサイトをスマホ対応にしなくてはいけない理由｜成果につながるWebスキルアッププログラム. 0 固定にして、ページのピンチができないようにしている。 その結果、ページの表示倍率が変わる余地をなくしている。表示倍率が変えられない状態になってはじめて、WebKit は仕方なくページの横幅を変えてくれるようだ。 記事を公開したあと、コメント欄で教えてもらったのがこのパターン。 と設定することで、「ピンチは可能」かつ「横向きにしたときに 1 行の情報量が増える」を実現できる。 文字のサイズを固定化したいなら、パターン 3 と同じように CSS に次のように指定しておく。 Bootstrap のサイトはこのパターンだし、 jQuery mobile の Getting Started でもこのパターンが推奨されている。 方向を変えたときに、表示倍率が変わってしまうのが少し気になったが、利用者が自由に拡大・縮小できるので自由度が高い。 以上の内容を表でまとめる。 番号 選ぶポイント 弱点 採用数 1 PC 向けのサイトをスマホで見ても、十分に見やすいとき。 初期状態の文字が小さい。 - 2 縦向き・横向きでレイアウトを変えたくないとき。 横向きにしたときに極端に拡大される。 △ 3 サイトの使い勝手をアプリっぽくしたいとき。 ピンチで拡大・縮小できない。 ◎ 4 縦向き・横向きに対応しつつピンチも許可したいとき。 向きを変えると表示倍率が変動する。 ○ このブログでも、ピンチできないのは不便だけど、結局、他の大手サイトと同じく 3 番目を採用した。
なぜ? スマホで見られないページは2021年にグーグルから消える!? MFI強制移行で【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ | Web担当者Forum. みんなが使っているから (Gary Illyes on Twitter) 海外情報 グーグルのゲイリー・イリェーシュ氏が、こんな架空の会話をツイッターに投稿していた。 ビジネス(の運営者): ビジネス名称を「甲」から「乙」に変更しました。これからは私たちのことを「乙」とお呼びください。 多くの人: しばらくは(以前の名称の)「甲」と呼ぶでしょう、私たちは人間ですからね。 (1週間後) ビジネス: どうしてグーグルはいまだに私たちのことを「甲」と呼ぶのだろうか? グーグル: 多くの人があなたことをそう呼んでいるからです。 business: "we changed our name to 'Bar' and going forward you shall call us 'Bar'" literally everyone: "no, we're gonna call you 'Foo' for a few months more cos we're humans [a week later] b: "why is Google still calling us 'Foo'?! " Google: literally everyone's calling you that — Gary 鯨理/경리 Illyes (@methode) October 14, 2020 イリェーシュ氏が何のことを言っているかおわかりだろうか? 社名 店名 サービス名 の変更にともないサイト名を変更することがある。ところが、変更したにもかかわらず 変更前のサイト名が検索結果に表示される ことがある(グーグルが タイトルタグを勝手に変える 現象)。以前の名称で検索しないと検索結果の上位に出てこない場合もあるだろう。 なぜこういうことが起きるのかをイリェーシュ氏は説明しているようだ。その理由とは、「そのほうが検索ユーザーにとってわかりやすいから」というもののようだ。 サイトの名称が変わったとしても、新しい名称がすぐに世間に認知されるわけではない。しばらくの間は、多くのユーザーが認識している名称は以前のもののままだろう。だから昔の名前をグーグルは検索結果に表示するのだ。 ビジネス側としてはやっかいなのだが、ユーザーのために旧名称をグーグルは優先している。新名称の認知が広まれば、やがてはその名称を検索結果に表示するようになるだろう。 サイト名を変更した場合は、その新しい名前がウェブで言及されるような取り組みが必要かもしれない。そういった意味では、SEO担当者が役員に文句を言われないようにするために、広報チームとうまく連携する必要もありそうだ。 ★★★★☆ SEOがんばってる人用(ふつうの人は気にしなくていい)
多くの企業がWebサイトのスマホ対応を進めています。「メディア定点調査2015」によると スマホ所有率は69. 2%、タブレット所有率は27. スマホでホームページが見られなくなるってホントですか? - いまさら聞けないAndroidのなぜ | マイナビニュース. 5% となっています(博報堂DYメディアパートナーズが2015年7月に発表)。2012年の同調査(スマホ31%、・タブレット11. 6%)と比べるとスマホは2倍以上、タブレットも約3倍と、 所有率は急激なペースで増え続け ていることがわかります。 このブログの読者の方もほとんどがスマホをお持ちと思いますが、スマホで何か調べ物をしたとき、文字が小さくて見にくい、うまくタップできない、そもそも動的コンテンツで表示できない、そんな状態でガッカリした経験はありませんか? 本記事では、いまWebサイトの スマホ対応をいち早く始めるべき理由 と見やすいスマホサイトの実例を紹介します。 あなたのWebサイトはスマホ対応できてますか? Googleも推奨するモバイルフレンドリー モバイルフレンドリーとはスマートフォンの表示に最適化させる事ですが、 GoogleのWeb検索では、スマホ対応しているサイトを優遇 し、検索結果一覧の表示順位を決めるランク付けにポジティブな評価をしています。これは2015年4月に行われたアップデートから適用されています。対応サイトには検索結果一覧には 「スマホ対応」というラベル表示 があり、ユーザーもひと目で見やすいサイトだということがわかります。 実際に、自社のサイトが十分にスマホ対応できているかは、「 モバイルフレンドリーテスト 」のページからすぐに確認できます。 良い例 スマホ対応の基準は、Flashなど携帯端末では一般的でない(表示が正しくできない可能性のある)ソフトウェアを使用していないこと、 リンクボタン等が十分な余白を持って置かれている こと(タップしたときに押しやすい)、 ズームしなくても読めるテキストサイズ であることなどが Googleのブログ で解説されているので、一度確認してみるとよいでしょう。 悪い例 スマホ専用サイトを作らずとも済む方法 とは言っても、Webサイトをひとつ運用するのにも結構な時間と頭を費やす中で、スマホサイトまで・・となると作るのも更新も作業は2倍以上!
5 倍、iPhone 5 では 1. 7 倍)。 字が大きくなって読みやすくなるが、画面内の情報量が少なくなる。 あまり見たことがないが、たとえば、 はてなブックマーク スマートフォン版 のソースを見ると、 となっている。 320px とあるので、旧世代の指定のままだ。現実問題として、Nexus 7 で閲覧すると 320px だと信じて描画するので、フォントがでかすぎて見づらい。 スマートフォンのネイティブ アプリの動作をみていると、横向き (Landscape mode) にしたときには1行に表示する文字の数が増えるものが多い。 例えば、iPhone 3GS 標準のメモ アプリがそうである。 Web においても同様に「横向きのときは一行の文字数を増やしたり、追加の情報を表示したりしたい」という欲求がでてくる。 そのような場合は、 viewport を次のように書きなおせばよい。 あわせて CSS に次のように指定しておく。 body { -webkit-text-size-adjust: 100%;} (理由は -webkit-text-size-adjust: none を絶対に設定してはいけない理由 を参照) 横方向のときには次のようになる ( デモ ページ)。 メモ アプリの利用イメージに近くなった。 ただし、この指定にしてしまうと、 ピンチによる拡大・縮小ができない という大きな弱点がある。 数多くの大手サイトがこの方式を採用している。Google も Yahoo! Japan も twitter も facebook も全部これである。 「ピンチできない」という大きな欠点はあるものの、端末の縦横方向を変えたときに画面内の情報量を減らしたくないないので、このパターンを採用せざるをえないのだろう。 向きを変えたときに横幅が変わりつつピンチも使えるような手段が提供されるのが理想なのだが、現在のところ、そのような指定をする方法はない。 補足 viewport で指定してるのは長ったらしい値は、次のようになっている。 width = device-width initial-scale = 1.
レスポンシブとは、PCやスマホ、タブレットの画面のサイズに合わせて自動的にデザインの切り替えができる設定のことです。一見、便利な設定に思えますが、実はレスポンシブはECサイトには適していないと言われています。 ECサイトは、基本的にPCサイトをベースにしたデザインで作られますが、PCのコンテンツの階層をそのままモバイル対応のデザインに変えてしまうと、階層が深くなりやすくなりがちです。そのような状況になると、スマホでのタップ数が増えてしまうため、離脱率が高くなってしまいます。 また、PCサイトはSEO重視の観点からある程度のテキスト量が必要になるのですが、スマホサイトでは直感的に見せたいことが多いので、ボリュームのあるテキスト量は邪魔になるケースが多いのです。スマホを意識するのであれば、最小限のテキスト量にとどめ、画像などを活用したほうが効果はあるでしょう。 つまり、PCとスマホではそもそも画面のサイズが違うので、レスポンシブデザインで画面を共通にするということは難しいということになります。 売れているサイトのデザインは意外とシンプル!
弥次郎兵衛は出世して歌舞伎座の経営再建担当となり、友達の喜多八もリストラしてしまいます。路頭に迷う喜多八を拾ったのは万屋(よろずや=コンビニ)「家族商店」を営む弥次郎兵衛の父。喜多八は「家族商店」で真面目に働きます。「家族商店」には歌舞伎座をクビになった元役者の時枝(中車)、弥次喜多と珍道中を共にした梵太郎(染五郎)、政之助(團子)が入り浸っています。流行中の謎のウイルスによる不況の影響か、皆以前とはどこか変わってしまった様子。そこへ、遂に歌舞伎座を辞めさせられた弥次郎兵衛が、退職金を大事に抱えて帰ってきます。その手には「世界の終わりと始まり 更新の日は近い」と書かれた意味深なビラが握られているのでした…… 松本幸四郎 コメント 全世界に共通する物語の歌舞伎というのは初めてではないでしょうか。ルールも不可能もない、「配信」と「歌舞伎」の無限の可能性を詰め込んだ作品になっています。根拠はありませんが、歌舞伎の配信は今後100年続いていくと信じています! 好きな時に、好きな場所で「弥次喜多」をお楽しみください。 市川猿之助 コメント 10年前は絵空事だった物語が、私たちの日常とシンクロしている今だからこそ、この作品を歌舞伎にして届けようと思いました。この時代を生きるひとり、ひとりに深く響く作品だと思いますので、これまでの「弥次喜多」を知らない方も、新作映画を観るような気持ちでぜひ、ご覧ください! 図夢歌舞伎「弥次喜多」Amazonプライムビデオ 独占レンタル配信開始!コメント映像 なお、Amazon Prime Videoでは、「図夢歌舞伎『弥次喜多』」の配信を記念して、幸四郎・猿之助出演のシネマ歌舞伎や「図夢歌舞伎『忠臣蔵』」、『シネマ歌舞伎「スーパー歌舞伎Ⅱ ワンピース」』、「シネマ歌舞伎『女殺油地獄』(おんなごろしあぶらのじごく)」など合計11作品を、12月26日(土)以降順次レンタル配信する。 写真:図夢歌舞伎『弥次喜多』12月26日よりレンタル配信開始 (C)松竹 配信情報 「図夢歌舞伎『弥次喜多』」 配信開始日:2020年12月26日(土) 分数:112分 配信元:Amazon Prime Video(国内独占レンタル配信) レンタル料:1, 900円(税込) 作品ページ: ※Prime Video作品ページの"レンタル"のタブをクリックすると、作品をレンタルすることができます。レンタル期間は30日間で、一度視聴を開始すると48時間でレンタルが終了します。 ■監督・脚本・演出:市川猿之助 ■原作:前川知大「狭き門より入れ」 ■構成:杉原邦生 ■脚本:戸部和久 ■監督:藤森圭太郎 ■製作:松竹株式会社 ■出演:松本幸四郎、市川猿之助、市川中車、市川染五郎、市川團子/市川猿弥、市川笑三郎、市川寿猿、市川弘太郎(声の出演) ■配信開始記念!
歌舞伎は江戸時代に流行したため、当時都のあった東京の文化だと思っていませんか? 江戸時代、東京以外の関西にももちろん歌舞伎文化はありました。関西の上方歌舞伎は江戸歌舞伎の地方版の様なサブ的なポジションではなく、当時の歌舞伎文化の中心はむしろ上方歌舞伎の関西だったのです。 今回は意外と知らない上方歌舞伎について 上方歌舞伎とは 上方歌舞伎塾について 上方歌舞伎会の開催場所 など、上方歌舞伎を知って、歌舞伎文化の歴史について詳しくなりましょう。 上方歌舞伎とは 引用元: CREA | クレア ウェブ 好奇心旺盛な女性たちへ 上方歌舞伎とは、大阪と京都(上方)で演じられている歌舞伎の型の事。 歌舞伎が始まった江戸時代から、東京(江戸)を中心とした江戸歌舞伎に対比して、関西地方の歌舞伎を上方歌舞伎と呼んでいます。 上方歌舞伎の読み方は?どういう意味? 引用元: Wikipedia 上方歌舞伎は「かみがたかぶき」と読みます。 上方の意味は、上は天皇を表し、天皇は江戸時代には京都に住んでいたため、京都近郊の畿内を上方と呼ぶようになりました。 現代でも関西地方の歌舞伎を上方歌舞伎と呼んでいます。 上方歌舞伎の歴史について 引用元: 徹子の部屋|テレビ朝日 上方歌舞伎は江戸時代に流行するも、幕末頃には衰退をしてしまいます。 明治時代に入ると上方歌舞伎をもう一度盛り上げようと、名興行師が大阪に芝居小屋を建設。 明治の終わり頃に中村鴈治郎という名優が現れ、上方歌舞伎の人気が復活し、中村鴈治郎が亡くなった後も、中村魁車、中村梅玉と言った役者が活躍、昭和の戦後まで不動の人気となります。 戦後は、人気役者が亡くなってしまった事による後継者不足で、上方歌舞伎にとって厳しい時代となります。 1954年阪東壽三郎が亡くなり、1958年には大阪歌舞伎座が閉場した事で上方歌舞伎は衰退してしまいました。 上方歌舞伎は江戸時代から始まったの? 引用元: Wikipedia 歌舞伎が大流行した江戸時代に、上方歌舞伎も始まりました。 元禄時代に坂田藤十郎や芳澤あやめと言った人気の歌舞伎役者が現れ、歌舞伎は大流行となり京都や大坂では次々と芝居小屋が建てられました。 元禄時代は上方歌舞伎の方が、江戸歌舞伎より勢いのあった時代。 勢いのあった時代も束の間、幕末にかけて上方歌舞伎の役者や作者の不足のため人気が衰退してしまい、江戸歌舞伎と立場が逆転してしまいます。 上方歌舞伎の特徴!和事が主流なの?
團子:身長は! 負けないぞ! (一同、笑。取材時、染五郎173㎝、團子177cm)。ただ、身長があると女方をやるために腰を折らないといけなくなります。それって歌舞伎的に、負けてるってことかもしれません(笑)。 ーー染五郎さんはいかがでしょうか。 染五郎:……しゃべらなさ、です(一同、再び爆笑)。 ーー遠慮や我慢をされているわけではないのですよね? 染五郎:単純に性格の問題ですね。 團子:僕には無理だ(笑)。 ーー染五郎さんのお父様・幸四郎さんは、歌舞伎の妄想に定評がおありです。染五郎さんも色々考えを巡らせるタイプなのでしょうか。 染五郎:そこは本当に……受け継いでしまいました(笑)。何でも歌舞伎につなげて考えてしまうんです。絵や映画もそうですし、歌舞伎とは関係のない日常で、目に入ったものでも、つい「これを歌舞伎にしたら」とか。 ーーかねてよりお好きとおっしゃっているマイケル・ジャクソンも? 染五郎:『操り三番叟』に、マイケルのパントマイム的な動きを活かせるんじゃないか……とか考えますね。 (左から)市川團子、市川染五郎 ーー團子さんは、昆虫には関心がないそうですが、お父様の中車さんから受け継いだと感じるものはありますか? 團子:昆虫は興味ありませんが(笑)、芝居のこととなると無限にやりたくなります。父だけでなく、じいじや猿之助さんもだと思います。カッコつけた言い方をすると、ストッパーがない。体育の授業のマラソンなら、とっくに足が止まるところでも、『連獅子』なら全然動けてしまう。そこは受け継がせていただいたと思っています。 ーー團子さんがお好きなものについても、お聞かせください。 團子: BTS はカッコいいですね。外出自粛期間中、「DNA」のテテのパートを踊れるようになりました。 テテが好きです。いっくん(染五郎)はテテに似てると思っています。眼福です! 染五郎:全然……(首をかしげ、笑う)。 團子:毎日推しに会えてる気分です! ーー今後、歌舞伎でもプライベートでもやってみたいことをお聞かせください。 染五郎:一番やってみたい役は『勧進帳』の弁慶です。その思いだけでやってきました。でも襲名を機に、女方も立役もできる父をみて、幅広いジャンルの役をできる役者になりたいとも考えるようになりました。歌舞伎以外のことも、色々挑戦していきたいです。 團子:『四の切』の忠信に憧れますが、最近は舞踊劇『黒塚』の思いが強いです。月の下での踊りが本当に好きで。何十年後のいつかの話で言えば、K-POPのダンスなどのように、4~5分と短くてキレキレの日本舞踊があってもいいなとか、グラフィックと合成された作品をやれたらいいなとか考えます。僕でなくとも、どなたかにやっていただけたら可能性が広がるのかなと。でも今は、古典をたくさん勉強させていただきたいという思いが、一番強いです。 (左から)市川團子、市川染五郎 『吉例顔見世大歌舞伎』は、11月26日(木)まで。中村獅童の佐藤忠信/源九郎狐、染五郎の源義経、團子の駿河次郎、國矢の亀井六郎、中村莟玉の静御前。17年振りとなる獅童以外、いずれも初役、新しい風を感じる座組だ。ぜひ足を運んでほしい。