「Notion」ってどう使うの？ 自分なりの情報の整理方法まとめ（2019年3月）｜平野太一
Notionについてレビュー記事を書いてからというもの、「使ってみたよ」という報告をもらうと同時に、「結局どんなふうに使えばいいのか分からない……」という嘆きもよく聞きます。 なので今回は、実際に自分がNotionをどういう風に活用しているかをまとめてみようと思います。（他にもいろいろページをつくっていますが、今回紹介する5つの基本パターンのどれかを応用した形なので、個別に紹介するのもあれだなと思い割愛しました） Notionのレビュー記事はこちら ▼ ・・・ 1）親ページ 「あれ、どこにあったっけ？」と探すのがイヤなので、（Notionの使い方レビューでも書きましたが）親ページ的な場所を用意して、そこからいろんなところにアクセスできるポータルをつくっています。プライベート関連の内容は「自宅」に、仕事関連の内容は「仕事」という親ページをつくり、そのページ内にすべて集約させています。 また、
ナニコレ？すごすぎ！サクサク操作の多機能オンラインノートサービスNotionが無料＆便利でやばい - ワクワクして働くための生産性↗向上Hacks
どうも！ Ganapatiです。 海外発の様々なサービスをウォッチしていると、100件に1件は「すごい！」と思うものに出会えます。そして、それらの中で10件に1件は2年くらいで日本でもどこかの会社が似たようなものを提供し始めます。パクリに厳しい日本ですが、ITサービスに関しては結構パクってますよね実際。特許や著作権でクリアできていれば問題ないのですよ。 思わず「すげぇ！」と叫ぶノートサービス登場 オンラインノートサービスといえば これまで代表的だったオンラインノート クリエイティブ向けのオンラインノート エンジニアを意識したオンラインノート 非エンジニアでも便利なオンラインノート Notionの特徴と使い方・機能 Notionの特徴 サクサク動く 当然アプリでもサクサク 一人でもチームでも テンプレートを利用できる エクスポートも簡単 ドラッグアンドドロップで簡単移動 ページ単位でWEB公
最強の情報管理ツール「Notion」の私の使い方 - LCL Engineers' Blog
最近は花粉を避けるためにMTGがある日以外はリモートワークにしています。 モバイルアプリエンジニアの山下（@yamshta）です。 今回は先月から個人的に使い始めた『Notion』の紹介をします！ Notionとは？ Google Docs、Evernote、Trello、GitHub Wikiを合体させたようなサービスです。 非常に多機能ですが、デザインはシンプルで精錬されています。 Markdownが使え、Emojiを見出しで表現できるところがエンジニアには親しみやすいです。 一番はじめにNotionを知ったのは、イケてるプロダクトツールとドキュメントツールを探している時で、機能の多さと日本語対応していないことからチームで使うにはハードルが高いと思い、試していませんでした。 しかし、最近このサービスを個人で利用している記事を読み、実際に触ってみたところ、整理好きの私にとって最強のツール
知的生産ツール「Notion」は、現代人を悩ます“情報の散らかり”から私たちを救う | inquire.jp
情報管理と創造性は関係する。だから、人は昔から知的生産に熱心に取り組んできた。 情報が膨大になった現代において、私たちの創造性を引き出してくれる救世主「Notion」を紹介したい。 ジェームズ・W・ヤングは著書『アイデアのつくり方』で、「アイデアは既存の要素の新しい組み合わせ」だと語った。1940年のことだ。 ヤングの言葉を信じるなら、現代は最も創造的な時代を迎えている。変化が激しく、情報が溢れている現在は、これまで以上にアイデアの元となる要素に溢れているはずだからだ。 現代人を悩ます「情報の散らかり」が私たちの時間を奪う 「そういえば、あの情報ってどこに残しておいたんだっけ？」 通勤途中に読んだWebの記事や、仕事中に思いついたアイディアのメモ、友人から聞いた美味しいレストランの名前。どこかに記録したはずなのに、見つからないことがよくある。 メモアプリに書いたのか、写真で撮っておいたのか
[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン｜金 成奎
[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン ウェブデザイナーが作った成果物に対して、満足はしていないのだけどうまく言語化できなくてどうやって指示したらいいか分からない、あるいはクライアントからのフィードバックをどう咀嚼して伝えていいか分からない、結果的にデザイナーを上手くディレクションできていない.......。そんなお悩みをもったウェブディレクターいませんか？ ここでは実際のデザインを見た時に感じること・あるいはクライアントが指摘しがちなことについての「あるある」を、15の事例に集約してまとめてみました。デザイナーとコミュニケーションしてデザインをブラッシュアップする上での、ある種のアートディレクションの手引きとして活用してもらえればと思います。 1.「野暮ったい」と感じたら・言われたら。 「野暮ったい」とは
![[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン｜金 成奎](https://cdn-ak-scissors.b.st-hatena.com/image/square/0aa50796295af9d9e533b4f2f4683522dbc45cd4/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F13031716%2Frectangle_large_type_2_0cfda3162d1aa8bb9571cecf5ec1f1e0.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
クリッカブルマップ（イメージマップ）のジェネレーター紹介！ | 問題を解決して成果を上げる東京新宿のWeb制作｜raisez（ライセス）
クリッカブルマップって？？ まずクリッカブルマップ（イメージマップ）とは何なのか分かる方いますか？ ちなみに筆者は最近知りました（汗） 以前からクリッカブルマップ（イメージマップ）の機能は知っていたのですが名称が分からなかったのです。 なので今回、検索して調べようにもキーワードをどう入力すればヒットするのか分からず大変でした（笑） 「画像 部分的 リンク」みたいなところから調べてやっとたどり着いた感じです。 ちなみにクリッカブルマップとは クリッカブルマップ 別名：クリッカブルイメージマップ，イメージマップ 【英】clickable map, clickable image map, image mapクリッカブルマップとは、クリックが可能なURLを任意の位置に埋め込んだイメージのことである。クリッカブルマップは、イラストや写真などのイメージ上の特定の場所を円や多角形エリアとして設定して、
npmをGUIで管理するアプリケーション「ndm - npm desktop manager」
node.jsを使用して開発する際になくてはならないのが「npm」です。パッケージ管理を担ってくれるのですが、ターミナル（CUI）を今まで使ったことのない人がいきなりnpmを使ってパッケージを管理するというのはハードルが高いかもしれません。 そうでない人からしても、今インストールしているパッケージとそのバージョンがGUIで一覧になって見れたら非常に管理しやすいですよね。今回はそんな願いを実現するnpmのGUI管理アプリ「ndm – npm desktop manager」をご紹介します。 下の画像がndmのメイン画面です。グローバルにインストールされているパッケージが一覧になっていますし、どんなパッケージが入っているのかひと目で分かる上にバージョンもそれぞれ表示されていて非常に見やすいですよね。 ndmのインストールndm（npm desktop manager）のサイトからアプリのインス
ここがすごいぞ！ stylelint！ - Qiita
ESLintのようなconfigでPostCSSプラグインとして動くstylelint。 唐揚げチャーハンのような「美味いものと美味いもの組み合わせたら絶対おいしいじゃん！」みたいなプロダクトが実際とても良かったので色々利点を記載。 導入についての手順などはすでに記事があったので、そちらへリンクしたい CSSのLintをstylelintにする ESLintっぽくて良い所 javascriptのLinterとしてスタンダードになってきたESLintに非常に良く似て作られているので、一度そちらを導入していればstylelintの導入はおそらくすんなり出来る。 また、ESLintの持っていた良い所をそのまま持ってきたような良さがある。 config周りがESLintにすごく近いので覚えることが少なめ 肝となるstylelintのconfigは、だいたいこんな感じで、ESLintにかなり近く作ら
チームで美しくメンテナブルなCSSを書くための 「Stylelint」導入のすすめ
エラーの発見や回避、フォーマットの一貫性、重複の回避。チームでCSSを書くときにの生産性とメンテナンス性をあげたいときに便利なツールが「Stylelint」です。特徴と導入方法を解説します。 フロントエンド開発はすでに円熟期に入っており、コード品質管理ツールの使用も増えてきました。このことがよく表れているのは、JavaScriptのエコシステムです。JavaScriptにおけるLintツールは、フロントエンド開発者がコードの正しい構成と一貫性を保証するために使われます。ツールに関する最近の調査では、開発者の大多数がJavaScriptでLintツールを使っていると答えました。 CSSコーディングでは、コード品質管理ツールの使用に向けた動きはいくぶん緩やかで、同様の調査では開発者の大半がワークフローでCSSのLintツールを使っていないと答えました。 この記事では、スタイルシートにおけるli
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Transform