サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定
Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー
超便利！無料で簡単に画像ファイルを圧縮できる4つのサービス【jpg、pngなど】 | creive【クリーブ】
Webページの読み込みスピードを高速化すると、ユーザビリティの改善や検索エンジン対策につながります。 それを実現する1つの手段として、サイトに表示させる画像を圧縮するという方法があげられます。 そこで今回はそんな画像を圧縮する際に便利なツールを5つほどご紹介します。 また後半では、番外編として画像を圧縮する時の、GIF、JPEG、PNGの定義などを解説しています。 ぜひ最後までご覧になってください。 画像を圧縮する5つの方法 Compressor.io Compressor.ioは、JPG・PNG・GIF・SVGの4形式の画像を無料で圧縮できるツールです。 さらにアカウント登録が不要で、画像をブラウザでアップロードするだけで瞬時にファイルサイズを圧縮できます。形式を考えずに処理したいときに使えます。 圧縮する際には、圧縮率を重視する非可逆圧縮(Lossy)か元の画質をキープする可逆圧縮(L
【料理】あの店の味が自宅で作れる！再現レシピ18選
今日は、ある店のあの味を生み出した「再現レシピ」記事を、18個ご紹介いたします。 こんなものまで作れるの！？と思うものもあるので、ぜひチャレンジしてみてください。 ご飯系の再現レシピ ご飯系の再現レシピをご紹介していきます。 billsのスクランブルエッグ 世界一の朝食billsのスクランブルエッグが世界一な理由 | ウェブランサー まずは、世界一の朝食と称される「bills（パンケーキで有名なレストラン）」のスクランブルエッグです。日本には2008年に1号店が登場し、常に行列ができている店の1つです。レシピもとてもシンプルだったので、簡単に作れて美味しくいただけました。 → レシピ 洋麺屋五右衛門のスパゲッティー 洋麺屋五右衛門のスパゲッティーを自宅で再現したい！：お料理速報 湯葉と鳥そぼろの豆乳クリームから、アラビアータ、たらこのカルボナーラまで、洋麺屋五右衛門の様々なレシピが公開され
【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
おしゃれ女子必見！最近話題の女性向けおすすめアプリ5選 | creive
こんにちは。 スマートフォンアプリで賑わっているジャンルの一つが、「女性向けアプリ」です。 スマートフォンならではの機能や手軽さをうまく利用した女性向けアプリが日々たくさんリリースされています。 今回はそんな女性向けアプリのなかでも、最近特に流行っている話題の国産アプリを紹介します。 CocoPPa（ココッパ） [browser-shot url=”http://cocoppa.com/?locale=ja” width=”550″] 最近、最も勢いのあるアプリといえば「CocoPPa」です。 日本を中心に、世界中で1000万ダウンロードを記録している超人気アプリです。 カスタマイズ性の少ないスマートフォンのアイコンを、好きな画像や、CocoPPa上にアップされているアイコン素材を使い、ショートカットアイコンとして、自分のスマホのホーム画面に配置し、自分だけのオリジナルホーム画面が作れてし
「学びたい、全ての人へ」creiveより
いつもcreive（クリーブ）をお読みいただきありがとうございます。 この記事は「いつもの記事」とは少し違います。 インターネットさえ繋がっていれば、学びたいコトが学べる時代になりました。 好きな時に好きなだけ学べて、何度でも繰り返して復習できる。 インターネットが提供してくれた価値は、計り知れない威力があります。 この記事は当初、 「ネットさえあれば自由に学べる！日本語で学習できるWebサービス」 というタイトルで作成するつもりでした。 ただそんな一発単体の記事では、世の中は1ミリも動かないと考えました。 私たちcreive（クリーブ）は、このメディアを通して「学びたいヒトが、学びたいコトを、自由に学べる世界」を創ります。 いまこの記事を読んでくださっている方は、ネットリテラシーが高く、すでに知っている情報ばかりかもしれません。 ただ、普段インターネットに触れない人たち（私の場合、地元の
【配色・色見本 Webサイト紹介】 - 10個のweb配色ツール【色の見本】
ポスターやWebサイトのデザインをする際の配色は奥が深く、デザイナーであっても毎回悩む問題の1つ。 ただ、デザインにおいて配色の役割は大きく、たった1つの色でそのサイトやモノの印象がガラっとかわることはよくあります。 ベースカラーやアクセントカラーの組み合わせが決定しても、その色で本当に正しいのかどうか不安になることもあるかと思います。 今回ご紹介するのは、そんな悩みを一発で解決する、配色を決定する際に役立つ便利なWebツールです。デザイナーの方はもちろん、ディレクター、エンジニアの方でも、覚えておくと使えるものばかりなのでぜひ利用してみてください。 Web配色ツールのご紹介 それでは、Web配色ツールを10個ほどご紹介します。求める色がすぐに見つかったり、色を組み合わせる時の見本となるサイトばかりなのでぜひ訪れてみてください。 HUE/360 HUE/360は、1つのキーカラーと調和する
デザインに役立つ！黄金比や白銀比の比率を計算してくれる5つのツール
※この記事は、2015年4月15日に公開された記事を再編集したものです。 世の中には、物事を美しく魅せるための「比率」が存在します。 建築や、Webデザイン、通常のデザインなど「なんだか綺麗」と思わせなけらばいけない場面で利用されるこれらの比率。具体的には黄金比、白銀比、青銅比、白金比、第二黄金比など、利用される比率は複数存在します。 そこで今回は、その中でもよく使われる黄金比・白銀比を簡単に、自動で計算してくれる便利なサービスを5つ選んでみました。 黄金比とは 黄金比とは、「Golden Ratio」の日本語訳で、1：1.618という人間にとって最も安定し、美しく感じられる比率のことです。 正方形の一辺にその約60％分の長方形を足した時、自然とバランスが取れていると感じることができます。名刺などの縦横比もほぼ黄金比で構成されており、有名なものをあげると、パルテノン神殿、モナ・リザ、ミロの
知らなきゃ損する！「1番安い」を探せるWebサービスまとめ
こんにちは。 WEBサービスを利用すると、その商品の価格が簡単に比較でき、最安値がわかるようになりました。 そこで今回は、買い物をする時に損をしないように、その業界の最安値がわかり、しかも比較もできる便利なWebサービスを集めてみました！ スカイスキャナー（航空券） 行き先を入力して検索すると、自動的にあらゆる航空会社のサイトから料金を安い順に並べてくれます。海外旅行の時は、いつも使わせていただいています。便利！ [browser-shot url=”http://www.skyscanner.jp” width=”550″] エクスペディア（航空券/ホテル） こちらは、ホテル·航空券·ツアーの最安値を検索できるサイトです。ホテルの写真もたくさん見れるので、「宿泊施設」を探すときには重宝しています。 [browser-shot url=”http://www.expedia.co.jp”
【最新版】WordPressのおすすめプラグイン11選！本当に必要なものだけ厳選しました
「WordPressを使い始めたけど、プラグインがありすぎてどれを使えばいいかわからない・・」 「結局自分のサイトに合ったおすすめのプラグインはどれ・・・？」 WordPressは、誰でも簡単にブログやサイトが作れてしまうCMS（Content Management Systemの略：コンテンツ管理システム）です。 ドメインを取得してサーバーを借りたら、あとはインストールするだけで使えてしまいます。 WordPressをインストールして、好きなテーマを選んで「さっそく記事を書いていこう！」と記事を作成するその前に！ まずは、運営に必要なプラグインをインストールしておくことをおすすめします！ 先に必要なプラグインをインストールしておくべき理由は「記事を書くことが圧倒的にラクになる」「集客を手助けしてくれる」「ユーザビリティが向上する」の3つです！ この記事では、WordPress歴約１０年の
覚えておくと絶対に役立つ！便利なGoogle検索方法7選（基本編）
こんにちは。 何かをしようと思ったときに、検索することが当たり前の時代になりました。 そこで今日は探したい物を素早く見つけるために、Googeの基本的な検索手法を7つとりあげました。 限定検索「”キーワード”」 まずは、絞り込み検索です。あるキーワードを「限定」して検索したい時に使える検索方法です。 具体例 例えば「激おこぷんぷん丸」というキーワードの意味を一瞬で調べたい時に 「”激おこぷんぷん丸とは”」 とダブルクオーテーション（””）でキーワードを囲って検索すると「激おこぷんぷん丸とは」から始まる、説明をしてくれている検索結果が一発で並びます。便利！ 除外検索「-キーワード」 あるキーワードを、検索結果から除外して検索したい時に使います。 具体例 「東京にある大学」を調べたい時に「東京 大学」と検索すると「東京大学」が大量にヒットしていしまいます。そこで 「東京 大学 -東京大学」 と
アイデアの発想法！誰でも面白い企画屋になれる10個の方法
アイデアを瞬時にいくつも出せる人や面白い企画がすぐに出せる人が世の中にはいます。 アイデアマンや企画屋になれるかどうかは先天的なものではなく、発想方や方法論をしっていれば誰でもできる後天的なものです。考えるためのツールさえあれば、誰でも面白いことをポンポン思いつく企画人間になれます。 そこで、今回はアイデアを出したい時、新しいひらめきが欲しい時に使うツールや発想法を10個ほど紹介いたします。 【関連】 企画アイデアがなかなか思い浮かばない人のためのアイデア発想法の基本7つ 面白い企画を考える前に・・・ 面白い企画を考える前に、「設定」をしっかりとしておかないと企画も浮かんできませんし、せっかく浮かんできたアイデアも後で考え方が変わってしまいボツになるなんてことも・・・ アイデアがボツになり、それが嫌になり負の連鎖で、またアイデアが浮かばない。 そんなことにならないようにしましょう。 何をP
【無料】集中したいときに！おすすめの作業用BGMサービスまとめ
何かの作業に集中する際に「音楽」や「音」は大切な要素です。 そこで今回は無料で聴けて、さらに作業用BGMとしても使えるとっておきのWebサービスやアプリをご紹介します。 noisli Noisliは、雨音やノイズなど、の環境音が聴けるサービスです。 BGMは「雨」「雷」「風」「森」「葉」「川」「波」「水」「火」「虫の声」「カフェ」「電車」「風車」「ホワイトノイズ」「ピンクノイズ」「ブラウンノイズ」の16種類。 環境音を単体で聴くのはもちろん、音同士を重ねたり、音量も調節できるので自分だけの環境音BGMをつくることができます。 またランダム、生産性、リラックスなどのテーマもあり、自分で決められない人はそのボタンをクリックするだけで、そのテーマにあった環境音ができあがります。 → noisli またNoisliはiOSアプリにも対応しており、下記からダウンロード（240円）できます。 → iP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ