Photoshopが不要になる！？無料で使える画像編集ツール「Photopea」
SNSの投稿用画像や自社のホームページへ掲載する画像など、画像編集を行う機会はノンデザイナーの方でも少なくありません。 デザイナーの方であればPhotoshopやIllustratorなどを駆使して画像編集を行いますが、ノンデザイナーの方は高額なツールを購入するのはハードルが高いのではないでしょうか。 今回は、会員登録不要でハイクオリティな画像編集ができる無料ツール「Photopea」の基本的な使用方法を紹介します。 Photopeaとは Photopea | Online Photo Editor Photopeaは、無料で使用できる画像編集ツールです。 オンライン上で利用できるため、インストールは不要です。また、ログインや会員登録も必要ありません。 Photopeaは、完全無料にもかかわらず多くの機能を兼ね備えていることが特徴です。ファイルは、PSD、XCF、ANY、sketch対応し
デザインで差をつける！高品質な英字デザインフォント15選
Webフォントが以前よりも人気になってきた現在でも、通信速度の向上により、たくさんのグラフィックが使われています。 そうしたグラフィックに添えるフォントは、タイポグラフィを少し変えるだけでも大きく印象が変わってしまうので、デザインにおいて選択肢としてたくさんのフォントを持っておくに越したことはありません。 今回は、高品質で使いどころが多数ありそうな英字デザインフォントをご紹介します。 英字は日本語の漢字やひらがなと比べて構成がシンプルではありますが、逆に言えば表情豊かに変幻自在に演出しやすいので、この中からいろいろな種類のフォントをダウンロードしてみましょう。 オシャレすぎる英字デザインフォント14選 1. Connoisseurs Typeface スクリーンショット：2017年10月 筆ペンで書いた手書き文字のようなフォントConnoisseurs Typefaceですが、使い方によっ
Googleドライブを便利にカスタマイズしよう！オススメのChrome拡張機能5選
2017年9月7日、GoogleはMac・Windowsで使用できるGoogleドライブアプリを、2017年12月11日にサポートを終了し2018年3月12日には完全にサービスを終了することを発表しました。 Googleドライブアプリは、2017年7月に発表された「Back up and Sync」へ置き換えられます。 (「Back up and Sync」の使用方法については、ferret内の以下の記事を参考にしてください。 参照：Googleの新ツール！クラウド保存をより便利にしてくれる「Back up and Sync」とは) とはいえ、Googleドライブのサービスじたいがなくなるわけではありません。 ブラウザ上では継続して使用できるため、今後もビジネスのさまざまなシーンで活躍することは容易に想像できます。 そこで便利になってくるのが、Googleドライブの機能をより広げてくれる拡
証明写真・背景を白く加工する方法も！パソコンの画像加工アプリ10選
写真や画像の加工と言えばPhotoshopやIllustratorなどの専用ツールが一般的ですが、これらを使用するには一定のスキルが必要です。 スキルを身につけるといっても、忙しいビジネスパーソンには避ける時間も限られています。そこでおすすめなのが無料の画像加工アプリです。専門知識がない方でもこれらを活用すれば思った通りの画像を作れるでしょう。今回は、オススメの無料画像加工アプリ10選をご紹介します。 Windowsユーザーにオススメの画像加工アプリ10選 1.Ashampoo® Photo Commander 14 Free Photo Commander 14 Free | Ashampoo 日本公式サイト 画像の加工から管理まで、幅広い操作ができる無料アプリです。使用する際には、あらかじめMyAshampooのアカウントが必要ですが、メールアドレスとパスワードを設定するだけで簡単に登
Excelを拡張しよう！作業効率をアップしてくれる便利なアドイン8選
Excelは、表計算を行う上で欠かせないツールのひとつです。 さまざまな計算式を使用して、簡単・手軽に表計算を行うことができるほか、計算結果の並べ替えやグラフ化などの設定もできます。 数値管理だけではなく、例えば顧客情報の管理などにも適しているため、パソコンでデータ管理を行う多くの方が使用しているのではないでしょうか。 さまざまなメニューが搭載されているExcelはデフォルトのままでももちろん便利ですが、“アドイン”を導入することでより作業効率をアップすることができます。 そこで今回は、Excelをより便利に拡張してくれる無料のアドインを8種紹介します。 Excelでできる作業の範囲を広げてくれるものばかりですので、業務内容に適したものをインストールしてみてはいかがでしょうか。 Excelを便利に使えるアドイン8選 1.ツイッター分析アプリ ツイッター分析アプリ ツイートの分析を行うアドイ
無料でここまでできる！本格的な写真加工にオススメの「Aviary」の使い方
みなさんは普段、写真加工をどれくらいの頻度で、どの程度行っているでしょうか。 インスタグラムに投稿する写真にこだわる方も多いですが、ビジネスパーソンであればプライベートな写真を加工するというよりも、企業のSNSなどへ投稿する写真を加工する機会があるのではないでしょうか。 様々な写真加工アプリがあります。ビジネスとして使用するなら、無料で基本的な機能が揃っており、かつ高性能であることが重要です。 今回は、数え切れないほど存在する写真加工アプリの中でも、Adobe社が配布している無料の加工アプリ「Aviary」の使用方法をご紹介します。 基本的な機能が揃っていることはもちろんですが、どの機能も無料とは思えないほど高性能で非常に便利です。さらにシンプルなインターフェイスですので、スキマ時間に手間なく加工を行うことにも適しています。 写真加工をしなければいけないけれどどのアプリを使用すればよいのか
Windows10の動作が遅いかも？と感じたら試したい手法と設定10選
2015年より提供が開始された「Windows 10」。Windows 10がリリースされた当初から利用している方であれば、「最近動作が遅いな」と感じることもあるはずです。特に、ブラウザやメーラーなど一般的なアプリケーションを利用しているだけなのに遅いと感じることがあるかもしれません。 利用しているアプリケーションのバージョンが古いことや、PC自体の故障なども考えられますが、実は、少しの設定変更だけで動作を改善する方法があります。 今回記事では、Windows 10搭載PCで実施できる動作改善の手法や各種設定について紹介します。必ずしも全ての方法を試さなくとも改善する場合もあるため、気軽に試してみてはいかがでしょうか。 Windows 10の動作を快適にする方法10選 1.再起動を行う 動作が重いと感じたとき、まず行うべきがOSの「再起動」です。スリープ状態を続けることで、利用しているアプ
Androidユーザー必見！スマートフォンでの作業が一気にはかどる神アプリ10選
忙しいビジネスマンの方は、仕事は必ずパソコン上でできるとは限りません。 時と場合、場所によっては、スマートフォン上でさまざまな作業を行わなければならないこともあります。 パソコンと比べて小さな画面上で作業をしなければならないため、普段からパソコン上での作業がメインとなっている方は不便に感じてしまうこともあるのではないでしょうか。 今回は、Androidユーザーの方にオススメの、スマートフォン上での作業効率が格段にアップする無料アプリ10選をご紹介します。 どれも無料とは思えないほど便利で一度インストールしたら手放せなくなるアプリばかりですので、騙されたと思ってまずはインストールしてみることをオススメします。 Android端末での作業効率がアップする無料アプリ10選 1.送料計算 2018年版 Google Play 宅配便の送料計算・比較ができるアプリです。 ヤマト運輸、佐川急便、日本郵
Gmailのエイリアスとは？概要と使い方、設定方法
「エイリアス」とは日本語で「別名」「通称」と訳され、「本体とは別のもの」という意味で使われています。Gmailのエイリアスは、所持しているメールアドレスを軸に新しいメールアドレスを複数作成できる機能です。エイリアスを利用すれば、煩雑になりがちなメール管理を簡単に効率化できます。 今回は、Gmailのエイリアス機能の概要と使い方を解説します。 エイリアスとは？ 「エイリアス(alias)」は、「別名」という意味を持つ単語です。Mac OSでは、ショートカットキー作成機能のことを「エイリアス」と呼んでいます。 Mac OSのエイリアス作成方法 アプリやファイルを右クリックして「エイリアスを作成する」を選択します。 デスクトップ上にショートカット用のアイコンが表示されます。エイリアスのアイコンには左下に矢印のマークが付きます。エイリアスで作ったショートカットアイコンは削除しても元のアプリのデータ
記事をさがす・記事一覧｜ferret
カテゴリから記事をさがす●Webマーケティング手法SEO（検索エンジン最適化）Web広告・広告効果測定SNSマーケティング動画マーケティングメールマーケティングコンテンツマーケティングBtoBマーケティングリサーチ・市場調査広報・PRアフィリエイト広告・ASP●ステップ戦略設計リードジェネレーションリードナーチャリングセールスカスタマーサポート・カスタマーサクセス●ツール・素材CMS・サイト制作フォーム作成LP制作・LPOABテスト・EFO・CROWeb接客・チャットボット動画・映像制作アクセス解析マーケティングオートメーション（MA）メールマーケティングデータ分析・BICRM（顧客管理）SFA（商談管理）Web会議営業支援EC・通販・ネットショップ口コミ分析・ソーシャルリスニングフォント素材サイト●目的・施策Google広告Facebook広告Twitter広告Instagram広告LI
ハンバーガーメニューに代わるナビゲーションデザイン案10選
モバイルアプリケーションやウェブサイトのデザインは、画面が小さいゆえにどのようなデザインが好ましいか、常に議論されています。 文字のサイズ、画像の解像度、効果的なアイコンの使い方、アニメーションやカルーセルまで、小さな画面で効率よくブラウジングできるように、デスクトップアプリケーションやパソコンで見るWebサイトと異なる考え方で設計することが大切です。 その中でも比較的よく使われるのが、ハンバーガーメニューです。 ハンバーガーメニューは、3本の横線が並んだアイコンをタップすることでメニューを表示させる仕組みのUIで、ファーストビューでメニューを表示するスペースを節約できるので、多くのデザイナーが好んで使っていました。 実際、レスポンシブデザインを採用していても、画面サイズが大きければ通常のメニューを採用し、画面サイズが狭くなればハンバーガーメニューに切り替えるといったデザインが採用されるこ
ノンデザイナーでも安心！当て込むだけで大丈夫｜無料のPSDファイル91選
新年度が始まる時期は、何かと忙しかったり新しいことがスタートしたりとバタバタしがちです。 デザイン作業においても新商品の制作、提案、リニューアルなどの機会が多いのではないでしょうか。そんな忙しい4月をスムーズに乗り切るためにも、ぜひPSDファイルを活用しましょう。PSDファイルの素材には、デザイン作業に役立つモックアップやテンプレートが豊富にあります。 今回は、PSDファイルの中でも「無料」素材だけをまとめて91個ご紹介します。ぜひ欲しいものがあればぜひダウンロードしてみてください。 無料で使えるPSDファイルのモックアップ、テンプレート素材 1. Juice Glass Bottle PSD Mockups http://freedesignresources.net/juice-glass-bottle-psd-mockups/ 美味しそうなジュースのボトルを再現した、PSDモックアッ
たったの3ステップでボタン作成！プレデザインCSS「Butns.css」の使い方
通常、CSSのライブラリやフレームワークには、グリッドレイアウトやフォームなどの一連のデザインがパッケージングされていますが、ボタンに関してはカスタマイズ性がそれほど高くないのが現状です。 デザイン性の高いボタンを作りたい時に便利なのが*「Butns.css」*です。 今回は、ボタン作成に特化した*プレデザインCSS「Butns.css」*をご紹介します。 「Butns.css」を使うと、フラットでシンプル、そしてカラフルなボタンを簡単に作成することができます。 Butns.cssとは？ Butns.cssとは、ボタンデザインに特化したCSSライブラリです。 一般的なライブラリやフレームワークと違い、Butns.cssはレイアウト要素などを含んでいない軽量なCSSファイルになっており、ボタンデザインに特化しているため*「プレデザインCSS」(Pre-designed CSS)*と呼ばれるこ
フロントエンドエンジニアなら押さえておきたい！最近登場した注目のJavaScript＆CSSライブラリ8選
Webデザイナーやフロントエンドエンジニアにとって、日々登場するフレームワークやライブラリをキャッチアップすることはとても大切です。 なぜなら、そうしたフレームワークやライブラリによって業務が効率化すれば、他の作業に時間を割くことができるからです。 しかし、フレームワークやライブラリが続々と登場するあまり、キャッチアップに追いついていないひともいるのではないでしょうか。 今回は、最近登場した注目のJavaScriptとCSSのライブラリを紹介していきます。 中には簡単なコードを挿入するだけで驚くほどの機能を実装できるものもあるので、ぜひ確認してみてください。 最近登場した注目のJavaScript＆CSSフレームワーク 1. AOS https://michalsnik.github.io/aos/ AOS(Animate on Scroll)は、スクロールしながら要素をアニメーションでふ
ホームページにアニメーションを実装するライブラリ＆プラグイン12選
アニメーションは、もはやホームページを作る上で必須の要素と言えます。 単調な動きをする静的なページは、ユーザーの興味がなくなった瞬間に離脱率が劇的に高まります。 一方、少しでもアニメーションを取り入れるだけで、親しみや好感を持つことができるので、ユーザーのホームページに対するエンゲージメントが高まりやすいと言われています。 今回は、眼球を捉えるようなユニークな動きをするアニメーションを簡単に実装することができるCSSやJavaScriptのライブラリをご紹介します。 10年前にはAdobe Flashを使わないと表現できなかったリッチな動きをするアニメーションも、短いコードで実装することが可能です。 ぜひ使いやすいライブラリを見つけてみてください。 ホームページにアニメーションを実装するライブラリ＆プラグイン12選 1. Animate.css https://daneden.github
こんなにある！WordPressに替わる便利なCMS・プラットフォーム14選
この記事は、2018年7月20日に公開された記事を再編集しています。 本記事内で紹介しているOne Pageは株式会社ベーシック提供のサービスです CMSと聞くと、WordPressを思い浮かべる方が多いかもしれません。しかしCMSには、インストール型やAPI型、Webサービス型など様々な種類があります。今回は、WordPress以外でも便利に活用できるCMSを紹介します。 それぞれのCMSには特徴があるので、自分にあったCMSを見つけてみましょう。 WordPressの代替として使えるCMS・プラットフォーム 1. One Page［PR］ One Page One Pageはホームページ作成の初心者におすすめのCMSです。 チュートリアル機能を実装しているので、操作方法を5分程度で学ぶことができる上、 400種類以上のデザインとドラッグ＆ドロップの簡単操作によって、3ステップでページ公
アイコンデザインをWebフォントで表現出来る「アイコンフォント」の基本知識を解説
情報をコンパクトにわかりやすく伝えるデザインの1つに「アイコン」があります。 直感的に表しているものを理解できるアイコンは、看板からホームページのボタンまで様々なシーンに利用されています。 しかし、アイコン画像を使いすぎると、容量過多になりページが重くなってしまいます。 そんな時に便利なのが、テキストとしてアイコンを埋め込める「アイコンフォント」です。 今回はアイコンフォントとは何か、どのようなメリットがあるのかを解説します。 CSS3でも対応され、今注目を浴びているアイコンフォントについて、ホームページの制作に関わっている人は学んでおきましょう。 アイコンフォントとは アイコンフォントとは、簡単にいうと*「アイコンを表現出来るWebフォント」*です。 Webフォントとは、クラウド上にあげられたフォントデータを読み込むことでホームページに反映させる仕組みを指します。 CSS3からWebフォ
美しいアイコンを簡単に作れる！SVG形式のアイコンフォントシステムを作成する方法
ホームページを作成するときに、最もやっかいなパーツの一つが*「アイコン」*です。 昔はアイコンをとても小さな画像スライスにして、imgタグを使って貼り付けていました。 若干のマージンのズレでレイアウトが崩れたりして、数多くのWebデザイナーたちを困らせたものです。 そこで救世主のように現れたのが、Font AwesomeなどのWebフォントを利用したWebサイト用のアイコンシステムでした。 Webフォントは多くのブラウザでサポートされており、アイコンを、色をつけたり大きさを変えたり影をつけたりと、フォントと同じように扱うことができたので、非常に役立っていました。 そして、近年改めて注目されているのが、SVGを使ったアイコンシステムです。 ブラウザのサポートが改善されているおかげで、SVGもほとんどのブラウザで表示することができるので、インラインSVGは世界中のWebデザイナーの中でも非常に
デザイナーが思わずとっておきたくなる！無料のPSDファイル86選
プロダクトデザインを行う上でよく使うモックアップは、Web制作やその他デザインの場面、ビジネスの様々なシーンで活用することができます。 例えば、Web制作の場面では、ホームページのデザインにそのまま使うことが可能です。ビジネスの現場では、プレゼン資料で完成予定のデザインを見せたい時に使えます。 様々なタイプの素材があり、しかも無料で手に入るものが豊富にありますので、活用しない手はありません。 今回は、そんな便利なPSD素材の中から無料のものだけをピックアップしてご紹介します。 ビジネスに、デザインに、ぜひ活用してみてください。 ビジネスからデザインまで、幅広いシーンで重宝する無料PSD素材まとめ 1. 3 Elegant Macbook Pro MockUps http://graphicburger.com/3-elegant-macbook-pro-mockups/ 異なる3シーンを収
無料で画面共有も！Web（ウェブ）・TV（テレビ）会議システム7選
今回は、無料で使えるWeb会議ツールをご紹介します。テレビ会議との違いや、有料版と比べてどのような機能制限があるのかを押さえながら、自社に合ったツールを選択しましょう。 Web会議とは Web会議とは、パソコンでネットに接続することで音声と動画をリアルタイムにやり取りできるシステムを指します。 類似のものとしてテレビ会議が挙げられますが、この2つの最大の違いは接続様式の違いです。では、接続様式の違いとはどのようなことを指しているのでしょうか。 テレビ会議は、電話のように回線同士が直接つながることで連絡を可能にしています。そのため、比較的接続は安定しており、音が途切れたり動画が乱れたりする可能性は低いでしょう。 一方、Web会議はパソコンからネットに接続し、サーバーを介して連絡を取り合っています。その影響からネットの接続環境が悪くなれば、音声や動画は上手く表示されなくなってしまいます。 We
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
