スタイルの継承ができる@extend | Web制作者のためのSassの教科書 - 公式サポートサイト
.box { margin: 0 0 30px; padding: 15px; border: 1px solid #ccc; } // .box で使ったスタイルを継承 .item { @extend .box; } .box, .item { margin: 0 0 30px; padding: 15px; border: 1px solid #ccc; } .btnBase { text-align: center; margin: 0 0 10px; a { display: block; padding: 10px 20px; background: #999; color: #fff; &:hover { background: #ccc; color: #333; } } } .imgL { float: left; margin-right: 15px; } @import
[フロントエンド] Yamlというデータ構造に入門する - YoheiM .NET
こんにちは、@yoheiMuneです。 JS界隈だとJSONフォーマットが主流ですが、最近はyamlというフォーマットも使うようになりました。今日はYamlについてブログを書きたいと思います。 目次 Yamlとは Yamlとはデータ構造の一つで、JSONやXMLと同じくデータを構造で表現します。例えば以下のような感じです。 # ユーザー定義だよー user: name: Yohei favorites: - Ramen - Tennis 上記のようにYamlではデータ構造をインデントで表現し、また-などの記号を用いて表現します。JSONやXMLに比べて記号が少なく人間にも読みやすいというのがポイントです。またJSONとの違いとして「コメントが書ける」というのも大きなポイントかなと思います。 また、Yamlは古くからある定義のようで、最近だとDockerやCircleCIやpm2など色々と使
![[フロントエンド] Yamlというデータ構造に入門する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/64ad42ba8faaa1978c3a858103edecb230c6c578/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F485.jpg)
テンプレートエンジンEJSで使える便利な構文まとめ - Qiita
※gulp-ejsでのビルドを想定しています。 EJSでできること 数や文字列や配列やオブジェクトの宣言と処理(JavaScriptと同じ) HTMLへの値の展開 ループと条件分岐 外部ファイルの読み込みとパラメータの引き渡し <% %>の種類 <% %> このタグの内側はJavaScriptワールドになる。HTMLとしては出力されない
“noindex,follow” robots metaタグを使うのはどんな時？
本題に入る前に、noindex robots metaタグとnofollow robots metaタグについて簡単に確認しておきます。 noindex robots metaタグ： このタグを記述したページを検索結果に表示させないようにする目的で使う。 nofollow robots metaタグ： このタグを記述したページに存在するリンクを検索エンジンがたどることを禁止する目的で使う。 禁止を意味する“no”が付かない、index robots metaタグとfollow robots metaタグというのも利用することができて、それぞれ「インデックスを許可する」、「リンクをたどるのを許可する」という目的で使います。 さて本題です。 <meta name="robots" content="noindex,follow" /> 上のタグは、インデックス（検索結果での表示）を拒否するがリ
大手サイトのrobots.txtでわかる「検索でヒットされたくないページ」の特徴
robots.txtとは robots.txtは、検索エンジンのクローラー（bot）に、クロールされたいページや、クロールされたくないページを教えるテキストファイルのことです。多くの検索エンジンのクローラーは、そのドメインの最上位ディレクトリに設置されたrobotst.txtを最初に読み込んで、クロールするべきページとクロールするべきでないページを取得し、それに基づいて巡回します。ただ、一部のクローラーには、このrobots.txtを無視するものもあります。 robots.txtの書き方はおよそ以下の通りです。 User-agent:（ここにbotのユーザーエージェントを記述。ワイルドカード指定も可能） Crawl-Delay:（クロールの時間間隔を指定） Disallow:（クロールされたくないページやディレクトリを指定） Allow:（Disallowで指定されたディレクトリの小階層で
検索避けをするには? → noindexタグもrobots.txtも指定 → 逆効果だったorz などSEO記事まとめ10+4本 | 海外&国内SEO情報ウォッチ
検索結果に自分のページが表示されないように、念には念を入れてnoindexタグを指定してrobots.txtでもクロールを禁止したら……。 ほかにも「(not provided)」で隠されたキーワードを探る方法、不正コピーサイト対策、グーグルの中核アルゴリズム、HTTPS設定、ランド・フィッシュキン氏による「2つのアルゴリズムの世界におけるSEO」などなど、SEOの話題をたっぷりお届けする。 グーグルの検索結果に表示したくない場合、 noindex robots metaタグをページに記述しさらにそのページへのクロールをrobots.txtでブロックするの両方を同時に行うのは、よろしくない。 なぜ良くないのか、それはこういうことだ。 robots.txtでクロールを禁止すると、Googlebotはそのページをクロールしない。 クロールしなければ、そのページにnoindexタグがあるかどうか
トラウマをテーマにした創作活動向けの『トラウマ類語辞典』発売 いじめ、ストーカーなどのトラウマが与える影響を解説
不意の事故や予期せぬ災害、幼少期の体験、失恋や社会不安などが原因となって起こる「トラウマ」をテーマにした『トラウマ類語辞典』が発売されます。小説、二次創作、漫画などに登場するキャラクターの人物造形を考えるときの参考になりそうです。8月25日発売予定で価格は2200円（税別）。 トラウマ類語辞典 創作において不可欠とも言える心の傷やトラウマというテーマをめぐり、それらがキャラクターに与える影響を具体的な事例とともに詳細にまとめた一冊。トラウマによって、キャラクターはどのような先入観を抱き、どのように人格を変化させるのかが解説されています。 いじめに遭う 例えば、いじめに遭うという項目では「自分は出来損ないで、何をやってもうまくいかない」や「ひとりぼっちになるのが怖い」といったキャラクターが感じるであろう思い込みや不安が紹介されています。いじめを受けたことで生じる行動の変化やトラウマを悪化させ
「FGO効果」で続々重版、ついに4刷目へ 大反響『正伝 岡田以蔵』の版元に聞く
戎光祥（えびすこうしょう）出版が2014年に発売した「岡田以蔵」に関する伝記が、2018年6月に突然売れ行きを伸ばしネットで話題になっています。重版に次ぐ重版を呼んだきっかけは、累計1300万ダウンロード突破の人気スマートフォンゲーム「Fate/Grand Order（FGO）」。一体「以蔵本」に何が起こったのか？ 戎光祥出版の丸山裕之編集長に聞きました。 FGO効果で売り上げが伸びた本は、2014年1月に発売された松岡司さんの『正伝 岡田以蔵』。幕末に「人斬り以蔵」として恐れられた岡田以蔵の謎多き生涯を、一次資料からまとめあげた伝記です。 FGO効果で売り上げが伸びた『正伝 岡田以蔵』 FGOは、伝説、神話、歴史上の偉人などの古今東西の“英霊”がキャラクターとして登場するゲーム。2018年6月13日から期間限定イベント「ぐだぐだ帝都聖杯奇譚」が始まり、新サーヴァントとして「岡田以蔵」「坂
「ANEMONE／交響詩篇エウレカセブン ハイエボリューション」特報映像公開
2017年秋から始まった映画「交響詩篇エウレカセブン ハイエボリューション」シリーズの2作目となる「ANEMONE／交響詩篇エウレカセブン ハイエボリューション」の新ビジュアルと特報映像が解禁となりました。作品は2018年11月10日(土)公開です。 映画『交響詩篇エウレカセブン ハイエボリューション』 http://eurekaseven.jp/ 新ビジュアルには、業火に包まれた都市に降り立つニルヴァーシュの姿が描かれています。 そして、特報映像はこんな感じ。 映画 『ANEMONE／交響詩篇エウレカセブン ハイエボリューション』 特報30秒 - YouTube 「交響詩篇エウレカセブン ハイエボリューション」は、2006年～2007年にかけて放送されたテレビアニメ「交響詩篇エウレカセブン」を下敷きとして、テレビアニメの中のセリフをすべて再構築し、新作映像と再撮影された新映像によって劇場
Internet Explorer の今後について | Microsoft Docs
Internet Explorer の今後について 07/18/2018 2 minutes to read こんにちは。Microsoft Edge / Internet Explorer サポート チームです。 以前に「Internet Explorer および Microsoft Edge での Flash の今後の対応予定について」という記事を公開しましたが、「Internet Explorer」自体の今後の予定についてお問い合せをいただくこともありましたので、今回はそのお話をします。 2014 年の 8 月 7 日に Internet Explorer のサポート ポリシー変更を発表しました。この変更により、2016 年 1 月 12 日をもって各 OS 上で動作する最新バージョンの Internet Explorer のみがサポート対象となりましたが、それから 2 年半が経過し
電車での扇子を明確に禁止にしてほしい
ほんと嫌。 オッサンの汗ばんだ首から発散された空気がこっちにもろ飛んできてる。 石鹸交じりの変な臭い。臭い。臭すぎるよ。 パタパタパタパタ。やっと止まったかとおもったら、またパタパタパタパタ。 せっかく座れたのに最悪だよ。 立ちたくないけど立つしかない。 車内マナー以前の問題だよ。
アジカンからのお願い 最近はライブ会場で未就学や小学生の児童を見かけることが増えました。...｜Gotch / 後藤正文 / ASIAN KUNG-FU GENERATION / ゴッチ
最近はライブ会場で未就学や小学生の児童を見かけることが増えました。 ASIAN KUNG-FU GENERATIONのメジャー・レーベルでの活動も10年を超えているので、ともすれば中高生のときに俺たちを知った子が、誰かの親になっている可能性もあると思います。 ドイツのケルンでFoo Fightersのコンサートに行ったとき、思っていた以上に親子連れが多くて驚きました。もちろん、結構遅くからの公演だったので、中学生くらいの子たちが最年少だったように感じたけれど、ロックが幅広い年齢層に行き届いている様が羨ましいと思いました（ビールでベラベラに酔っ払ったお父さんが、娘さんとそのボーイフレンドにウザがられていたりして面白かった）。 だから、バンドとしては、子どもたちのコンサートへの参加は基本的にウェルカムだということをまずは記します。できれば、年齢制限を設けたくないというのが俺たちの意見です。 一
和文・欧文・デザイン書体のダウンロード販売｜フォントファクトリー
OpenType Adobe SystemsとMicrosoftが共同で開発した形式。 文字コードにUnicodeが採用されているため、異体字や記号などの文字種に対応している他、Windows、Mac間での互換性を持っています。また、PCにインストールされたフォントのデータを都度プリンタ等にダウンロードする「ダイナミックダウンロード」が利用可能で、プリンタなどの出力装置にインストールされていないフォントでの出力が可能です。 TrueType Windows、Macが標準で採用しているアウトライン形式。 文字を拡大して印刷しても美しい印字を得ることができます。また、TrueTypeのシステムはOSの機能として備わっているため、アプリケーションソフトやプリンタの種類にかかわらず利用することができます。 CID（ATM） PostScriptアウトラインフォントを、ディスプレイ上に滑らかなライン
初心者にも分かる！robots.txtの作り方
robots.txtとは？robots.txtとは、GoogleやYahoo!などといった、自サイトの情報を取得(クロール)するプログラム(クローラー)を制御するためのテキストファイルです。例えば、特定のファイルや、ディレクトリをクロール禁止に指定することで、それらの関連ページや画像などを検索エンジンにインデックスさせないようにする、などといったことができます。 何を覚えればいい？robots.txtの設置方法は簡単です。よほど特殊な事情がない限り、「ここにアクセスしないでね」という記述方法だけを覚えておけば十分です。細かく書いたからといって、SEO上、有利、不利になるようなことはないので安心して下さい。強いて言うなら、細かく書き過ぎて間違った制御をした場合に不利になります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
