『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
障害時にサブサーバへ自動で切り替える「高可用性WordPressシステム」の作り方 前編:DRBDの仕組みを学ぶ(5)(1/4 ページ) サービスを止めてはならない環境で活躍する冗長化支援ツール「DRBD」。今回は、CMSツールとして多くのWebサイトで利用されている「WordPressサーバ」の高可用性をDRBDで確保する方法を解説します。前編は、必要なソフトウェアのインストールと初期設定までを説明します。 連載バックナンバー サービスを止めてはならない環境で活躍する冗長化支援ツール「DRBD(Distributed Replicated Block Device)」が有効な実用シーンとして、前回は「Sambaサーバの冗長化」に関する構築ノウハウを解説しました。この回は障害発生時の切り替えを手動で行う方法を解説しましたが、「自動」での切り替えを望まれる方も多いでしょう。そこで今回は、「自
2015年にも色々と動きがありましたが、その内の一つにモバイル関連の動きを挙げる方も多いと思います。(少なくとも、私はその内の一人です。)改めて確認する必要が無いほど、Googleはモバイル推しを継続していますが、アミット・シンガル氏は、ほぼ全ての検索をモバイルデバイスのみで行っているようです。1年以上、そうした生活を続けているとのことですが、その中で氏が感じたことをダニー・サリバン氏がインタビューの中で明らかにしています。我々の明日の作業に直接関わるといった類の話しではありませんが、非常に興味深い内容であり、それは”Google検索のトップの言葉だから”という理由だけではありません。– SEO Japan アミット・シンガル氏は、ほぼ全てのデジタルライフを、1年以上2つのスマートフォンのみで送っている。 Amit Singhal. Credit: Google *記事内のリンクは全て英語
2016 - 01 - 19 Sassで寿司を回す、たった一つの冴えたやりかた こんにちは、ウェッブデザイナーのアズマです。 みなさん、Sassは好きですか。僕は好きです。 そして、寿司は好きですか。僕は好きです。 Sassがあれば何でもできる! Sassがあれば、回転寿司も回せる! というわけで、今日はSass(CSS)を使って回転寿司のように要素を無限ループさせてみましょう。 何ができるか こうです。寿司が無限ループしています。(本当はもっとなめらかに動きます) 僕の圧倒的な画力についての感想はここでは本質ではないのでご遠慮願います。ここで大事なのは寿司が無限ループすることです。 「画像が流れればそれでよい」ということであれば、 1枚の横長背景画像にしてbackground-positionを動かす という手法や、いっそのこと 全部Gifアニメにしちゃう (寿司ゆき超かわいい
このファイルを使用中のユーザーが多すぎるため、一部のツールを利用できない場合があります。再試行詳細閉じる オープンソースライセンス比較用早見表 : Sheet1ABCDEFGHIJKLMN1ライセンスと著作権の表示変更した旨を示すことソースコードの開示ライブラリとして使用すること商用利用改変配布派生物に別のライセンスを課す特許の利用個人利用作者に責任を求めること商標の利用注記2No License必須可能禁止禁止禁止可能GitHubで公開したソフトウェアにライセンスを付記しなかった場合の条件3GPL v2.0必須必須必須必須でない可能可能可能禁止可能可能禁止言及なし4GPL v3.0必須必須必須必須でない可能可能可能禁止可能可能禁止言及なし5Affero GPL v3.0必須必須必須必須でない可能可能可能禁止可能可能禁止言及なし6Artistic GPL 2.0必須必須必須必須でない可能可
ランディングページ、プロダクトページ、スモールビジネスなどの商用、ポートフォリオ、ギャラリー、ブログなどの個人で利用できるBootstrapをベースにしたサイトが作成できる無料のテーマ・テンプレートがダウンロードできるサイトを紹介します。 コンテンツのコンポーネント、ナビゲーション、サイドバーやフッタのウィジェットもあり、カスタマイズする際の参考にもなると思います。
今さらな内容になりますが、未対応だったIEのサポート終了によって今後ますます使う場面は増えるでしょうし、恥ずかしながら指定方法によっては一瞬どう記述するかど忘れしちゃうことがたまにあるので備忘録も兼ねて。 CSSの擬似クラスにある:nth-childと:nth-last-childの使用例を自分が見たい時にすぐ確認できるようひと通りまとめました。 説明時に利用しているサンプルイメージやコードは、ul内に10個のli要素を記述してデフォルトで青いボックスが並んでいる見た目になるようCSSを指定しています。 それを:nth-childと:nth-last-childを使って指定されたものを赤いボックスに変化させており、実際のブラウザ表示を見たい場合はCodePenにデモをアップしておいたのでこちらをご覧ください。
重要なポイントは… titleタグの現在の扱い タイトルよりもコンテンツ重視にシフトしています モバイル検索ではタイトルが書き換えられやすい 良質なコンテンツを作る心構えは titleタグの現在の扱い SEO(検索評価)では「タイトルはとても大事」だとよく言われています。 なるべく重要なキーワードをタイトルの前に置く(含む)ことで、そのキーワードで検索されたときに引っかかりやすくする(検索評価を上げる)というのはSEOの基本的なテクニックだとも言われていますし、今でも多くの方がこれを意識してタイトルを考えているのではないでしょうか。 検索結果からの流入率を上げるには、やはり検索キーワードがタイトルに含まれ、ディスクリプション(概要文)にも含まれているほうがよいことは確かです。 それは検索ユーザーがタイトルとディスクリプションを見て「自分が意図している(欲しい)情報が記載されているはずだ」と
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
1.2人──。 これは2050年における老人と現役世代の比率だ。現在は老人1人に対して現役世代2.4人だが、30年少々でこれが半減してしまう[*1]。ホモ・サピエンスには20万年以上の歴史があるが、これほど苛烈な高齢化社会が出現したことはない。まるで〝サイエンス・フィクション〟のような世界に私たちは向かっている[*2]。 社会福祉は崩壊し、年金は有名無実のものになるだろう。日本語の通じない外国人介護士に虐待されて、殴られるのが怖いから糞まみれのオムツを枕の下に隠す。あるいは、一人暮らしの自宅で転んで骨折し、助けを呼べないまま餓死を待つ。これは妄想ではない。将来、私たちが直面する未来だ。 現代の医療なら、多くの人が100歳近くまで生きる。いま60代だからといって、少子高齢化のもたらす地獄から逃げ切れると思ったら大間違いだ。30年後、あなたは何歳だろう? 幸いなことに、出生率は死亡率ほど正確に
[レベル: 上級] この記事では、AMPを正しく設定できているかどうかを検証するための3つの方法を説明します。 Chromeのデベロッパー ツール 構造化データ テスト ツール Search Console それぞれを詳しく解説します。 Chromeのデベロッパー ツール Google Chromeのデベロッパーツールを利用すると、AMP HTMLのバリデーションをチェックできます。 つまり、AMPが定める仕様に従って正しくコーディングできているかどうかの検証に使えます。 手順は次のとおりです。 1. AMPページのURLの末尾に「#development=1」を付けてページを表示させる バリデーションをチェックするモードにChromeを入らせます。 たとえば、AMPページのURLが https://example.com/amp/validation.html なら、https://ex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く