2b:null 2c:["$","title",null,{"children":"練習問題1 | 2022 TMU DataViz | Observable"}] 31:[] 2f:{"id":"af05310bbe61c64a","slug":null,"title":"練習問題1","thumbnail":"6bcc3992b2b86b2140774119393bd86773ba288a6f417dd19a7648c5c5176bc3","access_level":"public","create_time":"$D2022-10-21T04:53:05.353Z","update_time":"$D2022-10-21T08:11:01.876Z","view_time":null,"first_public_time":"$D2022-10-21T04:53:05.353Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f72792763363b4a6","login":"2022-tmu-dataviz","name":"2022 TMU DataViz","avatar_url":"https://avatars-next.observableusercontent.com/20a88d07d4e0d57432f57ec54df2aa13774d478859b8015b6c3fcddf28aac5f5","tier":"starter_2024"},"version":23,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"99e57c8b5dcd5ca6","login":"sugi2000","name":"SUGIMOTO Tatsuo","avatar_url":"https://avatars-next.observableusercontent.com/aa2e590c6e4574dde26ce160f882c7074c3f190de1894c0dd147878beed52f39","tier":null}],"members":[{"type":"team","id":"f72792763363b4a6","login":"2022-tmu-dataviz","name":"2022 TMU DataViz","avatar_url":"https://avatars-next.observableusercontent.com/20a88d07d4e0d57432f57ec54df2aa13774d478859b8015b6c3fcddf28aac5f5","tier":"starter_2024","role":"editor"},{"type":"individual","id":"99e57c8b5dcd5ca6","login":"sugi2000","name":"SUGIMOTO Tatsuo","avatar_url":"https://avatars-next.observableusercontent.com/aa2e590c6e4574dde26ce160f882c7074c3f190de1894c0dd147878beed52f39","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"f348b986b8901b9e","slug":"untitled/2","title":"練習問題","owner":{"id":"f72792763363b4a6","login":"2022-tmu-dataviz","name":"2022 TMU DataViz"}},"type":"notebook","body":{"titling":"auto","title":"練習問題1","cells":[{"id":0,"value":"# 練習問題1\n\nこのノートブックをフォークして回答してください。","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"**第1問**　d3の`append(), text(), node()`メソッドを使って、次のようなHTMLを生成してください。\n\n```html\n

新しいパラグラフ！　その1

新しいパラグラフ！　その2

新しいパラグラフ！　その3

新しいパラグラフ！　その4

新しいパラグラフ！　その5

新しいパラグラフ！　その1

新しいパラグラフ！　その2

新しいパラグラフ！　その3

新しいパラグラフ！　その4

新しいパラグラフ！　その5

\n```\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"**第3問** attrメソッドを使って、次のようなHTMLを生成してください。\n\nfirst と last には個別のスタイルを適用しましょう。\n\nattrメソッドはセレクションの属性を設定します。\n第1引数に属性名、第2引数には属性の値を指定します。\n\nattrメソッドの例\n```js\np.attr(\"class\", \"my-class\") // p要素のclass属性の値をmy-classに設定します\n```\n\nHTML\n```html\n

新しいパラグラフ！　その1

新しいパラグラフ！　その2

新しいパラグラフ！　その3

新しいパラグラフ！　その4

新しいパラグラフ！　その5

\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"**第4問**　上のHTMLを次の見た目になるようにスタイルを指定してください。\n\n[![Image from Gyazo](https://i.gyazo.com/cfdc634548665f86f542c087351cf04a.png)](https://gyazo.com/cfdc634548665f86f542c087351cf04a)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 30:"$2f:body"