[{"data":1,"prerenderedAt":297},["ShallowReactive",2],{"\u002Fblog\u002Fnotion\u002Fcolumn-width":3,"relation-articles\u002Fblog\u002Fnotion\u002Fcolumn-widthNotion":206,"recommented-articles\u002Fblog\u002Fnotion\u002Fcolumn-widthNotion":214,"x-embed-1793763838720188537":217},{"id":4,"title":5,"body":6,"category":191,"createdAt":192,"description":193,"extension":194,"isRecommend":195,"meta":196,"navigation":197,"path":198,"seo":199,"stem":200,"subCategory":201,"tags":202,"thumbnail":203,"updatedAt":204,"__hash__":205},"blog\u002Fblog\u002Fnotion\u002Fcolumn-width.md","Notionのデータベースの列幅をチェックボックス以外で最小にする方法",{"type":7,"value":8,"toc":184},"minimark",[9,20,24,36,39,45,48,52,55,58,61,64,80,84,87,90,96,123,133,143,157,160,163,178,181],[10,11,12,13,19],"p",{},"この記事ではNotionのデータベースのカラム幅を",[14,15,18],"span",{"className":16},[17],"marker","どのプロパティでも最小にする方法","を紹介します。",[21,22,23],"h2",{"id":23},"問題点",[10,25,26,27,30,31,35],{},"Notionのデータベースを編集していて、「カラムの幅をもっと狭めたいのにできない…」といった経験をしたことはないでしょうか。",[28,29],"br",{},"\n2023年9月現在、Notionのデータベースの",[14,32,34],{"className":33},[17],"最小列幅はプロパティ種類がチェックボックスかそれ以外で異なります","。",[10,37,38],{},"チェックボックスの場合",[40,41],"img",{"alt":42,"src":43,"title":44},"チェックボックスの場合の最小カラム幅","https:\u002F\u002Fimg-blog.ashcolor.jp\u002Fimg\u002Fpc\u002Fnotion_column-width_checkbox.webp","aaa",[10,46,47],{},"チェックボックス以外（セレクト）の場合",[40,49],{"alt":50,"src":51},"チェックボックス以外（セレクト）の場合の最小カラム幅","https:\u002F\u002Fimg-blog.ashcolor.jp\u002Fimg\u002Fpc\u002Fnotion_column-width_selectbox.webp",[10,53,54],{},"例えば、セレクトボックスの項目を「優先度」として、選択肢を「高」「中」「低」にしたい、というときにも、通常の方法ではカラム幅を1文字分にすることができません。",[10,56,57],{},"しかし、裏技的な方法を使うことでチェックボックス以外のプロパティでもカラム幅を最小にすることができます。",[21,59,60],{"id":60},"方法",[10,62,63],{},"（2024年5月24日 追記）",[10,65,66,67,79],{},"Notion公式からの情報で、",[14,68,70,74,75,78],{"className":69},[17],[71,72,73],"code",{},"alt","または",[71,76,77],{},"opt","キーを押しながらプロパティ列の幅を変更すると、最小化できる","ことが判明しました。",[81,82],"x-embed",{"tweet-id":83},"1793763838720188537",[10,85,86],{},"簡単にできるようになりましたね。",[10,88,89],{},"以下は従来の方法です。",[10,91,92],{},[93,94,95],"del",{},"チェックボックス以外のプロパティで列幅を最小にする方法は以下の通りです。",[97,98,99,110,115],"ol",{},[100,101,102],"li",{},[93,103,104,105,109],{},"列幅を最小化したいプロパティの種類を",[106,107,108],"strong",{},"チェックボックス","にする",[100,111,112],{},[93,113,114],{},"列の幅を最小にする",[100,116,117],{},[93,118,119,120],{},"プロパティの種類を",[106,121,122],{},"元のプロパティの種類に戻す",[10,124,125],{},[93,126,127,128,132],{},"チェックボックス以外のプロパティの場合でも",[14,129,131],{"className":130},[17],"一度チェックボックスにした状態でカラム幅を狭くしておけば、元のプロパティの種類に戻しても列幅は維持","されたままになります。",[10,134,135],{},[93,136,137,138,142],{},"また、",[14,139,141],{"className":140},[17],"プロパティの中身はプロパティの種類を変更しても内部的には保持","されているため、既にレコードが追加済みのデータベースであっても、情報が消えることはありません",[10,144,145,150,152],{},[93,146,147],{},[106,148,149],{},"セレクトで列幅が最小",[28,151],{},[40,153],{"alt":154,"src":155,"title":156},"チェックボックス以外（セレクト）でも列幅が最小","https:\u002F\u002Fimg-blog.ashcolor.jp\u002Fimg\u002Fpc\u002Fnotion_column-width_select-box-after.webp","完成",[21,158,159],{"id":159},"まとめ",[10,161,162],{},"今回の記事のまとめは以下の通りです。",[164,165,167],"point-list",{"title":166},"列幅の最小値について",[168,169,170,173],"ul",{},[100,171,172],{},"列幅の最小値はチェックボックスのみ異なる",[100,174,175,78],{},[71,176,177],{},"alt \u002F opt",[10,179,180],{},"チェックボックス以外の場合でも列幅を最小にしたい需要は多かったですが、公式のアップデートによって簡単に実現できるようになりました。",[10,182,183],{},"1文字のタグを表示したいときや、関数を使って条件にあったレコードに絵文字を表示したいときなど、ぜひ活用してみてください。",{"title":185,"searchDepth":186,"depth":186,"links":187},"",2,[188,189,190],{"id":23,"depth":186,"text":23},{"id":60,"depth":186,"text":60},{"id":159,"depth":186,"text":159},"Notion","2023\u002F09\u002F21","Notionのデータベースの列幅をチェックボックス以外でも最小にする方法を紹介します。","md",false,{},true,"\u002Fblog\u002Fnotion\u002Fcolumn-width",{"title":5,"description":193},"blog\u002Fnotion\u002Fcolumn-width",null,[191],"https:\u002F\u002Fimg-blog.ashcolor.jp\u002Fimg\u002Fpc\u002Fnotion_formulas_thumbnail.webp","2024\u002F05\u002F24","P-vR6qm73nwQWYz-8wybJi2uk57HpUcUmcCmRrjTTcc",[207],{"id":208,"path":209,"title":210,"category":191,"tags":211,"thumbnail":203,"createdAt":213,"updatedAt":201},"blog\u002Fblog\u002Fnotion\u002Fformulas.md","\u002Fblog\u002Fnotion\u002Fformulas","Notion 関数2.0アップデート！便利な使い方や注意点まとめ",[191,212],"Formulas","2023\u002F09\u002F15",[215],{"id":208,"path":209,"title":210,"category":191,"tags":216,"thumbnail":203,"createdAt":213,"updatedAt":201},[191,212],{"__typename":218,"favorite_count":219,"lang":220,"possibly_sensitive":195,"created_at":221,"display_text_range":222,"entities":225,"id_str":83,"text":234,"user":235,"edit_control":250,"mediaDetails":254,"photos":285,"video":286,"conversation_count":223,"news_action_type":296,"isEdited":195,"isStaleEdit":195},"Tweet",417,"ja","2024-05-23T22:00:00.000Z",[223,224],0,66,{"media":226},[227],{"display_url":228,"expanded_url":229,"indices":230,"url":233},"pic.x.com\u002FOPd8WwOUno","https:\u002F\u002Fx.com\u002FNotionJP\u002Fstatus\u002F1793763838720188537\u002Fphoto\u002F1",[231,232],67,90,"https:\u002F\u002Ft.co\u002FOPd8WwOUno","データベースをよりシンプルに見せたい時はありませんか？\n\n「alt \u002F opt」キーを押しながらプロパティ列の幅を最小化できます↔️ https:\u002F\u002Ft.co\u002FOPd8WwOUno",{"id_str":236,"name":237,"screen_name":238,"is_blue_verified":197,"profile_image_shape":239,"verified":195,"verified_type":240,"profile_image_url_https":241,"highlighted_label":242},"1356579007962050561","Notion Japan 🇯🇵","NotionJP","Square","Business","\u002F_scripts\u002Fembed\u002Fx-image?url=https%3A%2F%2Fpbs.twimg.com%2Fprofile_images%2F1844183087313522688%2Fu2SO-90f_normal.jpg",{"badge":243,"description":191,"url":245,"user_label_display_type":248,"user_label_type":249},{"url":244},"https:\u002F\u002Fpbs.twimg.com\u002Fprofile_images\u002F1903224093476077568\u002FOCclsw4c_bigger.jpg",{"url":246,"url_type":247},"https:\u002F\u002Ftwitter.com\u002FNotionHQ","DeepLink","Badge","BusinessLabel",{"edit_tweet_ids":251,"editable_until_msecs":252,"edits_remaining":253,"is_edit_eligible":197},[83],"1716505200000","5",[255],{"display_url":228,"expanded_url":229,"ext_media_availability":256,"indices":258,"media_url_https":259,"original_info":260,"sizes":264,"type":276,"url":233,"video_info":277},{"status":257},"Available",[231,232],"https:\u002F\u002Fpbs.twimg.com\u002Ftweet_video_thumb\u002FGOQt4ViakAAKnwJ.jpg",{"focus_rects":261,"height":262,"width":263},[],1080,1920,{"large":265,"medium":267,"small":270,"thumb":273},{"h":262,"resize":266,"w":263},"fit",{"h":268,"resize":266,"w":269},675,1200,{"h":271,"resize":266,"w":272},383,680,{"h":274,"resize":275,"w":274},150,"crop","animated_gif",{"aspect_ratio":278,"variants":281},[279,280],16,9,[282],{"bitrate":223,"content_type":283,"url":284},"video\u002Fmp4","https:\u002F\u002Fvideo.twimg.com\u002Ftweet_video\u002FGOQt4ViakAAKnwJ.mp4",[],{"aspectRatio":287,"contentType":288,"durationMs":223,"mediaAvailability":289,"poster":291,"variants":292,"videoId":294,"viewCount":223},[279,280],"gif",{"status":290},"available","\u002F_scripts\u002Fembed\u002Fx-image?url=https%3A%2F%2Fpbs.twimg.com%2Ftweet_video_thumb%2FGOQt4ViakAAKnwJ.jpg",[293],{"type":283,"src":284},{"type":295,"id":83},"tweet","conversation",1793620323261]