タグ

ブックマーク / ferret-plus.com (36)

  • あなたの文章が読みづらい原因は「文章のねじれ」かも?原因と対策を解説

    Web担当者であれば、一定の文章作成スキルを身につける必要があります。 ホームページの商品・サービス紹介やブログなど、様々な場面で文章を書く機会があるからです。 ただ、自分ではうまく書けていたと思っても「文章が読みにくい」「意味が伝わらない」と指摘されたことはありませんか? わかりにくい文章の多くに共通している事象があります。 それが*「文章のねじれ」*です。 「文章のねじれ」は「主語」と「述語」、「論点」と「結論」が噛み合わないことで生じます。 今回は、「文章のねじれ」を解説します。 文章のねじれを防ぐための解決方法も合わせてご紹介するので、文章作成のスキルアップに役立ててみてください。 「文章のねじれ」とは? 「文章のねじれ」とは、伝えたい事柄に対して異なる結論を述べることを指します。 まずは下記の文章をご覧ください。 例: 私の目標は、コストの削減をしたいです。 主語が「目標は」と宣

    あなたの文章が読みづらい原因は「文章のねじれ」かも?原因と対策を解説
  • もう残業したくない方必見!タイムマネジメントに役立つ書籍12選

    「なかなか仕事が終わらなくて残業ばかりしている」 「やるべき仕事があるのに、後回しにしてしまう」 「予定していた時間通りに仕事が回らない」 普段から忙しい営業マンやWeb担当者にとって、こういったタイムマネジメントの悩みは尽きないことでしょう。 そんな方は業務と時間を管理するタイムマネジメントの手法を学んでみてはいかがでしょうか。 今回は、タイムマネジメントに役立つ書籍をタイムマネジメントにありがちな悩み別に紹介します。 効率的な仕事術から、仕事を後回しにしないモチベーションの保ち方まで、プロのノウハウを学んで周囲からも一目置かれるビジネスパーソンになりましょう。 スケジュール通りに仕事を進められない 1.なぜ、あなたの仕事は終わらないのか スピードは最強の武器である [なぜ、あなたの仕事は終わらないのか スピードは最強の武器である | 中島聡 | Amazon] (https://www

    もう残業したくない方必見!タイムマネジメントに役立つ書籍12選
  • コーディング初心者こそ知っておきたい便利な「CSS関数」5選

    HTMLCSSでホームページのデザインを行うことを、一般的には「プログラミング」とは言わずに「コーディング」と言います。 論理的なバックエンドでの実行処理を考えるプログラミングとは違い、HTMLCSSは「見え方」や「見た目」の部分に責任を持つことが多く、コードによって「組み立てる」イメージからそのように呼ぶのでしょう。 しかしながら、CSSは通常プロパティと値をセットで指定していきますが、*「CSS関数」*と呼ばれる便利な関数も用意されています。 これらの関数を使うことで、計算を実行したり、条件を指定したり、特定の値を別のフォーマットに変形したりすることができます。 そこで稿では、*コーディング初心者こそ知っておきたい便利な「CSS関数」*を5つ紹介していきます。 普段業務などであまりCSS関数を活用していない方にこそ、CSS関数のよさを知って、使えそうな場面でぜひ活用していただきた

    コーディング初心者こそ知っておきたい便利な「CSS関数」5選
  • フリーランスになる前に最低限、準備しておきたい11のチェックリスト

    近年、会社に属さずフリーランスとして働くという形態に注目が集まっています。会社勤めを経験しスキルや知識が増えてきて、独立に興味を持ち始めたという方も多いのではないでしょうか。 一方で、フリーランスになるためには具体的にまず何をしたらいいのか分からず、あと一歩が踏み出せない方も少なくないはず。 そこで今回は、フリーランスになる前にやっておくべき11項目をまとめてご紹介します。これからフリーランスになろうと思っている方、準備不足で独立してしまったという方はチェックリストとしてご活用ください。 フリーランスになる前に準備しておくべきこと 1.審査が必要となるものは済ませる 会社員と比較すると、フリーランスは社会的な信用度が低くなりやすい傾向にあります。例えば、会社員であれば当たり前のはずのクレジットカード申請やローン契約、不動産契約がフリーランスになると審査が通りにくくなる場合があります。 その

    フリーランスになる前に最低限、準備しておきたい11のチェックリスト
  • SEO対策とは - 初心者でも分かるSEOの基礎 -|ferret [フェレット]

    SEOとはSearch Engine Optimization(サーチ エンジン オプティマイゼーション)の略で、検索エンジン最適化と呼ばれています。Googleなどの検索エンジンの検索結果で、自社サイトを多く露出するために行う取り組み(SEO対策)のことを指します。 この記事ではSEOの基礎知識から対策方法、キーワードの選び方などをわかりやすく解説します。 目次 SEO対策とは SEO対策におけるGoogleの考え方 スマートフォンを意識したSEO対策の時代に SEO対策の検索キーワードの選定方法 SEOにおける内部対策と外部対策 検索上位を狙うコンテンツの作り方 SEO対策をする前に知っておきたいポイント SEOツールを使って効率的に対策しよう 被リンクを効率的に集めるには SEO対策でよくある質問 SEO対策の基を押さえて検索結果上位を狙おう ▼ ferretがSEOツールの導入支

    SEO対策とは - 初心者でも分かるSEOの基礎 -|ferret [フェレット]
  • 5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント

    こんにちは。株式会社FREE WEB HOPEの代表取締役社長 相原 祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか? 僕はいつも思っていました。 「考え方やマインドセットはいいからやり方を教えほしい」ということを。 そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る 実践!WEBマーケティング大全(全116ページ!)」を執筆しました。 実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。 記事では、その中から弊社の得意とする

    5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント
  • レスポンシブ対応のCSSフレームワーク22選

    手軽に素敵なホームページを作成することができるCSSフレームワークが沢山登場しています。アイコンなども全てセットになったものなどもあり、コーダーでなくとも簡単に作業できることから人気を博しています。 今回は、レスポンシブに対応したCSSフレームワークをに紹介します。CSSフレームワークを選ぶ際の参考にしましょう。 CSSフレームワークとは?その特徴とメリット CSSフレームワークを簡単に言うと、Webサイトに必要なパーツや主な機能などがセットになったパックのことです。Webサイトをデザインするとき、通常はイチからデザインを考えて、パーツを揃え、CSSを記述していく必要があります。これは時間がかかる上、Webデザイナーやエンジニアなどの専門家がいない場合、整ったデザインのWebサイトを制作することは非常に困難だと言えるでしょう。 そんなときに便利なのがCSSフレームワークです。CSSフレーム

    レスポンシブ対応のCSSフレームワーク22選
  • ビジネスマンが公にカンニングできる企画書共有サイトと良記事10選

    どのようなビジネスでも、企画書や資料の作成はつきものです。 そんな企画書ですが、なかなか上手く作れなかったり、作成途中で迷ってしまうことも少なくありません。 そのような企画書や資料作りにおける悩みは、他の人が作ったものを参考にしてみるといいでしょう。 今回は、企画書をのぞき見できるサイトや良記事をまとめてご紹介します。 ぜひ企画書づくりの参考にしてみてください。 人が作った企画書が見られるサイト 1.SlideShare http://www.slideshare.net/ SlideShareは、PowerPointやKeynotepdfのプレゼン資料・企画書をアップロードできるスライドホスティングサービスです。 元々は「オンラインで知識を共有する」というコンセプトで資料を社内共有するために作られたものですが、徐々に一般ユーザーが増えていき現在は多くの一般ユーザーが資料を公開しています

    ビジネスマンが公にカンニングできる企画書共有サイトと良記事10選
  • 大公開!ferretが毎日チェックしている、メディア・ブログ46選|ferret [フェレット]

    Webサイトを運営している方であれば、さまざまなメディア・ブログなどからの情報収集を欠かかすことはできません。 ferretも同様であり、常日頃から大手メディアから個人ブログに至るまで幅広く情報収集を行っています。 今回は、ferretがRSSに登録して毎日チェックしている選りすぐりのメディア・ブログ44選をご紹介しますので、ぜひ情報収集にお役立てください。 このニュースを読んだあなたにオススメ プライバシーポリシーを記載しよう 情報収集には欠かせない!便利なFeedlyのイロハを解説 効率的に情報収集できるGoogleアラートの使い方 GoogleYahoo! 1.Google Japan Blog http://googlejapan.blogspot.jp/ Google Japanが発信している、主にGoogleに関する情報が日語で書かれているブログです。 Googleの公式サ

    大公開!ferretが毎日チェックしている、メディア・ブログ46選|ferret [フェレット]
  • Macユーザーにオススメ!Keynoteの無料テンプレートまとめ

    パワーポイント作成】伝わるデザインのコツ ほんの一手間で驚くほど見やすく変わる!パワーポイントGoogleスライドなど資料のデザインを見やすく仕上げるコツを解説します。 無料で使えるKeynoteテンプレートまとめ 1.Azusa http://memo.sanographix.net/post/82160791768 "大体いい感じになる"というコンセプトのKeynoteテンプレートです。今時っぽいカラーリングと素敵なフォントのスライドが作れます。日製ですので、使いやすさも抜群です。 2.Modern Report https://hislide.io/product/modern-report-free-key-template/ 白を基調とした背面と黒や灰色文字によってシックな雰囲気のあるテンプレートです。 3.X Grey Keynote Template http://ww

    Macユーザーにオススメ!Keynoteの無料テンプレートまとめ
  • 無料で学べる人気プログラミング学習サイト20選

    最近では、プログラミングスキル世界中で注目され、学校の授業の一部にプログラミングを学ぶカリキュラムが取り入れられているほどです。 中には、小学生向けのIT教育として、専門の学校を設け、早期のIT人材育成に取り組む企業も存在しています。 今回は、プログラミングが独学、かつ無料で自宅学習できる20サービスをまとめました。 ドットインストール http://dotinstall.com/ 動画形式で、プログラミングを学ぶことができるWebサービスです。 基的に、全ての動画が3分で完結し、隙間時間でも学べるボリュームが特徴です。 WordPress入門 、HTML入門 、iPhoneアプリ開発入門など、2015年4月現在で220レッスン、3,132のカリキュラム動画が視聴可能です。 schoo https://schoo.jp/guest プログラミングだけでなく、ビジネスや美容関係など幅広い

    無料で学べる人気プログラミング学習サイト20選
  • ついつい見続けてしまう!シネマグラフを取り入れたWebデザイン24選

    シネマグラフ(Cinemagraphs)という手法をご存知でしょうか。シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。 今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方や技術自体の難易度は高くありませんし、やる気次第では、ソフトを使って自分で作ることも可能ですので、ぜひチェックしましょう。 動くシネマグラフを使ったサイト、画像まとめ 株式会社 電通クリエーティブX http://www.dentsu-crx.co.jp/ 株式会社電通クリエーティブXのホームページでは、社員や文具が永遠と回るシネマグラフをデザインに取り入れています。 トップページをはじめ、企業紹介から社員紹介、リクルートページ

    ついつい見続けてしまう!シネマグラフを取り入れたWebデザイン24選
  • 公共機関や関連サービスが提供するAPI 18選

    近年、公共機関などでもAPI提供が行われてきており、格段にできることの幅が増えてきました。 今回は、様々なシーンで使える公共機関や関連サービスが提供するAPIをまとめてご紹介します。 自社サービスに活用できそうなものがあれば、ぜひ使ってみてください。 ※掲載中の利用料金、使用条件は2015年9月25日時点の情報です。今後情報が変更となる可能性がありますのでご了承ください。 なお、料金についての情報が記載していないものについては個別対応としております。 様々なサービスに活用できる公共施設のAPIまとめ 1.RailGo http://www.railgo.jp/guide.html イースト株式会社が提供する、経路探索APIです。 「駅すぱあと」をメソッド化したもので、駅情報を検索したり、駅配列から経路情報を検索したりできます。 また、ホームページ上で体験サービスも提供していますので、気軽に

    公共機関や関連サービスが提供するAPI 18選
  • 全て無料!パワーポイントのテンプレート27選|ferret [フェレット]

    パワーポイントPowerPoint)のテンプレートを無料ダウンロードできるサイト19選 ここでは、パワーポイントのテンプレートを無料配布しているWebサイトを紹介します。それぞれ利用規約が異なりますので、必ず確認してから使用するようにしましょう。 1.canva https://www.canva.com/ja_jp/presentations/templates/ canvaのテンプレートはおしゃれで使いやすいものが揃っており、さまざまなシーンで活用できます。プロが作成したデザイン性の高いテンプレートも多く扱っているため、ビジネスシーンにもおすすめです。 パワーポイントで使用する際はppt形式にしてダウンロードする必要がありますが、ログインした状態でなければできません。ログインして好みのテンプレートを選択し、「すべてのオプション」→「保存」→「Microsoft PowerPoint

    全て無料!パワーポイントのテンプレート27選|ferret [フェレット]
  • どれを選んでも無料!高品質すぎるベクター素材60選

    この記事は2015年9月7日の記事を更新しています。 ホームページ制作、資料作りで見た目にもこだわりたいと思った時に、イラストを全て作成するのはとても大変です。そんな時、ベクター素材を使えば、時間をかけずともデザインを作りこむことができます。格的なデザインのものも多数存在しますので、使わない手はありません。 今回は、高品質ながら無料で使えるフリーのベクター素材をまとめてご紹介します。ホームページのデザインから印刷物まで、あらゆるデザインに幅広く活用出来ますので、ぜひダウンロードして使ってみてください。 デザインいらずの高品質ベクター素材まとめ 1.Vector Smart Phone Mockups http://www.vecteezy.com/vector-art/84082-vector-smart-phone-mockups 異なるカラーのスマートフォンイラストをまとめたベクター

    どれを選んでも無料!高品質すぎるベクター素材60選
  • 意外と面倒なtableがコピペで簡単に実装できるサンプルコード19選|ferret [フェレット]

    コーディングする際に、何気なく重宝するコードがtableです。 そんなtableですが、コーディングしていると乱雑になってしまったり少し凝ったデザインにしようしても、いまいちと感じてしまうことが多々あります。 今回は、オシャレなtableが簡単に実装できるCSS3のサンプルコードをご紹介します。 コピーペーストで簡単に使えますので、ぜひホームページのデザインに取り入れてみてください。 コピペで使えるtableのサンプルコード19選 1.CSS3のセレクターで作るストライプテーブル http://ascii.jp/elem/000/000/462/462099/ 汎用性の高いシンプルなストライプテーブルを作ることができるサンプルコードです。 CSS3のセレクターを使って、行・列ごとに背景色が違う典型的なテーブルをデザインします。 以前のCSS1、2の場合だと背景色を変えるのは結構手間がかかっ

    意外と面倒なtableがコピペで簡単に実装できるサンプルコード19選|ferret [フェレット]
  • 著作権とは?Web担当者、デザイナーが知るべき著作権

    ferret編集部:2015年8月18日に公開された記事を再編集しています。 Webサービスを運営していると、必ずぶつかるのが著作権の問題です。 著作権の侵害を侵していないのか、また自サイトの著作権を侵されていないのか、なかなか取っ付きづらいイメージを持っているのではないでしょうか。 しかし、基的なことをしっかりと理解すれば、意外ととっつきやすいものでもあります。 今回は、著作権の基礎をご紹介します。 1. 著作権とは 著作権とは、著作者の保持する権利の一つで、著作者の保持する権利には「財産的な権利である著作権」と「人格的な権利である著作者人格権」があります。 Web担当者やWebデザイナーが気にすべき著作権は、「財産的な権利である著作権」を指しています。 1-1.著作者人格権 著作者人格権とは、著作物に存在する著作者の人格を保護する権利。簡単に言えば、著作物を公表する際の時期、形式、方

    著作権とは?Web担当者、デザイナーが知るべき著作権
  • 有名企業・ブランドのロゴで採用されているフォント15選

    企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い! 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを

    有名企業・ブランドのロゴで採用されているフォント15選
  • 地味に手間がかかる作業を解消できるWordpressプラグイン10選

    Wordpressといえば、有料・無料問わず、ハイクオリティなデザインや機能を備えたテンプレート(テーマ)が多数あり、利用されている方が多くなっています。 このテンプレートだけでも魅力が十分ですが、さらに今回ご紹介するプラグインを利用することで、よりホームページを魅力的に仕上げることが可能になります。 Wordpressのプラグイン10選 1.WordPress SEO by Yoast https://wordpress.org/plugins/wordpress-seo/ WordPress SEO by Yoastは検索エンジン最適化(SEO)に関する重要な項目を簡単に調整、設定できるプラグインです。 metaタグの設定やTitleタグなどの基的な設定だけでなく、各ページのタグ設定や、検索エンジンに読み込まれないようにするnoindexやfollowの設定が行えるため、検索エンジン

    地味に手間がかかる作業を解消できるWordpressプラグイン10選
  • 統計データ・市場調査データを提供するサービス11選

    業界の市場動向を調べる際に、皆さんはどのように根拠データを入手していますか?自社のホームページに新規コンテンツを立ち上げたい時、どの方向に展開をしていけばそのマーケットを押さえることができるでしょうか。これらを解決するのが、Web上で閲覧できる統計や調査データの数々です。各企業が自社で調査した数値を公開しているものもあれば、国が統計データとして公開しているものもあります。 今回は調査や統計データを入手できるサイト、調査機関のサイトをまとめました。皆さんのビジネスにお役立てください。 ※データの引用や利用にあたり制限がある場合があります。詳しくは各サイトの利用規約などをご確認ください。 統計データや市場調査データが公開されているサービスまとめ 総務省統計局 http://www.stat.go.jp/ 今回紹介する中では最も利用され、また目にする機会も多い調査の一つかもしれません。総

    統計データ・市場調査データを提供するサービス11選