海外のUIデザイナーの間で爆発的に広まっているデザインツール「Sketch 3」。本連載では、国内きってのUIデザイン集団であるグッドパッチのデザイナー陣が、Sketch 3によるUIデザインの方法を解説します。（編集部） Sketch 3は、オランダのボヘミアンコーディングが開発・販売しているMac OS専用のベクタードローイングツールです。日本ではIllustratorやPhotoshopに押されてまだマイナーな存在ですが、海外ではすでに多くのUIデザイナーが使用しています。グッドパッチでもほとんどのUIデザインはSketch 3を使用しています。 今回は、Sketch 3はどんなツールなのか、使う3つの理由と10の魅力をご紹介します。 1.安い Sketch 3は99ドル（1ドル120円とすると1万1800円）の買い切りソフトです。しかも1カ月間のフリートライアルがあるので、使い勝手

日頃、マーケティングに携わっている方々はExcelと格闘する機会も多いかと思います。しかしExcelとにらめっこしても顧客の顔は見えてきません。今回は鉄板マーケティングツールをご紹介。顧客が自社のサービスをどんな風に使っているのか可視化してくれる、選りすぐりのマーケティングツールを11個網羅します。 １. HubSpot HUBSPOTは自社のサイトにユーザーが能動的に来てもらうための施策を、ブログメディアを中心に構築できるサービスです。ブログ構築だけでなく、顧客の動向を調査できる分析ツールやメールマガジン管理ツールなど様々な機能がオールインワンで提供されています。コンサルティングも充実しており、世界的に利用されています。 → HubSpot 種類: インバウンドマーケティング支援ツール 無料期間: 30日間 価格: 200〜2,400$/月 + Options ２. KAIZEN Pla

運用をイージーにする オブザーバビリティ 誰にも馴染む操作性のUIで、監視を育てるプラットフォーム。 未知の問題に立ち向かう力を開発者に。

先日IDCFクラウドのDocker上に構築したCloud9環境に、Node.js製blogframeworkのHexoを移設します。ほぼ1年間Nitrous.IO上でHexoで書いていましたので、ファイル数が増え無料プランだとMarkdownのコンパイルにだんだんと時間がかかるようになりプレビューがストレスでした。Nitrous.IO LITE終了がきっかけでしたが、自分クラウドのDocker環境に移設してとても快適になり結果的によかったです。 移設前のHexoの環境 パッケージの更新を怠っているのでバージョンは少し古く3.0.0を使っています。現在の最新版は3.1.1なのでこの機会にアップデートも行います。 { "name": "hexo-site", "version": "0.0.1", "private": true, "dependencies": { "hexo": "^3.0

更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に

初めまして。アメリカからやってきたUIデザイナーのCorey（コーリー）です。 LIGの転職サービス「Poole」でUIデザインをしています。 PhotoshopやIllustratorをメインとして使うデザイナーは多くいると思いますが、私はPhotoshopをほとんど使いません。1年前にSketchへ乗り換えたからです。 現在、日本のデザイン界ではSketchはそれほど使われてないかもしれませんが、海外ではSketchが大ブームになっています。 今回は私が最強なPhotoshopからSketchへ乗り換えた理由をお伝えします。 Sketchへ乗り換えた理由（Why I Use Sketch） http://bohemiancoding.com/sketch/ 1. UI Design中心 Sketchは完全にWebとモバイルUIデザインの専用ツールなので、それ以外の余計な機能が入っていま

ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね？」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly：Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン

横に伸びる棒グラフのようなラインを使うことで作業の進捗状況や生産管理が行いやすくなっている表のことを「ガントチャート」と呼びますが、Googleカレンダーに登録している予定をガントチャート化して、一目でタスク管理できるのが「GANTTplanner」です。 GANTTplanner: Turn your Google Calendar into a Gantt chart https://www.ganttplanner.com/ Googleカレンダーからガントチャートを作るには「GET STARTED」をクリック。 GANTTplannerはGoogleカレンダーの情報をインポートするのでGoogleアカウントでのログインを求められます。Googleカレンダーの情報からガントチャートを作りたいアカウントでログインして、「承認する」をクリック。 GANTTplannerのトップページが開

追記（2020.4.19） Pandoc User’s Guideを日本語に全訳しました。 よろしければご参照ください。 新しい翻訳をプレリリースしました！（翻訳途中の部分もあります） Pandocユーザーズガイド 日本語版 [2.7.2] — 日本Pandocユーザ会 2019.02.21 ドキュメント 旧日本語版：Pandoc ユーザーズガイド 日本語版 はじめに 今回は、ドキュメント作成Tips Advent Calendar 2012の1日目 （マインドマップから全てを紡ぎ出す - XMind+Pandocのドキュメント作成術 -） で少し紹介したPandocというツールについて、もう少し深く掘り下げて紹介したいと思います。 MarkdownとかreStructuredTextとか、流行ってますよね いわゆる軽量マークアップ言語が最近流行しています。特にMarkdownは猫も杓子も

2024.01.02 ストマックの日常(裏)マルサが来た。国税査察、地獄の取り調べ【第37話】(2023年7月4日) 登録者数260万人の人気YouTuber『ガードマン』のメンバーに国税査察、いわゆるマルサの査察が入りました。ストマック氏にとって、これは他人事ではありません。 国税査察チームの次のターゲットは、ストマックなのか？ 国税の査察とは、国税局査察部が行う「強制」的な調査です。 事前の連絡はなく、会社や社長の家に一斉に捜査員がなだれ込みます。 悪質な脱税行為、そして脱税額が大きなケースを中心に調査します […] 2024.01.02 【オンラインカジノ】$2000で勝負する！！！！【Stake】 サブチャンネル ニコニコ生放送と同時配信しています！！ ツイッター よろしくお願いします！！ リンクツリー ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ※未成年の方はご利用になれません。 ※この動

フロントエンドエンジニアのいなばです。 先日社外のLTに出る機会があり、Decksetというアプリでとても楽にスライドを作ることができたのでご紹介したいと思います。 Decksetとは http://www.decksetapp.com/ Mac専用のアプリです。 有料アプリですが、無料でお試しすることもできます。以前はセール価格で購入できたようですが、残念ながら終了してしまったようです。。 Decksetはこんな人にオススメ ちゃちゃっとスライドを作りたい デザインとか苦手だけど、苦労せずにそれっぽい感じにしたい マークダウンが大好き そして3000円出しても惜しくない人！ 今までスライドが必要になったときはIllustratorやPhotoshopで作成してPDFで書き出していたんですが、それがずっと面倒だと思っていました。 使ってみましょう 実際にDecksetで作成したものがこちら

『Trello』は、共同作業を容易にしてくれる優れたプロジェクト・マネジメント・ツールです。また、使うのが「楽しい」ツールでもあります。共同作業以外にも、自分の仕事、家の用事、旅行計画など、さまざまなプロジェクト管理にも使えます。今回は、Trelloで生活全般をオーガナイズする方法を紹介します。 Trelloとは？（どこが素晴らしいのか） Trelloでは、ひとつのウェブページが1枚のボード（board）になっています。ボードの中に複数のリスト（list）を横に並べられるので、プロジェクトの全体像を概観できます。それぞれのリストには、カード（card）と呼ばれるアイテムを追加でき、カードを別のリストに移動したり、リストの中で上下に並べ替えたりできます。 各カードには、チェックリスト、画像、添付ファイル、締切日、色ラベルのほかに、共有ユーザーからのディスカッション・ノートなどを追加できます。

タスクをカードに見立てて自分用のToDoリストを作成したり、複数人でのタスク管理を行ったりが無料でできるのが「Trello」です。PCのブラウザから利用できますが、iOS・Android・Windows 8向けアプリも存在し、PCからでもスマートフォンやタブレットからでもいつでもどこでも自由にタスク管理が行えます。 Trello https://trello.com/ ◆アカウント登録 「Trello」を使用する際は、トップページにある「SIGN UP-IT'S FREE!」をクリック。 するとアカウント作成画面が出てきます。Googleアカウントを持っていれば面倒なアカウント作成の工程を省くことが可能なので「Google Account」をクリック。 自分のGoogleアカウント情報を入力して「ログイン」をクリック。 「承認する」をクリック。 するとTrelloのユーザーページに移動しま

複数サイトのコンテンツ管理、SEM、他部署との調整、ルーチンの集計／報告業務、新しい企画。 Webマーケティングでは締め切りも粒度も異なる業務が入り乱れ、ToDo管理に追われている方も多いのではないでしょうか。さまざまなタスク管理、ToDo管理ツールを利用されていらっしゃるかと思いますが、弊社の販促チームで足掛け2年にわたって利用してみた結果、もはや欠かせないツールとなった「Asana」をご紹介したいと思います。 <個人的にタスク管理ツールの中で重視しているのが、「入力のし易さ」、「締め切り管理」、「変更の容易さ」の3点です。 タスク管理というのは、いわば仕事のための仕事なわけで、たいていの人は面倒以外の何ものでもありません。しかも状況が刻々と変化するWeb／ITの業務ですから、入力と変更が極力簡単で、なんなら気持ちいいくらいのインターフェイスというのはとても大切です。さらに重要なのが、締

2年前に同じ趣旨の記事を書いたが、いろいろ変わったのでまた書いてみよう！ Sketch 3（Mac） + Sketch Mirror（iOS） もう、Sketch以外でデザインするのはイヤだ、と思ってしまうほどパワーのあるデザインツール。ベクターベースのグラフィックツールなので、Adobe Illustratorと近いのだけど、もっと機能が絞られていて、UIデザイン寄り。いろいろと細やかに気がきいていて、好きなところを書ききれない感ある。起動が早い、ファイル保存も早い、数字書く窓でそのまま計算できる、ファイル書き出しするとき1.5倍とか3倍とか自由に拡大縮小できる、実機プレビューがリアルタイムかつ容易。 iPhone実機でデザイン確認するときは、iOSアプリSketch Mirrorでつなげることができる。リアルタイムで変更が見れる。昔はいろいろバグがあったけど、だいぶ安定して安心して使え

The super fast color palettes generator! Create the perfect palette or get inspired by thousands of beautiful color schemes.

ども、ゆうせいです。先日、作業効率を上げるショートカットについてご紹介しましたが、今回は「仕事の効率を上げる（効率化）Macアプリ」のお話です。 画像をサクッと編集するアプリ、文字入力が捗るアプリ、そして集中力を高めてくれるアプリなどなど、そんな感じのものを「無料」に絞ってご紹介します。 画像編集が捗るアプリ ほぼ劣化なしで軽量化「ImageOptim」 まず最初にご紹介するのは、ほぼ劣化なしで画像を軽量化するアプリ「ImageOptim」です。これは、画質はそのままで、容量を軽くしてくれるという大変ありがたいアプリです。 使い方は簡単。画像をドラッグ&ドロップするだけ。複数枚を一度にぶっこむことも可能です。 比較してみた 元画像：844KB　（画像へのリンク） 「ImageOptim」で軽量化した画像：516KB　（画像へのリンク） 40%近く軽量化できましたが、ほぼ劣化していないと言っ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回

おかげさまで、トレタもコツコツ導入実績を積んで、少しずつ会社らしくなってきました。 気づけばメンバーも20人を超えてオフィスの席が足りなくなり、恵比寿にもお引っ越ししました。（お引っ越しについてはまた別の機会にでも書きます） 会社には、その規模とかステージに応じた情報共有環境が必要になるんだと思うのですが、今回はトレタでのslack（チャットサービスです）の活用についてご紹介してみたいと思います。 たかがツール、されどツール。ツールが変わるだけで、仕事の仕方とかコミュニケーションの形もガラッと変わるんですよね。で、トレタもslackのおかげで仕事から会社の雰囲気まで、いろいろなことが大きく変わりました。 7月から全社で利用中 トレタでは、7月からslackを全社の標準チャットツールとして採用しています。今やチャットツールにも多種多様なサービスがありますが、帯に短しな感じでど真ん中にどんぴし