【2017年版まとめ】head内になにを書けばいいの？meta、OGP、favicon | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エリカです。 Web サイトに必ず入れる「お約束」のひとつに<head>というものがあります。「 TDK 」（タイトル、ディスクリプション、キーワード）なんかもそのひとつですね。 ……って必要なのは分かっているんですけれど、つい昔作ったテンプレートのコピーになっていて、気づけば「長らくアップデートしてない……」ってことありませんか？ わたし自身、しばらくを見直す機会を持っていなかったので、今回あらためて調べてみました。 有名サイトの「meta」「OGP」「favicon」 誰もが知る有名サイトではどのようなが使われているのか、について調べてみました（ 2017 年 6 月時点）。日本語で HTML5 のサイトであることに限定しています。固有の ID や URL の部分は省略しました。 Google.co.jp <!DOCTYPE html> <html itemscope=""
【無料】Wordpress用AMPデザインテーマ「AWESOME」配布開始しました。 – ホームページ・デザイン制作のAWESOME | 加古川・姫路・明石
※2017/03/01 ハンバーガーメニュー実装しました。 AMPが徐々に広がってきており、Gunosyやスマートニュースといったキュレーションアプリや、はてなブックマークなどでもAMP対応され。 いよいよ、AMP対応が一般的になってきた感じさえあります。 弊社でもAMP対応はしないとなーー。といいながら全然やってなかったのですが、最近重い腰を上げてAMP対応いたしました。 それと同時に、案件にも導入しやすくカスタマイズしやすい社内用のAMPデフォルトデザインテーマみたいなのがあればなーと思い。 「じゃあ作ってしまおう」 ということでWordpressのAMP用のデザインテーマを作成しました。 「せっかく作ったのなら公開してしまおう」 てな訳で無料配布する運びとなりました。 今回配布するAMPデザインテーマ「AWESOME」は ※名前考えるのが面倒くさかった WordPressで簡単にAM
WordPressを高速化するための.htaccess設定のベストプラクティス
httpsにリダイレクト GoogleはSSLの導入を推奨しています。サイトのhttps化は検索順位にも影響を与えます。WordPressを使った個人ブログでも、検索順位を重視する場合はhttps化を検討しましょう。 httpsにリダイレクトする場合は、.htaccessに以下の記述を追加します。場所は、WordPress基本設定の# BEGIN WordPressよりも上に記載します。www.example.comの部分は、サイトのドメインに置き換えてください。 # https にリダイレクト <IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,QSA,L] </IfModule> MIME Typeの
Taskworld
How to get startedJump right in — get an overview of the basics and get started with Taskworld.
もうReactのフォームで消耗したくないので、HoCベースのフォームライブラリを作った - wadackel.me
2017 年。React のフォームに消耗しました。 いくつか良さそうなフォームライブラリはありますが、個人的に満足のいくものが無かったので、とあるプロジェクトで実装したものをベースにしてライブラリにまとめました。 作ったもの react-drip-form という、HoC ベースで React のフォームコンポーネントを構築するライブラリを作りました。元となるコードを書いている時、「さくっとフォームの実装を済ませてゆっくりコーヒーでも飲みてぇ…」という気持ちがかなり高まってたので、コーヒーを連想させる名前にしてみました。 wadackel/react-drip-form https://github.com/wadackel/react-drip-form ドキュメントのページでは、Create React App を使った Quick Start もあるので、さくっと試すことが出来ると
川上アキラ特別セミナー『仕掛け人が語る!ライブと地域活性の未来』まとめ！｢来年の春一の行政の応募は7、8件あった｣ : ももクロ侍
『仕掛け人が語る!ライブと地域活性の未来』 本日、幕張メッセで行われている『ライブ･エンターテイメント EXPO』で、kwkmさん による特別セミナー『仕掛け人が語る！ライブと地域活性の未来 ～ ｢ももクロ春の一大事2017 in 富士見市｣ がもたらしたもの ～』が開催されました！ 新潟のみなさんありがとうございました 追伸 ぼくがおはなしする会ぜひ来てください 多分間に耐えられなくなって ポロリしますよ お客さん （誤送信) #momoclo pic.twitter.com/2mEMHEFmjv — momoiroclover (@momowgp) 2017年5月27日 講演は全ての撮影が禁止されていたそうですが、登壇したkwkmさんより “写真･動画なんでもあり” にルール変更され、講演がスタートしたそうです(^^) 参加された方のレポツイートをまとめてみました♪ ・ツイート いや〜
Web制作がめっちゃ捗る！CSS変数の基礎と実践テクニック
進化し続けるCSSの仕様の中でも使い勝手がいいのが、CSS変数。キーカラーやサイズなど、あとから修正するのが面倒な要素はCSS変数を使って工数を減らし、ストレスを軽減しましょう。 SassやLessなどのプリプロセッサーは、CSSのコードベースを、メンテナンスしやすい整った状態にするのに役立ちます。変数、mixin（ミックスイン）、loop（ループ）などCSSコーディングに動的な機能を追加すると、繰り返し処理を最小限にし、開発時間を短縮できます。 CSSの一部として動的な機能がいくつか登場しています。CSS変数（CSS variables：カスタムプロパティ）はブラウザーの対応状況もとてもよく、すでに利用可能です。「CSS版mixin」は準備段階です。 この記事では、CSS開発ワークフローにCSS変数を組み入れる方法を紹介します。スタイルシートのメンテナンス性が向上し、DRYの原則（繰り返
明日から使える！超カッコいいFormデザインのCSSスニペット集
スタイリングの中でも未だにデフォルトスタイルのままになっているのが、フォームのデザイン。ブラウザのデフォルトデザインが適用される場合が多く、CSS的にもややこしい操作をする必要があったりします。 このページではフォームデザインの参考になるとともに、CSSコードを取得できるスニペットを集めてみました。 フォームデザインのCSSスニペット Calm breeze login screen React signup form example Flipping login form Animated Login Form HTML5 Contact Form Sign-Up/Login Form 続きはこちら：9 Creative CSS Form Designs From Codepen
読みやすいフォントの CSS 設定例 | murashun.jp
［ ＋ expand ］美しいフォントとはフォントの種類ゴシック体 vs 明朝体Web フォント総称ファミリーfont-family の設定例フォントのサイズフォントの色フォントの文字間隔フォントの行間まとめ関連記事美しいフォントとは 昔から Windows のユーザでしたが、初めて Mac のフォントを見たときの衝撃は今でも忘れられません。Windows と比べて Mac のフォントの美しさは際立っていました。その美しいフォントは "ヒラギノ" と呼ばれ、Mac の中心的なフォントのひとつで、これ以上に美しい日本語のフォントは見たことがありません。 Windows と Mac ではフォントのレンダリング方法が異なるため、今日に至っても Windows のフォントが美しくない問題は解決されていません。しかし、Windows は Vista 以降から "メイリオ" と呼ばれるフォントが収録さ
CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 15 - NxWorld
自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。 リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいというときに使えそうなエフェクトのサンプルです。 CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。 共通のHTML・CSS サンプルはいずれも下記のようなHTMLを使用しており、CSSについても共通スタイルとしてそれぞれに指定しています。 CSSでは幅や高さを指定している部分もあるので、参考にされる際はこれらを自身の環境に合わせて調整してください。
ホリエモンVS井上純一 対談03：『中国嫁日記』がどう始まり、いかにしてヒットしたか？ | マンガ新聞
井上：当時は本当に、商業誌に持っていくために、自分のマンガを通すために描いたんですよ。企画書を作って、ネーム描いていろんな会社を回ったんだけど、かんばしい反応がなかったんです。だったら、ブログをやって、このブログのPV数がこれだけあるから、このマンガは売れますよとやったらいけると、これを教えてくれたのが、あさりよしとおさんと藤島康介さんだったんですよ。 堀江：へえ～ 井上：藤島康介さんがあさりよしとおさんと電話で話してたら僕の話がでたそうなんですね。「あの井上純一が、同人誌をやめて商業誌に載せるために持ち込んでるらしいんだけど、ネームが通らないらしいよ」と。「まあそうだろうね」とあさりよしとおさんがいったらしいくて。 堀江：「そうだろうね」（笑） 井上：「そうだろうね」っていうのは、ネームっていうのは基本的に通らないものなんですよ。あさりさんは藤島さんに「どうして通らないかあいつはわからな
働くママが終止符を打った霞が関の“伝統芸能”
総務省は6月末、法制執務業務支援システム（通称e-LAWS）を本格稼働させた。4000以上にのぼる国所管の法令をインターネット上で参照でき、二次利用もしやすくなる。記者や弁護士には非常に有り難いシステムなのだが、このシステムが登場したことの本質的な意味は省庁の働き方改革にある。「国会審議の前には、職場に缶詰め」「資料の書式を間違えると、破り捨てられる」――。あまりに前時代的、儀礼的な霞が関の「伝統芸能」に、働くママたちが終止符を打ったのだ。 e-LAWSは約4000の国所管の全法令を収録している。これまでもオンラインデータベースは存在していたのだが、旧式と新式では大きな違いが2つある。 まず一つ目の違いは、データの作成主体だ。旧式のデータベースは総務省だけで作成していた。新式では各省庁が所管する法律のデータベース化を担当する。業務負担を分散することにより、正確性と更新頻度が大幅に向上すると
メリットの衝撃
洗髪に使うメリットってあるじゃない。 私はアレを愛用してるのね。 愛用というか何となくいつもそれで済ませてるわけ。 でも、たまに嫁さんのエッセンシャル？とかっていうシャンプーやコンディショナーを思いつきで試してみるのよ、加齢で髪のコシも落ちてる気がするし。 今日も何気なしに「エッセンシャル使って髪の毛労っちゃった！」みたいな感じで嫁さんに話したのさ。 そしたら嫁さんが、「そんなコンディショナーとかリンスとかトリートメント気にするならメリットもリンス入りのに変える？」 って聞いてくるわけですよ。 はて？何を言ってるんだ妻よ、となりまして。 だってメリットって言ったら「リンスのいらないメリット〜」でおなじみのメリットじゃないですか。 メリットのメリットはメリット1本でリンスまでできる事じゃないですか。 そしたら「何言ってんの？アンタに買ってるのはリンスの入ってないメリットよ」なんて追い打ちをか
目指せ！落ちない高可用性サーバ、ハードウェアの選び方 - Qiita
10年以上金融機関で働いているインフラエンジニアの落ちないサーバにするための考察です。 ハードウェアの専門家ではないので、正確ではないかもしれません。 今までの経験からの個人的考え方になります。 私たちオンプレ重視のインフラエンジニアは、 クラウドサービスではできない高可用性サーバを導入したり、 複数台構成で１台故障しても問題ない構成のサーバはコスト重視するなど、 システムに最適なサーバを導入しようとしています。 高可用性サーバを追求する目的 ■アプリに影響を与えないように Active/Standby構成にしていて、インフラ的にはダウンタイムが数秒だとしても、 アプリによっては復旧に時間がかかったり、問題ないことの確認にも時間がかかってしまいます。 また、正しくサーバが落ちればアプリが問題ないとしても、 サーバが中途半端な状態のままになってしまい、なんだかおかしいということもあります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TECHNICAL CREATOR
Use Contrast
議事録作成がはかどる!? 録音する先からテキスト化してくれるボイスレコーダー「Recoco」【仕事お役立ちアプリ】