どぅー!Hack

徒然なるままに、しぇありんぐ

超俺的Webツール一覧

なんだか最近そのツールなに?と聞かれることが多くなってきたので、今回は僕が普段から使ってる便利なwebツールの紹介をしたいと思います。

ワークフローに使ってるやつ

タスク管理

Asana

asana.com

すべてのタスクをこれに集約してます。
会社のタスクはもちろん個人的なプロジェクトのタスクもAsanaで管理します。

スケジュール管理

Instagantt

Instagantt. Gantt and Timeline for Asana

上のAsanaと連携すると、登録されたタスクをガントチャートにしてくれます。
いつまでにこのタスクをやるとかめちゃくちゃ管理しやすい。
Asanaと合わせてBacklogやRedmineなどの様に運用できる。

工数管理

Toggl

Toggl - Free Time Tracking Software

上の2つに更に組み合わせて使ってます。
ブラウザのアドオンを入れるとgoogle docsやいろんなwebサービスの経過時間を計測することができます。これは文章で説明するのが難しいので実際に使ってみてほしい。
自分はAsanaのタスクの経過時間を計測してます。
アドオンの設定画面にポモドーロモードの設定がありポモドーロテクニックに合わせて使用することができます。自分はSOFT SKILLSの影響で普段からポモドーロモードを使っていますがいろいろ調べてみた中で、無料のものの中ではこれがよさげ。

何か作るのに使ってるやつ

資料作成

Dropbox paper

www.dropbox.com

dropboxgoogle docsの様なもので、資料を共有してリアルタイムで同時に編集ができます。
google docsと違う点は、Markdown記法が使用できることです。このツールのいいところはそれにつきます。ファイル管理がちょっといまいち。

スライド作成

slides

slides.com

プレゼン,発表用のスライドを作成できます。
このツールの面白いところは、上下左右にスライドを作れるところです。
これも実際に使ってみないとわからないと思いますが、本筋を左右の横軸で作り細かい説明等を上下のい縦ラインに書くようにしとくと、時間がないときは細かい説明はスキップしたりできるので発表にかかる時間をコントロールできます。

デザイン・プロトタイプ作成

Figma

www.figma.com

図形をペタペタと貼っていくだけでUIデザインを作成できます。
画面同士を導線で繋いで行くことでプロトタイプも作ることができます。
作ったデザインのcsssvgを吐き出したりできるのめっちゃ便利👍
このツールはwasmで作られているらしく技術的にも熱すぎる!!

その他

RSS

Inoreader

www.inoreader.com

こだわりがあるわけでは無いですが、特に困ることがないのでこれ使ってます。
下のバーに既読のインジケータがあるので便利です。

ページ保存

Pocket

getpocket.com

Twitterで気になったページやこれやってみたいとかこれ大事ってページをとにかくなんでもまずここに突っ込んでます。
これがないと技術系の勉強の学習効率はめちゃ下がると思います。いやほんとに。

メモ

Google Keep

https://keep.google.com/

定番のメモアプリ。わざわざ資料にするまでもないことは大体ここに書いてます。
ここに書いておくとスマホでも確認できたりするので便利。
あとはmarkdownがつかえたらなぁ。。。


っとこんな感じです。
とりあえずwebサービスのものだけ集めたけど、その内ネイテイブアプリ版もやるかも。
もっといい感じのがあったらしれっと乗り換えますw