0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

コードの保存には⚪︎⚪︎を使え!超簡単コード集の作り方!

Last updated at Posted at 2024-11-24

背景

「このコード、使いまわせそうだから保存しておきたいな」 と思ったことありませんか?

Excelに保存することもできるけど、コードの見た目が悪い、、、
スクリーンショット 2024-11-20 14.31.58.png

以下の方法を使えばこの問題を解決できるので、ぜひお試し下さい。

結論

Notionのテーブル機能を使う

以下のGIFの通り、任意のデータの「サイドピークを開く」をクリックすると保存したコードが閲覧できる。

プレゼンテーション1.gif

メリット

  • 各言語に対応した構文ハイライトを適用してくれる
  • 任意のカラムを追加してデータを整理できる
  • 各カラム情報によるフィルターや並び替え機能が使えるので、過去のコードも見つけやすい

手順

1: Notionの新規ページで /table と入力して表示される、選択肢から「テーブル」を選択

スクリーンショット 2024-11-25 0.36.37.png

2: 作成されたテーブルのメニューから「データベースに変換」を選択

スクリーンショット 2024-11-25 0.38.08.png

3: 各カラム情報を編集する

  • タイトルカラムはデフォルトで作成されています
  • 各カラムの「カラム名」と「データ型」を編集できます(以下ではテキスト型の言語カラムと日付型の日付カラムを追加)
  • この時点ではコードを入力するカラムを作成する必要はありません

スクリーンショット 2024-11-25 0.39.55.png

4: タイトル・言語・日付を入力後、「サイドピークで開く」をクリック

スクリーンショット 2024-11-25 0.41.06.png

5: 右半分に表示されるサイドピークと呼ばれるエリアに /code と入力し「コード」を選択する

スクリーンショット 2024-11-25 0.41.49.png

6: 言語を選択し、コードを入力する

スクリーンショット 2024-11-25 1.20.11.png

補足

言語カラムの種類を「マルチセレクト」に設定すると便利

スクリーンショット 2024-11-25 1.36.32.png

手順
カラム名をクリック → プロパティを編集 → 種類 → マルチセレクト → 「オプション」に言語を追加

*上の画像のようにプロジェクト名カラムを追加し、プロジェクトごとの絞り込みをできるようにしておくのもオススメです

終わりに

他のコード保存の方法やコード保存が可能なWebアプリなどご存知でしたらぜひ教えて下さい!
お読みいただきありがとうございました!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?