generated at
第3話 クリエイター必見!1分でポートフォリオサイトを作れるScrapbox

前回のあらすじ
大学のゼミでのScrapbox活用事例を知ったわかばちゃん
今回は、クリエイターの方必見!Scrapboxでお手軽にポートフォリオサイトを作っちゃいます!

バックナンバー:



leaf専門知識は不要!クリックだけでできちゃう

https://scrapbox.io/ の「はじめる」からGoogleアカウントでログイン


②新規プロジェクトを作ろう
メニューを開いて「Create new project」をクリックしよう。
Public project = 誰でも閲覧可能
Private Project = 非公開

わかばちゃん 今回はポートフォリオサイトとして公開するので「Public project」を選んだよ。


わかばちゃん2 新規記事は「+」マークをクリックすれば作れるんだね


③プロジェクト名を設定してみよう

わかばちゃん2 settingからプロジェクト名やURLを変更できるんだね

プロジェクトの公開や非公開もここから設定できるから覚えておいてね HTMLちゃん




leaf画像の貼り付けも簡単


スクリーンショット共有ツール「Gyazo」との連携で、画像をドラッグ&ドロップするだけで貼り付けられます。

HTMLちゃん Gyazoでキャプチャした画像のURLを貼るだけで、画像が表示されるよ

わかばちゃん2 画像のアップが簡単なのはすごく助かる~!

わかばちゃん しかも、記事の一番上にある画像が自動的にサムネイルになるんだね!わざわざ設定しなくていいのはありがたいなぁ


わかばちゃん2 いい感じにできた~!


leafあっと言うまにポートフォリオサイトが完成!
これだけで、わかばちゃんのポートフォリオサイトが公開されました!
実際のページはこちら👉 /wakaba-work

わかばちゃん 書いたらその瞬間、公開されてるの!?

HTMLちゃん そうだよ! Scrapboxには「投稿ボタン」がないんだ。

わかばちゃん2 へぇ〜、ブログよりもカンタンだね


leafサムネイルの大きさも自由自在

HTMLちゃん 右上のバーで、サムネイルの大きさを自由に変えられるよ!

わかばちゃん2 見ている人も大きさを自由に変更できるよ。好みのサイズで見てみてね


leafスマホからも編集できる!
わかばちゃん2 さすがに、スマホからは編集できないよね?

HTMLちゃん スマホからも操作できるよ! 画像のアップロードも、画面長押しでできるしね




leafハッシュタグで簡単分類分け!
ハッシュタグを使えば、イラストを、テイスト別、色別、キャラクター別、使用ソフト別、納品先別、などまとめることもできます。

たとえば、登場人物のページに #登場人物 というタグをつけておくと…

同じタグがついているページが自動的に表示されるようになりますlight


わかばちゃん2 ぱっと見ただけで、関連する記事が出て来るからわかりやすい~!

HTMLちゃん あなたの作品がデータベースになる!


leafGIFアニメも貼れる!
GIFアニメも貼れるので、制作過程を載せることもできます
短編アニメーション作品を描いている方にもぴったり

HTMLちゃん トップページの記事一覧から、サムネイルでGIFアニメーションが見られるのは面白いね!


light【ワンポイント】Gyazoのお絵描き機能を使ってみよう!
Gyazoは、実はキャプチャだけじゃなくてお絵描きもできるんです。
たとえばこんな感じ


わかばちゃん2 これなら思いついた時にパパッと図を描けるね

leaf実例をご紹介!こんな風に使っている人も

ポートフォリオ集
ヤマギシチヒロさん(イラスト) /memooooo
ancoooさん(刺繍) /ancooo
窓辺さん (ScrapboxのUserCSS)/scrasobox
Chuckさん(シンセサイザ、エフェクタ)/diyfx
ブログ
倉下忠憲さん(作家・ライター) /rashitaactivity
橋本商会さん(プログラマ) /shokai
ウェブサイトとして
ミシン専門店 大隈ブラザーさん /osumibrother
研究
増井俊之さん(ユーザーインタフェース)/UIPedia

活用事例はScrapbox活用事例集からもチェックできます🌟

わかばちゃん2 すごいなぁ〜! いろんな使い方があるんだね


leafScrapboxの使い方は無限大!
わかばちゃん2 本当に1分でポートフォリオサイトが作れちゃったね

HTMLちゃん.icon 使い方は無限大! さぁ、あなたも今日からScrapboxライフ!


leafあなたのポートフォリオサイトも教えてね!

HTMLちゃん.icon Scrapboxでポートフォリオを作ったら、こちらの「Scrapbox活用事例集」にぜひリンクを貼って教えてね!

わかばちゃん2 ステキなポートフォリオは、Scrapbox公式アカウントで、活用の実例として紹介されるかも!


leaf次回予告

HTMLちゃん 次回は、Scrapboxを使って簡単にプレゼンテーションを作成してみるよ!


さっそくScrapboxを使ってみる👉 チームのための新しい共有ノート「Scrapbox」