他の方のブログを読んでいて、これは意図しないデザインの崩れ・隙間ではないかと思うことがあります。 例えばはてなブログで広く普及しているyukihyさんのドロップダウンメニューを利用されている方で背景いっぱいにタイトル画像を設定している場合、メニュー上下に余計な隙間ができ、気になることがあります。 意図しないデザイン崩れ・隙間 Chromeのデベロッパーツールで簡単に検証・修正しよう まとめ 意図しないデザイン崩れ・隙間 これはコードに問題があるのではなく、元々のテーマに合わせてデザインされているので、別のテーマやタイトル画像の設定の仕方を変えると意図しないデザイン崩れが出来るのは仕方のないことです。これはカスタマイズする側が自分で微調整しましょう。 Chromeのデベロッパーツールで簡単に検証・修正しよう Chromeのデベロッパーツールでブラウザ上でCSSの検証・プレビューができます。デ

2017.01.16ぐるなび中国最大手オンライン旅行会社Ctrip台湾最大級オンライン旅行会社KKdayとレストラン事前予約で提携 株式会社ぐるなび（本社：東京都千代田区、代表取締役社長：久保征一郎　以下、ぐるなび）は、訪日観光客のレストラン予約ニーズ増加を受け、飲食店の効率的な集客をサポートするため、年間訪日中国人観光客の約3割の200万人が利用する中国最大手オンライン旅行会社Ctrip（中国語会社名：上海携程国际旅行社有限公司、本社：中国上海市、CEO 孙洁)と、年間訪日観光客25万人が利用する台湾最大級のオンライン旅行会社KKday（中国語会社名：酷遊天國際旅行社股份有限公司、本社：台湾台北市、 CEO 陳明明)との提携により、事前決済型の多言語レストラン予約サービスを開始する事を発表。 2016年の訪日観光客数は約2403万9千人となり、そのうち中国からの訪日観光は最も多く、台湾は

外国人旅行者の間で日本の「食」への関心が高まる一方で、飲食店の予約を連絡なしにキャンセルするケースも多いことから、飲食店の情報を提供する会社が、予約の時点で外国人旅行者がクレジットカード決済する仕組みを導入することになりました。 この会社によりますと、外国人旅行者の日本の「食」への関心が高まっている一方で、飲食店の予約を連絡なしにキャンセルするケースも多いということです。 情報を掲載している東京・銀座の和食店では、外国人旅行者の予約は増えているということですが、連絡なしのキャンセルが１か月に数件はあるということです。 和食店の店主は「食材をむだにするだけでなく、別のお客が利用できる機会も失ってしまっているので、困っています」と話していました。 このため、この情報の提供会社では、提携する２つの旅行会社のサイトに飲食店の情報を掲載し、外国人旅行者が予約の時点で旅行会社のシステムを使ってクレジッ

プリクラとSNOWの「ダブル盛り」や「SNOW中毒者」も出現。女子大生の6割がつかう「SNOW」ヒットの理由と自撮り女子への影響（100人アンケート） 今回は「SNOW（スノー）」について、首都圏100人の女子大生にアンケートした結果をまとめました。 ※全体を正確に調査したものではありません、あくまで参考までにご覧ください。 結果１）約8割が「SNOWをつかったことがある」 まず一つめのアンケートは「SNOWをつかっているか？」を聞きました。 結果としては「つかっている 61％」「つかっていない 21％」「以前つかってた 18％」となりました。※3択にて実施 つまり、言い換えると「約80％がSNOWをつかったことがある」ということです。SNSをのぞくと、これほど浸透しているアプリは、ほとんどないように思います。 ※「いいえ」のうち、半分くらいは「他人のスマホでSNOWに写ったことがある人」

最近のwebサイトは、トップのスライドショーや、1画面にドーンとメインビジュアルがあるものが当たり前になってきています。 メインビジュアルを作るのが苦手な私ですが、ある程度レイアウトのセオリーを知っておくことで、少しは苦手意識が払拭できるのかなと思っています。 ということで今回は、11のレイアウト手法を元に、参考サイトを33個ピックアップしてみました。 1.反復 同じモチーフを繰り返し置くことで、強調させる手法です。 サイズや色を変えてたり、コマ撮りっぽくすることで、リズム感が出ます。 商品やロゴ、人物など、なにか強調したいものを見せたいときに使えます。 Life is electric SAKUZAN｜美濃焼のうつわ 作山窯 good design company 2.対比 2つ以上の要素を、同じ構図や分量で配置する手法。 情報に優劣をつけず等しく見せたいときに使えます。 webではメニ

[レベル: 上級] 英語版のGoogle公式ヘルプフォーラムで、Google社員のTOMO T氏が、AMPページに問題が発生していないかどうかを検証し、問題が発見されたときの対処手順を包括的に解説しました。 僕からの補足を交えながら、この記事で紹介します。 なおTOMO T氏の説明のなかのリンク先は、対応する日本語ページがなかったのですべて英語です。 AMPエラーの発見と対処手順 1. AMP記事をいくつか選び、プレビューと有効性をチェックするAMP HTML バリデーターでそのページを検証する ブラウザ (Google Chrome) でそのページを開く URLの終わりに #development=1 を追加する。 例: https://ampbyexample.com/#development=1 Chromeのデベロッパーツールを開き、モバイルデバイスモードのエミュレーションを有効に

仕方がないんだけどさ、馬鹿じゃねーのかと思ってしまう。 元号は四書五経などの古典とかから採るわけで、既存の熟語をだせばいいわけじゃない。 平成は『史記』と『書経』から採っている。昭和も『書経』だ確か。 これってある程度常識じゃないの？ 平和とか安直に言うんじゃねー。 ただ、平和は字面からも出典を捻りだせそうなんだよな。筋は悪くない。実際。たまたまだけど。 これから元号が変わるから、元号に興味持ったり、元号の是非や、元号の制定に関心を高めるためのニュースであるはずなのに、街頭インタビューをするのはおかしいと思うわけだ。筋がおかしい。 好きな食べ物とか漫画だとか自分の頭の中だけで答えられるものじゃない。本とか先例から考えなきゃならないものに街頭アンケートするなよって思う。 元号なんて東アジアでももう日本でしか採用してない謎レア古い制度なんだから、適当な認識で好きな言葉みたいな感覚でアンケートと

超初心者向け、いちばんやさしい… WordPress 解説書はそんなのばっかり？エンジニア向けの本はないの？→書きました みなさん、WordPress の参考書にお困りですか？ ふむふむ、WordPress の本はすでに数冊持ってるし、特に困ってないよ、ですって？ ですよね。実際、Amazon の本カテゴリーで WordPress を検索すると、300件以上も見つかります。 多くの本は「WordPress で初めて PHP に触れるデザイナー」もしくは「PHP を極力触らずに WordPress を使いたい個人」向けに書かれています。 中には、「WordPress に慣れて来たので、WordPress を通して PHP を勉強してステップアップしたいデザイナー」向けの本も多少あります。 しかし、これまでの WordPress 解説書で比較的ターゲットにされてこなかったのが「エンジニア」です

思わずクリックしてコンテンツを読み続けたくなるような、 コピー&ペーストで利用できる最新 HTML/CSS スニペット をまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 詳細は以下から。 ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ Fixed Disappearing Scrolling Header スクロールすると表示されている文字テキストがフェードア

メインブログの方で写真を沢山貼りたくなったので、Masonry風ギャラリーを導入しました。 今回はその方法をコチラでご紹介。 実装例 見出しをこんな風に表示するのもあり？ CSS 貼り付け場所 コード html 最後に 実装例 どんなものかを見てもらう為の実装例です。 画像を貼るとこんな感じ。 動画もこの通り。 blog.mshimfujin.net あまり意味はないかもしれませんが、こんな感じのリンクも貼り付けられます。こちら、メインブログでの実装例になります。ドラゴンクエストミュージアムに興味がありましたら是非覗いて覗いてみてください。 見出しをこんな風に表示するのもあり？ 文章を書くとこんな感じです。上の見出しは<h3>を使用。基本は写真を貼って使う用だと思うのですが、このようにアイデア次第で何にでも使用する事が可能です。以下、ギャラリー感を出す為にデスピサロとの戦闘ジオラマを貼り付

上京してきた道民に「北海道出身だったらこんなの全然寒くないでしょ？」って言わないこと！ 東京に出てきてから冷え性が加速しました。私（@mogtan1984）です。どーもどーも。 やべーさむいよさむいよ。 昨日から耐え難い……さむささむさむ……。 さて、ご覧頂いてますブログですが、昨日の夜からプチリニューアルしました。 今日は妹があそびにくるのん！ブログのデザインの相談するのん！たのしみ！— もぐたん＠ひまな兼業主婦 (@mogtan1984) 2017年1月14日 妹はなんかの「ゆーあいゆーえっくす」とかの仕事をしている、いわゆるデザイナーの人なのです。 お絵かきが大好きだった少女もぐたんは、この妹の台頭により、小学4年生で「将来はマンガ家かも!?」という進路を断念することになったのです。 おかげさまで、私は職業柄デザインにも言及しないといけない時があるのですが、 もうまじで、本気で自信が

ラノベ作家事務所Ｔ澤💉💉 @editors_plus そっか、言葉が足りないか。 電子書籍はマイナス云々は、紙の方を買って、ですね。著者が続刊をなんとしても出したいと思ってる本なら。 シリーズが無事に完結した本を紙の本から置き換えてほしいな～と電子で出してる本は、むしろ買ってくれると嬉しいし作者も喜びます。 2017-01-09 19:36:10 ラノベ作家事務所Ｔ澤💉💉 @editors_plus 続刊ラインの目安は結局、現物の本。 電書である程度売れても二巻の紙の本が書店でたくさん出る見込みに繋がらないなら企画にゴーサインが出ないものです。電書で安売りとかして3ヶ月かけて1000冊売れるよりも、書店で最初の一週間に400冊多く売れた方が有利。 2017-01-09 19:46:25

“2017年は本を沢山読む”という目標を立てた。昨年は仕事に追われて時間的にも心理的にも余裕がなくて、本を読む習慣がすっかり無くなってしまっていたけれど、読書は自分を構成するための大切なピースの一つだったのではないかと気づき、ぽっかり空いてしまった穴を埋めるように本を読もうと、年が明けてから決意した。そんな今年の読書の第一作目に選んだのは、恩田陸さんの『蜜蜂と遠雷』。大好きな朝井リョウさんが『ご本、出しときますね？』や『真夜中のニャーゴ』で絶賛していたのが印象的で、読みたい、というよりも、読まねば、という気持ちで、Kindleで購入した。しかし単行本では、2段組507ページという長編。いくら朝井さんが面白いと絶賛したと言えども、久しぶりに読書復帰する人間にこの長編を読み切れるのか、という不安はあった。舞台は自分に馴染みのないピアノコンクールの話。私は「読み切る」という成功体験を味わえるのか

みなさま　大変長らくご無沙汰しておりました。 ちまこ通信 ゆるゆるりと　再開いたします。 さて、本日の報告はこちら。 数十年ぶりに、合唱用の楽譜を買いました。 モーツァルトのレクイエム。 略して、モツレク。 大学時代の友人のお誘いで、年末のステージに参加することにしました。 お歌を歌うのであります。 ちまこはベーレンライター版の楽譜の、この表紙の色が大好きなんです。 真っ青な青空に、ほんの少しミルクを垂らしたような、柔らかな青。 ミルク色が混ざった分だけ、真っ青よりも包容力が広がったようなこの青を なんと呼べばよいのでしょう？ 口が回らず歌詞がちゃんと歌えない私を、高い音や低い音がちゃんと出ない私を、やさしく包み込んでくれるような青。 爽やかな水色とはまた違った趣のある青です。 今年一年、この楽譜と一緒に練習に励むことにしました。 さてさて、昨年は出張の多いお仕事の連続で、怒涛のような生活

袋系インスタントラーメンの一大ブランドといえば、やはり「サッポロ一番」でしょう。最初に誕生したしょうゆ味は1966年の発売。今年でブランド生誕50周年というわけですが、最先端の技術を使ったノンフライ麺を差し置いて、同ブランドの棚が空になっている場面を何度見たことでしょう。 【カップ麺大全】たった5分で本格沖縄そば！ 豚肉が美味すぎるサッポロ一番「沖縄そばの名店 楚辺」 またあるとき、編集部員に同ブランドの好きな味を聞いたところ、誰もが「当然●●味でしょ」と、それぞれが一家言を持っているのも、他の製品には見られない特徴です。では、なぜ「サッポロ一番」はこれほど長く、熱烈に愛されているのでしょうか？　この疑問を解決すべく、製造元のサンヨー食品を直撃。誕生秘話から味作りのヒミツにまで踏み込み、愛される理由を探りました！ ↑インタビューに応じてくれたマーケティング部の水谷彰宏課長代理 理由その1

1年以上保留状態になっていた「はてなブログのテーマ作成」を行ったので、ブログチャレンジのステータスが変更されました。 ベースとなるテーマは既にすなばいじりで実装していたのですが、なかなか時間が取れないですね、とテーマ作成が後回しになっていたやつです。 現在、公開に向けて作業進行中です。 ブログチャレンジって何？という方は、こちらをどうぞ。 blog.hatena.ne.jp 日報みたいなエントリー。 リズムだいすき こぐまのトンピー ぬいぐるみ 出版社/メーカー: イワヤ 発売日: 2016/10/16 メディア: おもちゃ＆ホビー この商品を含むブログ (1件) を見る

検索エンジン内で検索順位を上げるためにSEOを行うことは、一般的な集客テクニックの1つです。 googleやyahoo！同様にネットショッピングモールの楽天でも、独自の検索アルゴリズムを使い、商品を探すユーザーに最適な商品の検索結果を表示させることを行っています。 楽天内での検索エンジン最適化（SEO）のことを楽天ショップSEOと呼び、SEOの内部対策と同様に評価されるためにページの最適化を行うことができます。 楽天市場で商品を出品している場合、集客の要は３つ（広告、メルマガ、検索）です。 そのうち、広告とメルマガは費用が発生するため、ネットショップオーナーにとって無料でもできる楽天ショップSEOは、重要な集客手段になります。 今回は、楽天ショップSEOで実行するべきお作法３つをご紹介します。 重要なポイントは３つ 楽天ショップSEOにおいて、最も重要なポイントはキーワード、ディレクトリ選

上記のように、ネットショップと実店舗では営業時間やコスト、接客方法などさまざまな違いがあります。 では、ネットショップと実店舗それぞれのメリット・デメリットについて見ていきましょう。 ネットショップのメリット・デメリット ネットショップでは下記のようなメリット・デメリットが挙げられます。 【メリット】 ・24時間365日、海外からでも商品を購入してもらえる ・開業から運営まで比較的に低コストで始められる ・実店舗よりも短期間で開業できる ・企業だけでなく個人でも気軽に運営が可能 【デメリット】 ・商品が直接手に取れないため、返品を含むトラブルなどが起きやすい ・集客がうまくいかないと、誰にもお店を周知してもらえない ・鮮度が命の生鮮食品などは実店舗と比較して売れにくい ネットショップの最大のメリットは、スマホ1台あれば24時間365日どこからでも商品が購入できるので、海外のユーザーもターゲ

2017 - 01 - 15 AdSenseの関連コンテンツユニットの深掘りまとめ。利用条件、問題点、他の関連記事表示方法との比較 ブログ ブログ-Tips このくらいシェアされています ... ... ... G+ ... ... スポンサーリンク 【お知らせ】 読み込み中・・・ こんにちは、なにかと分析・比較・検証したがりなNAEです。 Google AdSenseの提供する 関連コンテンツユニット が当ブログにも開放されました。 せっかくなので効果測定テストのつもりで導入してみるとともに、いろいろと調べ、試してみました。 そこで今回は 利用条件や導入方法 問題点と解決策 導入効果（1日だけですが・・・） 他の関連記事表示方法との比較 をまとめてお送りしたいと思います。 AdSenseの関連コンテンツユニットとは 関連記事を自動的に表示してくれる 関連記事の間にネイティブアドが挟みこま

こんにちは、つばさ（@_tsubasa123_）です。 先日、いわゆる「ページのトップへ戻る」ボタンをオリジナルで作成したのですが、その時に個人的に気になったところをメモしておきます。 basanote.hatenablog.com ちょっとプログラムよりの意識高い系な内容です。プログラムとか興味ないし、って方にはおもしろくない記事だと思います、ごめんなさい。 JavaScriptでスクロールしている スクロールをチェックするのがキライ そうだ、タイマーにしよう これ意味あるの？ さいごに JavaScriptでスクロールしている 「ページのトップに戻るボタン」については特に説明はいらないと思いますので省略。あると便利ですよね。 当ブログに設置するにあたっていくつか参考になる記事を拝見したのですが、どこも同じようなJavaScriptコードを記述していました。やはり皆さん使い回したりされて

最終更新日：2018年4月15日 スターウッド プリファード ゲスト アメリカン・エキスプレス・カード、通称SPGアメックス（SPG AMEX）。このクレジットカードを使っている人、陸マイラーにも多いですよね。もちろん私も決済のメインカードとしてフル活用しています。 SPGアメックスについて調べると、ブログやクチコミで聞こえてくるのは良い評判ばかり。なぜこんなにも評価が高いのでしょう？ 何かデメリットはないのでしょうか？ 人気の秘密を紐解き、マイラーが保有しても絶大なメリットがあるSPGアメックスの全てを解説いたします。 SPGアメックスを持つべき人、持つべきではない人 SPGアメックスの魅力は大きく5つに分類できる SPGアメックス　無料宿泊特典の魅力 SPGアメックス無料宿泊特典のルール スターウッド系列ホテルブランド スターウッド プリファード ゲスト ゴールド会員資格の魅力 SPG