機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 | ライフハッカー・ジャパン
TOP効率化ツール機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 会社がライセンスを買ってくれない限り、「Photoshop」や「Pro Tools」や「Maya」のようなツール、それにWindowsでさえもかなりの出費になります。今回は、通常は高額なソフトの代わりとなるお手頃なソフトを紹介しましょう。これでお財布の心配をせずに、さらに仕事をこなすことができます。 10. GIMP（無料：Windows、MacOS、Linux） これは少し当たり前過ぎかもしれません。「Adobe Creative Cloud」を買う余裕がなかったり、自腹で「Photoshop」を買ったことがないような場合は、「GNU Image Manipulation Program（略してGIMP）」がぴったりです。機能が豊富で、パワフルで（「
Gitの使い方をアニメーション付きで学べるサイト「Learn Git Branching」 | ライフハッカー・ジャパン
「Learn Git Branching」はGitの使い方をアニメーション付きで学べるサイトです。Gitを使い始めて間もない方には重宝するサイトだと思われます。Gitでいまどういったフローになっているかを視覚的に分かりやすく解説してくれます。ブラウザがあればいつでも学習できる点も助かりますね。 以下に使ってみた様子を載せておきます。まずLearn Git Branchingへアクセスしましょう。いくつかの学習項目が用意されていますので気になったものを選んで学習できますよ。 自分でコマンドを打って動作確認できます。間違えても大きな失敗にはなりませんので、安心して気軽に取り組めますね。Gitを学習し始めた方はもちろんのこと、そろそろ復習しておきたいなという方もおすすめできるサイトです。ぜひご活用ください。 Learn Git Branching （カメきち）
指定した2つのWebページの差分を表示してくれるサイト「Diffee」 | ライフハッカー・ジャパン
「Diffee」は指定した2つのWebページの差分を表示してくれるサイトです。CSSのブレンドモードを使い、Webサイトの差分を表示してくれます。URLを入力するだけでブラウザ上で差分が確認できるので便利ですね。また、スクロールさせてもリアルタイムに差分が更新されるので比較がしやすいです。 以下に使ってみた様子を載せておきます。 まずDiffeeへアクセスしましょう。比較する対象のURLを入力します。しばらくすると差分が下部に表示されますよ。 このようにWebページの差分が表示されます。スクロールもできるので長いWebページでも安心ですね。ぜひ2つのWebページを比較して差分を確認したいときにご活用ください。 Diffee （カメきち）
画像に簡単にぼかしをかけられるプラグイン「Background Blur」 | ライフハッカー・ジャパン
「Background Blur」は画像に簡単にぼかしをかけられるプラグインです。jQueryのプラグインとして提供されています。IE6など古いブラウザやiOSのSafari、Androidのブラウザなどモバイルにも対応していることが特徴。 以下に使ってみた様子を載せておきます。まず「Background Blur」へアクセスしましょう。導入方法はプラグインをダウンロードしてCSSとぼかしの設定をするだけ。 サンプルが提示されていますが、このように画像に対してぼかしをリアルタイムにかけることができます。IE6など古いブラウザはぼかすときのアニメーションが効きませんが、ぼかし自体には問題ない模様。スマートフォンのブラウザにも対応しているので導入しやすいですね。画像をぼかしたいときにぜひご活用ください。 Background Blur （カメきち）
ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 | ライフハッカー・ジャパン
「inspiration ui」はウェブサイトのUIに悩んだときにインスピレーションが受けられるサイトです。フォームや404ページなどさまざまなカテゴリ別にUIが整理されています。ウェブデザインしている最中に何かアイデアをもらいたいときに使えますね。 以下に使ってみた様子を載せておきます。まずinspiration uiへアクセスしましょう。パターンをキーワードで検索することができますが、カテゴリで細分化されているのでカテゴリから選んでみましょう。エラーページを意味する「404page」を選択してみました。 このように各ウェブサービスのエラーページのUIを抽出することができました。サイトによってさまざまなデザインになっていますね。ぜひウェブデザインのアイデアをもらいたいときに使ってみてはいかがでしょうか。 inspiration ui （カメきち）
指定したウェブサイトのパフォーマンスを測定してくれるサイト「Website Grader」 | ライフハッカー・ジャパン
「Website Grader」は指定したウェブサイトのパフォーマンスを測定してくれるサイトです。ページサイズや読み込み速度、モバイルに最適化されているか、SEOなどを測定してくれます。また次に何をすればよいかの提案もしてくれますよ。 以下に使ってみた様子を載せておきます。まずWebsite Graderへアクセスしましょう。測定したいウェブサイトのURLを入力します。 しばらくすると測定結果が表示されます。まずは全体の評価から。 ページサイズおよび読み込み速度について。緑色が良い評価で赤色が悪い評価ですね。 最近はモバイルへの最適化がされていないページは評価が低くなってしまいます。モバイルに最適化されているかもチェックしてくれるので助かりますね。 最後に次にとるべきアクションを一覧で表示してくれます。どのようにすればさらに良いウェブサイトにできるかを提案してくれるのでありがたいですね。ぜ
Macで使えるフリーで高機能なテキストエディタ【今日のライフハックツール】 | ライフハッカー・ジャパン
OS X：Macで文章を書くとき、ビジネス文書ならWordを使う人も多いと思いますが、内容によっては軽快なテキストエディタを使いたいシチュエーションは多いです。とはいえ、標準アプリの「メモ」や「テキストエディット」には、文字数のカウントや禁則処理などの機能がありません。 そんな時、重すぎず軽すぎない、ちょうどいいテキストエディタが『iText Express』です。テキストエディットをベースに機能強化がなされており、文字数や行数のカウント、制御コード（タブや改行）の表示、正規表現による検索など、かゆいところに手が届きます。 また、レイアウトを自由に変更できるのも『iText Express』の強み。マージンや段組、行や段落の間隔、ヘッダー／フッターなどをカスタマイズすることが可能。サンプルの文書には原稿用紙やキャンパスノートを模したレイアウトもあります。原稿用紙の上に縦書きで文章を書いてい
視覚的に指定したウェブサイトの差分を表示してくれるサービス「Diffd」 | ライフハッカー・ジャパン
「Diffd」は視覚的に指定したウェブサイトの差分を表示してくれるサービスです。コードベースでの差分ではなく、視覚的にどの部分がどう変化したかを示してくれます。ひと目で差分が確認できるので便利。 詳細は以下より。まずDiffdへアクセスしましょう。 こちらに書かれているように、このようなコードベースの比較をなくそうという試みです。実際コードを見て差分を確認するのもよいですが、やはり視覚的に分かるものであればそうしたいですよね。 Diffdを使った結果はこちら。緑と赤の枠で囲まれた部分が差分を示しています。コードで比較するよりも分かりやすいですね。パッとみてどこに変化があったのか調べられるので、エンジニアでない方でも差分を見つけることができます。ぜひウェブサイトの差分を比較したいときにご活用ください。 Diffd （カメきち）
フリーランスの生産性を高めてくれる10のアプリ | ライフハッカー・ジャパン
99U：フリーランスとして生計を立てていくことは、充足感が得られる一方で、孤独でストレスに満ちたものでもあります。たった1人で「やらなければならないこと」と「やりたいこと」を天秤にかけた上で、収支のバランスを取らなければならないのですから。 そんなあなたに良い知らせがあります。たった1人で奮闘する必要はないのです。今日の情報化社会には、フリーランサーの生産性やワークフロー、組織化や知識面でのニーズに大いに貢献してくれるオンラインツールがあふれています。アプリやウェブサイトなどを上手く活用すれば、創造力の泉をさらに満たすことができます。この記事では、ワークフローをすっきりさせてくれる注目のアプリを10個、厳選して紹介します。 1. Noisli このフリーソフトは、あなたの職場が自宅であろうとカフェであろうとコワーキングスペースであろうと（最後の2つはヘッドフォンが必要ですが）、まるでDJブ
ウェブ上でワイヤーフレームを作成＆共有できるサービス「Vectr」 | ライフハッカー・ジャパン
「Vectr」はウェブ上でワイヤーフレームを作成＆共有できるサービスです。オンラインでさくっと作成して仲間と共有することが可能です。共有した人も一緒に修正を加えていくことができますよ。さらにサイズを指定して画像としても出力できるので便利です。 以下に使ってみた様子を載せておきます。まずVectrへアクセスしましょう。無料でアカウント作成ができます。FacebookやTwitterでログインすることも可能。 このようにワイヤーフレームが自由に描けます。必要最低限の機能は揃っており、色を変えたり細かい調整もしやすいですよ。サイズをpx（ピクセル）、cm（センチメートル）、pt（ポイント）など切り替えられるのも便利ですね。 サイズを指定して画像として出力することも可能です。PNG, JPG, SVGの拡張子から選べます。ぜひワイヤーフレームを作成するときにご活用ください。 Vectr （カメきち
配色を考えるときに便利なサービスをまとめたサイト「UIPALETTE」 | ライフハッカー・ジャパン
「UIPALETTE」は配色を考えるときに便利なサービスをまとめたサイトです。マテリアルデザインやフラットデザインなどで使える配色パレットや、その他類似色を生成するサービスなどを使うことができます。 以下に使ってみた様子を載せておきます。まずUIPALETTEへアクセスしましょう。左側にさまざまな配色に関するサービスが並んでいます。選択すると右側のページがそのサービスに切り替わりますよ。 このように配色に関するサービスをその場で使うことができます。類似サービスとの切り替えが簡単なので配色を考えるときに非常に便利ですね。ぜひウェブサイトの配色を決めるときに活用しましょう。 UIPALETTE （カメきち）
流行りのUIをコード付で紹介しているサイト「CodeMyUI」 | ライフハッカー・ジャパン
「CodeMyUI」は流行りのUIをコード付で紹介しているサイトです。GIFアニメでUIの動きを見ることができ、さらにそれを実現させるソースコードもリンクされています。デザイナーの方には重宝するサイトですね。 以下に使ってみた様子を載せておきます。まずCodeMyUIへアクセスしましょう。 このようにGIF画像とともにさまざまなUIが紹介されています。実際に動きを確かめることができるので、どんなUIなのかひと目で分かりますね。 詳細ページでは、そのUIを実現させるためのコードも閲覧できます。実際に動くサンプルがあるので、すぐに導入ができますね。デザイン段階でインスピレーションを受けたいときなどに、ぜひ覗いてみてください。 CodeMyUI （カメきち）
マテリアルデザイン用のカラーチャートが手に入るサイト「Material UI Colors」 | ライフハッカー・ジャパン
「Material UI Colors」はマテリアルデザイン用のカラーチャートが手に入るサイトです。マテリアルデザインに合う色をすぐに探すことができるので便利ですよ。その場でカラーコードのコピーも行えます。 以下に使ってみた様子を載せておきます。まずMaterial UI Colorsへアクセスしましょう。 トップページには基本色となる色が一覧で表示されます。その中から好みの色を選ぶと類似色が一覧で表示されます。色をクリックするとカラーコードをコピーすることができますよ。RGBなど他のフォーマットも用意されています。ぜひマテリアルデザインの色選びに困ったら参考にしてみてください。 Material UI Colors （カメきち）
【保存版】これなしでは生きられない厳選アプリ特集「2015_Mac編」 | ライフハッカー・ジャパン
Macには便利で楽しいアプリがたくさんあります。その中でも、いくつかのアプリは「ないと死んでしまう」ほど便利です。今回は、生産性、コミュニケーション、メディア管理など、それぞれの分野における米Lifehackerイチオシのアプリを集めた「Lifehacker Pack for Mac 2015」をご紹介します。 ※価格はすべて税込 生産性向上ツール 『Notational Velocity』／『Simplenote』／『Evernote』 『Notational Velocity』は多くのファンに支持されてきたメモアプリです。さっとメモをとって後で読む返すには必要十分の機能があります。不要なものは一切ありません『Simplenote』や『Dropbox』など、ほかのサービスとも同期し、依然として、米Lifehackerのお気に入りの同期型ノートアプリのひとつです。『Notational V
商用利用可能なアイコンセットが無料で手に入るサイト「IconStore」 | ライフハッカー・ジャパン
「IconStore」は商用利用可能なアイコンセットが無料で手に入るサイトです。ブログやウェブサイトに使えるアイコンセットが無料でダウンロードできますよ。商用利用可能なので安心ですね。ただし再配布は許可が必要です。 以下に使ってみた様子を載せておきます。まずIconStoreへアクセスしましょう。アイコンセット一覧が表示されます。左側のメニューからカテゴリや人気順のソートを行うことができますよ。キーワードで検索もできるので便利ですね。 ダウンロードボタンから一括ダウンロードできます。ファイル形式はPSD、SVG、AI、Webfontなどアイコンセットごとに変わります。アイコンをお探しの方はぜひ一度覗いてみてはいかがでしょうか。きっとお気に入りのアイコンが見つかると思います。 IconStore （カメきち）
ウェブサイトの背景動画として使える短編動画を無料配布しているサイト「Coverr」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
CC0ライセンス（フリー）の高解像度写真を2000枚以上集めたサイト「Pexels」 | ライフハッカー・ジャパン
「Pexels」はCC0ライセンスの高解像度写真が探せるサイトです。商用利用もOKなのでブログやホームページの素材として使うのもありですね。キーワードから探せますし、色で絞り込むことも可能です。 以下に使ってみた様子を載せておきます。まずPexelsへアクセスしましょう。「summer」で検索してみました。 素敵な写真がずらりと並びます。詳細を見てみましょう。 写真はその場でダウンロードできますよ。また、似たような写真や使われている色から再検索することができるので、類似写真を見つけやすいですね。ぜひフリーの写真を手に入れたいときにご活用ください。 Pexels （カメきち）
著作権とは：侵害や違反を防ぐには？ 引用／出典と書くだけではダメ？ SNSやメディアの著作権を学ぶ | ライフハッカー・ジャパン
次に、「自分がブログやSNSにアップした写真を、無断で他者が使用していたら？」という話が挙がりました。昨今では、主に「バイラルメディア」や「キュレーションメディア」と呼ばれるタイプのウェブメディア、TwitterやFacebookなどのSNSでよく見られる問題です。以下2つのケースに分け、その問題点を福井さんが解説してくれました。 ここでのキーワードは「引用」です。福井さんは「この問題は、画像をコピーしているか、それともリンクに過ぎないか」をまず考えるべきだと言います。 1．「出展：あなたのブログ（リンク付き）」として、画像を無断で使われていた 使用者が自ら画像をコピーして、使用しているサーバーやサービスにアップしている場合は、著作権者に許可が必要となる「複製」と「公衆送信」を行っているため、出典元がリンク付きで記載されるか否かに関わらず、原則的にNGです。また、画像のコピーには、いわゆる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これ1つで完結するかも。プロジェクト管理ツール・Asana（アサナ）の使い方 | ライフハッカー・ジャパン
GIFアニメをオンラインで手軽に加工できる「GIF Editor」 | ライフハッカー・ジャパン
