Skip to content

Instantly share code, notes, and snippets.

@pastak

pastak/2013-10-20.md

Last active December 25, 2015 20:39
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pastak/7036179 to your computer and use it in GitHub Desktop.
Save pastak/7036179 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
2013-10-20.md

WebMakerワークショップ

version 2013.10.20

ヘッダー画像

準備編

  1. Mozilla Firefoxをインストールしよう
  2. Mozilla Personaに登録しよう

Mozilla Firefoxをインストールしよう

  • 今回のワークショップではMozilla Firefoxを利用します。
  • まだインストールしてない人はここからインストールしてください。

http://www.mozilla.jp/firefox/download/

Mozilla Personaに登録しよう

ワークショップで作る作品を保存するためには、Mozilla Persona のアカウントが必要です。

Mozilla Persona アカウントをお持ちでない場合は、新規で作成していただく必要があります。 アカウントを作るためにはメールアドレスが必要です。 また登録完了時にメールがとどきます。 会場内でメールを確認できる方は、次の方法でアカウントを作成してください。

Mozilla Personaの登録手順

  • login.persona.org にアクセスし、Sign up ボタンをクリックします
  • メールアドレスを入力し、Next ボタンをクリックしてください。
  • パスワードを入力し、Verify Email ボタンをクリックしてください。
  • 登録したメールアドレスに Persona から登録確認のメールが送信されます。そのメールに記載されたリンクをクリックしてください。

https://raw.github.com/chikoski/MakerParty-handout/master/gitfab/resources/createaccount.png

使用するツールについて

Popcorn Makerの使い方

Thimbleで遊んでみよう

Thimbleプロジェクトの見つけ方

  1. http://thimble.mozillafactory.org/ja/にアクセス
  2. 「プロジェクトを選ぶ」
  3. 「Play Bunny Masher」

実際のウェブサイトを見てみよう

まずは練習用ページでゴーグルに慣れよう

テーマに合ったサイトを作ってみよう

  • テーマ：秋

出来たサイトはここに追加してください

作品例

  • 画像紹介サイト
    • 著作権に気をつけよう
  • 名所紹介
  • などなど

著作権について

  • インターネット上の写真や文章には著作権があります。
    • 勝手に人の画像や文章をつかってはいけません。
  • Creative Commons（クリエイティブ・コモンズ）

参考資料

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment