WordPressで予約システムを設置できるプラグイン9選＆ツール3選を紹介｜ferret
営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 WordPressで予約システムを利用するメリット WordPressで作ったWebサイトに予約システムを設置するメリットについて解説します。 低コ
イラストレーターパターンのフリー素材をご紹介!【116選】
イラストレーターパターンのフリー素材は、こどもの日や母の日など、イベントが近付くにつれて、それにちなんだデザインが多く登場し始めています。きっと多くの方が「やはりこういう時期はデザインも通常とは異なる仕様にしてアクセントを付けたい！」と思うのではないでしょうか。 素材を配布しているサービスでも、春から夏にかけて使える爽やかな雰囲気の素材も数多く登場します。イベント、季節に合わせたデザインをサクッと作りたいなら、パターン素材を活用しましょう。 今回は、クオリティが高く、かつ無料のパターン素材を116個まとめてご紹介します。 春から夏まで使えるフリーパターン素材5月編 1. Nature pattern design http://www.freepik.com/free-vector/nature-pattern-design_1081435.htm 鮮やかな水色のヤシの葉にビビッドなハイビ
301リダイレクトとは〜htaccessを利用して転送を行う方法｜ferret [フェレット]
301リダイレクトのやり方（mod_Rewriteが使える場合） 1. htaccessファイルを作成する 「●●.htaccess（●●は適当な文字列）」というファイルを作成します。 テキストエディタを用いて、ファイルを作成し名前を●●.htaccessとして保存してください。 参考： Webサーバーの動作を制御するファイル".htaccess"の作成支援ツール「.htaccessEditor」とは？ 2.転送処理の記述をする 1で作成した●●.htaccessの中に下記のケースから行いたいサイトのリダイレクトに合わせて修正した上で保存してください。 2-1.ページ単位のリダイレクト 「old.html」にアクセスがあった際に「http://www.example.com/new.html」へ301リダイレクトさせる記述です。 RewriteEngine on RewriteRule ^
![301リダイレクトとは〜htaccessを利用して転送を行う方法｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/bbee0b89ae308f627d84a3320b82b6fb384ed96b/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F2186%2Fog_image%2Fdefault-61e0679300ead4eed406b7f0607a71c2.jpg)
SVGファイルとは？基礎知識と作成・変換方法を解説｜ferret [フェレット]
多くのホームページが活用している「SVG（エスブイジー）ファイル」。具体的にどの様なフォーマットなのかご存知でしょうか。 SVGファイルのメリットは、拡大縮小しやすく編集性・汎用性が高いこと。でも「何となく使っている」「実はあんまりどのようなものか知らない」「なぜSVGなの？」と感じている方も少なくないでしょう。 そこで本記事では、SVGの特徴やその他のフォーマットとの違い、作成方法などについて詳しく解説します。 SVG（エスブイジー）ファイルとはなにか？ 「SVGファイル（スケーラブル・ベクター・グラフィックス、Scalable Vector Graphics）」はの歴史は意外にも古く、2001年頃に勧告された技術です。 SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、一種の画像フォーマットになります。 引用元：今こそ取り組むS
![SVGファイルとは？基礎知識と作成・変換方法を解説｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c1044997c38f72020170dae282a443ce6cd7864c/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F8445%2Fog_image%2Fdefault-d8edf2f9b5b2b651d90216773c15980f.png)
Webディレクターにオススメしたい！さくさくワイヤーフレームが作れちゃう便利ツールまとめ
Web、アプリを制作する上で無くてはならないワイヤーフレーム作成ですが、普段どのようにして作っているでしょうか。紙にそのまま手書きしたり、ドローソフトを使って作ることもできますが、専用のツールを使えば効率的に作ることができるのでオススメです。 最近では、無料のツールも沢山あり、手軽に使えて便利な反面、どのツールを使うか決められないという方も多いのではないでしょうか。 今回は、ワイヤーフレーム作成ツールの中から無料で使えるものをまとめてご紹介します。 これまでワイヤーフレーム作成に時間がかかりすぎていた方、良いツールをお探しの方はぜひ参考にしてみてください。 無料で使えるワイヤーフレーム作成ツール10選 1.Justinmind Prototyper http://www.justinmind.com/ インストールして使用するタイプのツールです。分かりやすい操作方法で誰にでも使える設計とな
【保存版】remにvh、mozmm…あまり知られていないけれど知ると得するCSSの単位まとめ
「この単位、なんだ？初めて見た・・・」 CSSが初めに登場してからかなりの時間が経過していますが、CSSに触れている経験が長いひとでも、一度はこのように思ったことがあるのではないでしょうか。 CSS歴10年以上の方でも*「長さの指定にはpxしか使わない」*という人も珍しくはありません。 実際、CSSは小さな仕様変更を繰り返しており、W3Cの草案作成・勧告といった正式なプロセスを経て便利な単位やプロパティは続々と追加されています。 CSSにおいて、単位を操ることができれば、デザインやレイアウトを行う上でかなり幅が広がることになります。 これから紹介するように、CSSにはすでにさまざまな単位がありますが、知らなかったがために回り道をしてしまっていた、あるいは知っていたらもっと短く書けるコードも多く存在します。 今回は、あまり知られていないけれど知ると得するCSSの単位をまとめていきます。 単位
【2017年版】フォローしておくべきWeb業界の著名人Twitterアカウントまとめ
Web業界の動向を追うため、日頃からWebメディアをチェックするのは大切です。数多のメディアが溢れる中で、どうやって情報の取捨選択をすればよいか悩んでいる方もいるでしょう。 そこでオススメしたいのが、Web業界の著名人のTwitterをフォローすることです。Webマーケターやアナリスト、経営者など各分野の著名人がシェアする記事やツイートから効率的に情報収集が行えます。また、Twitterのリアルタイム性を活かし、最新の情報を得ることもできるでしょう。 今回は、Web業界を中心に、リスティング広告、アクセス解析、SEO、エンジニア、Webメディア、スタートアップ企業と各分野ごとの著名人のTwitterアカウントをまとめました。関心のある分野のアカウントをチェックしてみてください。 Web業界の情報収集のためにフォローしておきたいアカウント9選 1.@kayumi Follow @kayumi
フロントエンドエンジニアなら押さえておきたい！最近登場した注目のJavaScript＆CSSライブラリ8選
Webデザイナーやフロントエンドエンジニアにとって、日々登場するフレームワークやライブラリをキャッチアップすることはとても大切です。 なぜなら、そうしたフレームワークやライブラリによって業務が効率化すれば、他の作業に時間を割くことができるからです。 しかし、フレームワークやライブラリが続々と登場するあまり、キャッチアップに追いついていないひともいるのではないでしょうか。 今回は、最近登場した注目のJavaScriptとCSSのライブラリを紹介していきます。 中には簡単なコードを挿入するだけで驚くほどの機能を実装できるものもあるので、ぜひ確認してみてください。 最近登場した注目のJavaScript＆CSSフレームワーク 1. AOS https://michalsnik.github.io/aos/ AOS(Animate on Scroll)は、スクロールしながら要素をアニメーションでふ
Webブラウザのプッシュ通知を簡単に実装！「Push.js」の使い方を徹底解説
スマートフォンアプリではおなじみのプッシュ通知。 実は、Webブラウザからもできることをご存知でしょうか。 JavaScriptの*「Web Notification API」*というプッシュ通知を制御するAPIを使うことで、モバイルだけでなくデスクトップにもWebサイト経由でプッシュ通知ができるようになります。 しかし、モダンブラウザの多くがサポートを始めている一方で、まだ利用したことがないひとも多いのではないでしょうか。 今回は、Web Notification APIを簡単に扱うことができるPush.jsを使って、簡単にブラウザ通知を実装する方法をご紹介します。 プッシュ通知とは？ これまでは、ホームページの更新を通知する方法としてはRSSやメールなどを利用している人が多かったのではないでしょうか。 しかし、RSSはRSSリーダーに登録する手間が必要で、メールでもメールアドレスをユー
7つのWeb技術！Webデザイナーやフロントエンドエンジニアが押さえるべき流行をキャッチアップ
近年、インターネットやWebの世界では様々な技術が登場。 Webデザインやフロントエンドにおいても急速に技術が進歩し、複雑でカッコいいホームページをより少ない工程で制作することが可能になりました。 ただし、その反面、Webデザイナーやフロントエンドエンジニアは波に乗り遅れないように、しっかりと流行をキャッチアップすることが求められています。 そこで今回は、Web関係者必須の7つのWeb技術について、解説していきます。 最近Web界隈で流行している7つのWeb技術とは？ 1. AMP AMP(Accelerated Mobile Pages)とは、GoogleとTwitterで共同開発されている、モバイル端末でWebページを高速表示するためのプロジェクトやHTML規格のことです。 Googleはモバイル端末におけるユーザー体験を改善してブラウジングをより快適なものにするために常に模索を続けて
【2016年版】コレを見なければ年は越せない！Webデザイナー必見の重要トピックス7選
2016年、Webデザイナーにとってもっとも重要なトピックは何だったのでしょうか。 今年も様々な技術や手法が登場しました。ここで一度、おさらいをしておきましょう。 今回は、2016年に頻繁に取り上げられた重要トピックを中心に、2017年に向けてWebデザイナーが押さえておきたいものを7つピックアップしました。 2017年は、また新たなキーワードがたくさん飛び交うかもしれません。今年のうちに今のトレンドをキャッチアップしておきましょう。 来年に持ち越せない！Webデザイナー必見の2016年重要トピックス 1. モバイル・プロトタイピング 参考： Webサービスやアプリ開発に必須！国内外のプロトタイピングツール6選 2016年は「Adobe XD」や「Facebook Origami Studio」といったモバイル端末のプロトタイピングツールが続々とリリースされました。 日本でも次第にアプリや
Webサイト分析ツール|Googleアナリティクスで見るべき項目まとめ
Webサイトを持つ目的はなんでしょうか。 ネットショップを運営する方であれば、売上。メディアであれば広告収益の最大化。オウンドメディアをお持ちの方であれば問い合わせ数や資料請求数など、そのサイトの種類によって目的は様々です。 しかし、Webサイトの分析をするときの基本は「集客」、「行動」、「コンバージョン（CV）」の3つに大別されます。 Webサイトの分析ツールとして代表的なGoogle アナリティクスでは非常に多くの数値、指標を見ることができるため、使いこなせていないと考える方も多いかもしれません。 今回はWebサイトの分析・改善を行えるツール「AIアナリスト」を提供する株式会社WACUL監修のもと、Webサイトで成果を上げるために最低限知っておくべきGoogle アナリティクスの指標項目をご紹介します。 Webサイト分析の基本は「集客」「行動」「CV」の3つ Webサイトを運営する方に
jQueryのプラグインが面白い！スクロール時にユーザを引きつけよう
PCでも、スマートフォンでも、画面をスクロールさせた時の各パーツ等の*「動き・挙動」*というのは、ユーザーの興味を引きつける上で非常に重要な要素です。 最近では動画以外の要素にも動きをつけて表示するホームページが増えてきました。 今回は、ページ下部へとスクロールさせるごとにユニークな動きをする、簡単に設置できるjQueryのプラグインをご紹介します。デモページと併せ、「どんな動きをするか」という具体的な説明もご覧ください。 注目！スクロール時にユーザを引きつけるjQueryプラグイン12選 1. セクションが重なるようにレイヤー表示「StickyStack.js」 配布ページ｜デモ 一つひとつのセクションをレイヤーに見立て、ページトップから積み重なるように表示するエフェクト効果を実装できます。垂直に配置した各パネルを上部に固定配置しながら、積み重なるようにスクロールすることができます。言葉
Twitterカードの導入方法を解説！
Twitterで企業アカウントを運用されている方は、「Twitterカード」の設定は行われているでしょうか。 自社ホームページのコンテンツを紹介する時など、通常の投稿よりも目を引きやすい形式になるため、クリック率を高めることができます。 今回は、企業としてのアカウント運用するのであれば設定しておいた方が良いTwitterカードの設定方法を解説します。 Twitterカードとは？ Twitterカードとは、Twitter上でのOGP設定を指します。OGPとは、FacebookやTwitterなどのSNSでURLが投稿された際、自動的にURLのページ情報を表示する機能を指します。 参考： FacebookのOGP設定方法＋参考記事6選 Twitterの場合、ツイートにURLが含まれている場合、そのURLのサムネイル画像、、タイトル、meta description（紹介文）が自動的に表示されま
見逃せない！2016年大注目のWebサービス17選
EvernoteやDropboxなど、無料でも非常に使い勝手のよいWebサービスは数多く存在します。 そして、そうした便利なWebサービスは、毎日のようにリリースされます。 今回は、Web担当者なら知っておきたい、今年大注目のWebサービスを国内外問わずご紹介します。 ホームページを運用する上で、便利なサービスがたくさんあるので、ぜひチェックしてみてください。 プロトタイピングツール Webサイトのレイアウトを行うときに、PowerPointやIllustratorを使うWeb担当者も多いでしょう。 最近ではワイヤーフレーム（どのサイズ感で何を配置するかの設計図）を作ったり、モックアップ（Webサイトそっくりのサンプル）を作ったりするのに、便利なプロトタイピングツールが多くリリースされています。 1.InVision InVisionは、Uber社やNETFLIX社も使っているコラボレーシ
できる人は知っている！賢くWebサイト制作を行うために必要な最新便利ツール10選
Webサイト制作は、ボリュームに違いがあるにせよ、非常に手間のかかる作業です。 特に、初心者の方の場合は、制作環境を構築することから始まり、その他にも実作業面で制作スケジュールの管理やSEO対策など・・・やるべきことは山積です。 今回は、Web制作の環境構築から実際の制作進行まで、業務に役立つツールを活用法とともにご紹介します。 Web制作に便利なツール10選 1.Aptana Studio http://www.aptana.com/ 「Aptana Studio」は、Javaの統合型開発環境（IDE）として有名なEclipseをベースにして作られた無料の開発環境です。 対応している言語は、Ruby、PHP、CSSやHTML5などで、インストールするだけで簡単に開発環境を構築することができます。 例えば、Ruby on Railsでは、環境構築だけでも非常に面倒ですが、これを手軽にインス
SNSでどれくらい拡散（バズ）されているかが確認・検索できるツールまとめ
TwitterやInstagramでバズが起きているか調べるツール Twitterで特定の話題に対するツイート数が増えたり、Instagramで特定のワードを含んだハッシュタグの数が増えたりしていたら、それはバズの合図です。 ツールを活用し、各種SNSで起きているバズを見逃さないようにしていきましょう。 1.BuzzSUMO（バズスーモ） https://app.buzzsumo.com/discover/trending URL、キーワードをもとにSNS上で拡散しているコンテンツを分析するツールです。テーマにしたい単語を入力しフィルターを設定すれば関連コンテンツを収集し、各SNSでのシェア数を表示してくれます。どのようなコンテンツがSNSで支持されているか傾向を把握するのに役立ちます。 また、拡散するのに影響力のあるインフルエンサーを分析することも可能です。特定のコンテンツをシェアしたユ
「誰がこんなネーミングにしたんだ……。」プログラミングのネーミングルールを決める時に参考にしたい情報まとめ
サイトのメンテナンスにおいてしばしばネックになるのは、どんなネーミング・構成で制御しているのか分からなくなってしまうことです。しっかりと基準に則った、誰がいつ見てもわかりやすいネーミングでコーディングしていくことは、非常に重要なことです。 今回は、プログラマーがネーミングを考える際に参考にしたいサイトを選んでご紹介いたします。 1. codic - プログラマーのためのネーミング辞書 https://codic.jp/ 様々なサイトに紹介され、「ネーミング」で検索しても上位に表示される素晴らしいツールです。例えば、Webサイトの背景に動画を設置する際に、class名をどうしようか悩んだとします。そこでcodicに「背景動画」と入力すれば「background_videos」と提案してくれます。提案されたネーミング以外にも、その他の候補も出てきます。 考える労力を省くことができるという点で優
ランディングページ（LP）構成のノウハウが詰まったエントリー10選
インターネット広告、検索結果の受け口となるいわゆる縦長のランディングページ（以下、LP）は非常に重要なWebページです。ユーザーが求める情報にあわせた構成にすることによって、広告効果アップに大きく貢献します。 一方で、実際に作る際、どのような構成にすればいいのか分からない、という方も多いのではないでしょうか。そこで今回は、LPの構成を学べる記事をまとめてご紹介します。 LPの制作機会がある方、これから作ってみたいとお考えの方はぜひ参考にしてみてはいかがでしょうか。 LPの構成が学べる記事10選 1.要注意！ランディングページ（LP）の“もったいない”をなくす構成要素のポイント http://webbu.jp/landing_page_structure-131 広告効果を高める目的で制作するLPですが、適切な構成でない場合、ユーザーが離脱するミスマッチが起こる可能性があります。せっかくの来
【ブックマーク必須】デザインに関するギャラリーサイトのジャンル別45まとめ
日頃デザインをしていると、デザインの傾向が似てきてなかなか新しいアイデアが浮かばないといった経験はないでしょうか。 そんなときはデザインの引き出しが詰まったギャラリーサイトのチェックをしてみることをオススメします。 また、常日頃からギャラリーサイトに目を通しておけば、新しいアイデアの創出に繋がるようなトレンドの理解にもなるはず。 今回は、デザインする際にチェックしておきたいギャラリーサイトをジャンル別にピックアップしてご紹介します。一般的なホームページからバナー、パーツに特化したものまで、ぜひ気になるものはブックマークに追加してみてはいかがでしょうか。 Webデザイン 1.straightline bookmark http://bm.straightline.jp/ 7000以上の幅広いサイトを収集した、沢山の数をチェックできるギャラリーサイトです。 サムネイルサイズの変更、ブックマーク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
