脱コピペ!基礎〜実践の2日間!! グラフィックデザイナーのためのHTML・CSS講座

初心者向けのHTML・CSS講習会を行います。「効率よく・実践的に・必要な基礎を知る」をモットーに2日間(計10時間)で、スマホ対応ページを作れるようになっていただける内容です。

私がこの講座の講師をする理由

私は職業訓練校でWebデザインを勉強しました。私が教えてもらった先生たちは本当に実践的で、上手に教えてくれました。

ところが周囲で職業訓練を受けた方はというと「実践的なことは教えてもらわなかった」とか「教科書をただ朗読して、そのあと自分で教科書見ながら入力して、独学みたいだった」などと耳にします。

自分が教えていただいた先生方が当たりだったことを感謝しつつも、じゃあ自分はどんな授業が受けたいだろうか、と考えました。

絶対に、実践的で再現性が高くないといやだ。あと、教科書を読むより「体感で覚える派」の人にもしっくりくるようなレッスン。
いちばん最初がいちばん難しいから、いちばん最初で止まってしまう。そんなつまづきやすい一歩目を一緒にクリアできるようなレッスン。
これが私の受けたい授業。
ということで、私の受けたいと思うようなレッスンをご提供したい!

ご一緒に、0から1歩目をぴょーんとスタート切るアシストができるように、精一杯努めさせていただきます。

Web制作は基礎の感覚さえ身につけば、あとはなんとか自分で調べたりできますので、まずは基礎を一緒に10時間集中トレーニングしましょう!

グラフィックデザイナーさん、イラレちょっとさわったことならある、さん。ホームページを作れるようになりたい方なら基本的にどなたでも参加いただけます。

今回の講座では、

  • 実践的にとにかく手を動かして作ってみること。
  • 最低限の基礎で、スマホ対応のページを作れるようになること。
  • 基礎を身に着けたあとの、もっと実践的なスキルの身につけ方。

を、たいせつにしながらレッスンを進めていきます。

こんな方におすすめの講座です。

  • さくっと最初のキッカケを学びたい
  • 今までチラシを作ったことがあるけれど、ホームページも作れるようになりたい
  • グラフィック専門でやってきたが、Webも、と言われることが増えた
  • 身近に相談できる人がいない
  • 独学に限界を感じてる

2日間で学べる内容

  • テキストエディタを触ってみよう
  • HTMLを書いてみよう
    ※簡単な書き方で時短!
  • 画像やリンクの設定方法
  • CSSでページを装飾しよう
    ここが独学の難関!実際に手を動かしながら説明を聞くとすぐ作れるようになります!
  • スマホに対応させてみよう
  • 完成したサイトをアップロードしよう
  • Web制作の現場から送る調べ方や便利なことTipsグラフィックデザイナーなら気になる文字のこと、など

2日間講座へのお申込みはこちらのページから

  • 開催日時:3月18日(土)〜3月19日(日) 10:00〜16:00
  • 会場:大阪府大阪市西区江之子島1-4-1 にちようビル 3階
    (千日前線 阿波座駅 徒歩3分)
  • 参加費9,800円 ※今回のみ、お得にお申込みいただけます。

3連休のうちの濃密な10時間集中レッスンで、ぐんとスキルアップしませんか?

ご参加される方へ:事前準備のお願い

当日はノートパソコンをお持ち下さい。
お持ちいただくノートパソコンには、下記のソフトをインストールしておいてください。

お申込みはこちら

http://social-around.com/seminer01/

☆日程があわないけど興味があるという方は、Creators FactoryのFacebookページにて最新情報をチェックしてください。

もくもく会にはじめて行ったよ

先日、こちら↓のもくもく会に行ってまいりました。
主催は、去年のクリエイター200人祭りのサブリーダーを務められた松本さん。

自習会【大阪 もくもく】

もくもく会って楽しそうだなぁ〜って思っていたものの場所や日程が合わずに見送ってきたのですが、ようやくここぞというタイミングで、私にとってめちゃくちゃ行きやすい場所でのもくもく会が登場したので早速行ってまいりました。(定期開催されてたんだと思いますが私が知らなかっただけ)

谷町四丁目駅からすぐの、おしゃれなスペースです!心地よい!!

★開催場所★
大阪市中央区鎗屋町2丁目2-4イチクラビル2F
TRUNK
http://rentalspace.trunk.osaka/

ちょっと自己紹介して、作業。
週末に使う予定のスライドをかなり進めることができました。

家に居ても、夫の協力のおかげで作業することは可能ですが、2時間と決まっている中で集中して作業するのは効率がよくていいなと思いました。

そして、作っているスライドの話をなにげなくしているときにヒントをもらったりもして。
ひとりでもくもくと作業するのでは気づかないこと、あるなぁって思いました。

これからは定期的にもくもく会に参加しよう。

いい機会をありがとうございました。

おまけ。
参加されていた方が興味をもってくださったので、恒例のどうぶつ占いもしましたw

堺筋本町〜谷四あたりでお勤めの方。
一緒にもくもく会いきませんか〜!
お誘い、待つ!!!!※近くと把握しているあなたは私が誘う( *˙ω˙*)و グッ!

WordBench大阪「Webデザイナーとディレクターのためのマーケティング入門」に参加しました

WordBenchに行ってきました。前回参加したBenchは去年の9月、WordBenchOsaka「WordPressのためのGulpハンズオン」でしたので4か月ほどぶりです。

「マーケティング」という言葉がどんどん迫り来る!と感じているWebデザイナーさんは多いと思います。最近はWebデザイナーが目にする本もマーケティング寄りの内容が多くなりましたよね。

沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉 Web Designing 2016年8月号 [雑誌] Web Designing 2017年2月号 [雑誌]

私はマーケティングを学ぶ機会に恵まれてはいるものの、他の制作者さんたちはどんな風に思っているのか、Webデザイナーが話すマーケティングの話ってどんなんだろう、など知りたく、今回のWordBenchに参加してみることにしました。

Webデザイナーとディレクターのためのマーケティング入門 内容

 

↑スライドを見れば内容かなりわかりやすいので、参加されなかった方にもおすすめです。

実体験に基づいた例

個人的に良かったと思ったのは、登壇者のみほじさんご自身の携わられた案件「ゼロ仲介」の具体的な事例を盛り込んでお話してくださったことです。クライアント様と共にエンドユーザーに取材に行くというのは、双方にとって実りが多そうだなと思いました、実践してみたい。

使ってみたいフレームワーク

もうひとつ実践してみたいもの、顧客の気持ちを知るための方法として「A4一枚アンケート」というフレームワークを紹介してくれました。これを用いてのグループワークもあり、参加してよかったなと思います。

「A4」1枚アンケートで利益を5倍にする方法―チラシ・DM・ホームページがスゴ腕営業マンに変わる!
参考資料:「A4」1枚アンケートで利益を5倍にする方法

共感ポイント

マーケティングの結果とクライアント様の想いが一致しないことがあるとか、クライアント様ご自身が意欲的でない場合などの、リアルな問題にも触れられていました。

私ゴトに置きかえますと、インハウスデザイナーとしては、事業部の「とりあえずページを作ってよ」に意義を唱えたいこともあります(それお客様目線では全然ないですよ、とかいろいろあります)

質疑応答の際に、その「意欲的でない状況」の打破について「過去説得できたことなどはありますか」と聞きましたが、やはり説得となると難しいとのことでした。
嬉しいことに、質問に、マーケティングを日々行われているコンサル会社様も一緒に答えて下さったのですが、説得は難しくとも、例えば3か月に一回ほど連絡を入れてクライアント様を鼓舞されるということをされているそうです。

オマケ:Web屋の肉祭り

この日の夜、新年会の予定が入っていました。
いつも「Web屋の肉祭り」と題して、さぎりというお店でひたすら赤肉を喰らう会です。


↑撮影:@rrisa_wp

肉を貪りつつ、ブラック企業の話で盛り上がったり、どうぶつ占いしたりw
肉祭りのおすすめは「ひつまぶし」です。このお肉を3切れ程乗せただし茶漬け。シメに最高なのと、おまけにハッピーアワーはハイボール50円です。

追記

肉祭りは随時開催できますので、このお店に行ってみたいって人がいらっしゃいましたらTwitterなどでお知らせくださいませ。企画します。

「自分ってどんなことが向いてるの?どうぶつ占いしてほしいよ〜」って方も、お知らせくださいませ(でも文字でやりとりは難しいと思うのでまたお会いしたときにさせていただきます)

WordBenchOsaka「WordPressのためのGulpハンズオン」に行ってきました!

「WordPressのためのGulpハンズオン」と第するWordBenchOsakaに行ってきました。
・・・・・先週。

ブログを書こうと思っていたらいつの間にか10日ほど経過しておりました。
「いつか」という魔法の言葉にいつも翻弄されているマッツォです。

当日のスライド

https://docs.google.com/presentation/d/136ELj-ll34WecyyfyhDfacKhcg1GJbom05y-VAnwY5s/

技術的なことを復習がわりにまとめようかと思いましたが、
上記のスライドがすごくわかりやすくてオススメですのでそれ見てください。
見ながらすすめたら、とりあえず動かせて感動できるくらいていねいに書いてくださっています。

わたしがなぜ今回この勉強会に行ったのかというとGulpを動かしたことがなかったから、です。

なるべく良いように表現すると「実践型」と言うか。とにかく教えてもらうことでやっと一歩目に踏み出せる私。
身につくのもわりとのんびりな私。

なので、こういう技術的な第一歩をしかもていねいに初心者向けに教えてくれる機会というのはとってもとってもありがたいものです。

勉強会でやってみたこと

  • ローカルのWordPressを準備
  • Gulpのインストール
  • SassをWatchする
  • BrowserSyncで更新を自動化
  • WordPress 4.5のデベロッパーさんが会場を視察に訪れる↓

(この日は、会場にたどり着く前にも英語話す人に道を聞かれ、英語が一切できない私はとても困り、黙々と一緒に歩いてその旅行者を目的地に送り届けるという悲しい思いをしたばかりであった)

勉強会の感想

  • Gulp、便利やで。
  • 英語、話せたほうがいいで。
  • WordBenchしばらく出席続けようかな。

以上。

最近WordPress使う機会がなくて、勉強会行かないと一切忘れてしまいそうです。
次も予定が合うといいなぁ。。。
登壇者さま、モデレーターの方々、ありがとうございました。

WordCampKansai に行って来ました(二日目)

2016年7月10日、とても暑い晴れ/曇 の日曜日。
心臓破りの坂を登って行く阪大の大阪会館で、WordCampの二日目が開催されていました。

午後からハンズオンに参加することになっており、お昼前に到着。
おにぎりを食べて、知人と挨拶や会話を交わし、ハンズオンルームへ。

参加したハンズオンは2つです。

GitHub Pages 上で WordPress のドキュメントをみんなでつくろう

準備に抜けがあり、ローカル環境にGitがなくてはならなかったのですが、SourceTreeさえ入っておりませんで、メンターさまに付いていただきそこからスタート。(すみません)

GitHubってどんな感じかなめっちゃ難しいかな、ドキドキ。
ですが、親切に教えていただきなんとなく使えるようになった!!!
ちょっと戸惑いはまだありますが、でもこれは積極的に使っていきたいな〜と思いました。
あと、作業時、聞いたことが無かったけど突然使うことになったMarkdown記法。
MacDownというプレビューがみることのできるエディターを教えていただき、なんとか形は書けました。(間違いをまた訂正してプルリクしてみよ)
作ったのはこちら→https://wckansai2016.github.io/wordpress-document/1/5_eyecatch.html

メンターの皆さま本当に本当にありがとうございました。

静的HTMLをWordPressのテーマにしてみよう

HTMLを見よう見まねでなんとかテーマ化したことがあるのが、style.cssをheader.phpで読み込んでいたころ。
今年になって久しぶりにWordPressを触り、あまりにも覚えていないのと変わっていたので、情報収集+復習兼ねて参加。
本当に行ってよかった。
公式テーマなどを観察していると、content.phpを読み込んでいるのが主流となったのかな?そうするべきなのかな?と謎を抱えていたのですが、質疑応答タイムで質問できました。色々話は飛び交いましたが、好みやケースに合わせてそこは変わる様子です!

メンターの皆さま本当に本当にありがとうございました。

余談

オリジナルわぷー・トークセッション

牧草うさわぷーを投稿していました。

牧草わぷー

ハンズオンとわぷーのトークセッションが被っており聞けなかったのが残念でした!
掲示板でたくさん並んでいたわぷー!
どれも愛が詰まっていましたね♡

余談2

1日目にはコントリビューターを探せ、でマグカップをいただきました。
2日目にはスタンプラリーの景品、Tシャツをいただきました。

わぷー

ちなみに、去年のTシャツは、ITも何も関係ない夫が年中愛用しています。
人通りの多い駅前を突っ切って、駅横の商業施設に行きうろうろしていますので、
きっとひとりやふたりは「あの人Web系の人かな」を思ったはず・・・・。
今年のTシャツもプレゼントしました。

ほんのり宣伝したいものがあるときは、MサイズのTシャツくださいwww
年中着てはいるものの、アウターの無いこの半そでの時期が有効ですw

最後に

たくさんの、頑張っている人たちがあつまるWordCamp。
参加して元気やる気を分けていただきました、ありがとうございます。

気持ちを新たにし、様々なことに挑戦していこうと思いました。

実行委員の方々、当日スタッフの方々、お疲れ様でした。
とても楽しい二日間を過ごさせていただき、本当に本当にありがとうございました。

では、うさぎの部屋んぽ(部屋でする散歩)してきます!お疲れ様でした!

へやんぽ

WordCampKansai2016に行って来ました

2016年7月9日(土)朝は雨。
大雨のなか、大阪大学豊中キャンパスにて行われたWordCampKansai2016(以降WCK)に行って来ました。

私のWCK1日目の過ごし方はざっくり下記の通りでした。

長い坂を登り大阪大学に到着。

WCK会場

受付でもらったネームホルダー?に属性シールを貼り、名前を書き、友人や初めてお会いする方と交流。

そして出展されている各ブースを回って、いろいろノベルティをいただきました。
個人的にはWooエコバッグとJetPackペンがキュンときました。

さらにその後出会ったろりぽさんのYAZAWA風タオルに衝撃を受けました!パンチあるでしょ!
ろりぽタオル

そうしているうちに、WCKがスタート。

チャンスがあれば必ず行くようにしているWooCommerce系、今回もそこをめがけ、ふむふむ納得。
終わったらそのままアセンブリホールでゆるく過ごしてそのままお昼突入。

午後から講堂がっつり。
自分への影響を感じたセッションはミスミさんの「子テーマを作って公式ディレクトリに登録しよう」です。
私も作って、公式にテーマあげたい!って気持ちになりました。

聞きたかったのは16:45〜の川井さんの「熊本地震の支援サイト」のお話。その時のクライアントさんとの信頼関係が構築できていて「本当の意味でのお任せ」が実現できた、というのがなるほど興味深かった。
スライドにペットが登場したのが、動物好きとしては見逃せない。

熊本支援サイト

想像以上に面白かったのがカネウチカズコさんのわぷーのお話。質疑応答も他にはない盛り上がりを見せたと思います(ワプーがWの球を持っていないときのオナカはどんな感じなのかwとか)みんなわぷー大好きなんや♡

みんなのわぷー愛

ほんの少しあげただけですが、実際はもっと濃くて深いもので勉強になりました。

そして。
今日のハイライトは噂をしていたら隣にご本人がいてたまげた、です。

どういうことかといいますと、
友人とお昼を食べながら案件の話をしていて、その流れで「そういえば、不動産プラグインっていうめちゃくちゃすごいプラグインあるよ」と話してました。
その直後、同じ丸テーブルにおられる方達と挨拶を交わしたら、おとなりに居た方が不動産プラグインnendebさんだった(ネームホルダーの名刺見て「えっw真横でうわさ話してたwww」てなった。)という奇跡を体験しました。(快くお話していただいてありがとうございました♡)
普段お世話になってるプラグインを実際作ってくださった方とこうやってコトバを交わせるのはWordCampの素晴らしいところですよね。

最後に懇親会。
無料でたくさん振る舞っていただき、普段Twitterでしかお見かけしなかった方と会話を交わしたり、久しぶりの方と再会を楽しみました。

WCK懇親会

WCK運営してくださっているスタッフの皆さま本当にありがとうございます。
良い時間を過ごさせていただきました。

2日目はハンズオンを2つ楽しむ予定です。楽しみ!

おまけ

そして帰宅後、Wooバッグが!!!!!
WooCommerceと猫
うちのワル猫さまに狙われた!!!!
すぐに取り上げ無傷で済みました。

南大阪クリエイター会に行って来たよ

南大阪や泉州に住むクリエイターの集まりに行って来ました。
参加者は、イラストレーターさん、漫画家さんや、動画クリエイターさん、貼り絵師さん、ECコンサルさん、など様々!

南大阪クリエイター会

「南大阪クリエイター会 〜どんな営業しているの〜」と題するこのイベント、開催場所は堺市!(南海本線堺駅近くのカフェパンゲアさんでした)

私はたまに勉強会などに参加しますが、出会う人つながる人は決まって梅田よりも北側に住んでいる人です。
南にはクリエーターは住んでいないのか!?と残念な気持ちになることも多かったのですが、今回は多くが泉州の方!嬉しいですね♡
そして主催者さまイラストレーターさらえみさんの影響でしょうか、絵のプロな方がほんっとに多くてめちゃくちゃテンションあがりました。

将来漫画を描いてみたい(ばあちゃんになってから自分を振り返りつつ描きたい)私は、いま電車の中で毎日一個絵を描くことにしていて、毎日ではないものの継続してかれこれ1年ほどになります。

ちょっとだけうまくなってきたやん!
これはほんまにばあちゃんになるころには絵師ちゃうん!と、伸びしろを勝手に感じていた矢先でしたので、イラストレーターさんに囲まれてときめいたのです。

コワーキングスペースのない堺市、コワーキングスペース作りたいと思っていると言ったら泉州に作りたいと思っていらっしゃるかたもいらっしゃってこれもまたときめきました。

自分がやりたいと思っていることや好きだと思っていることを実現されているかたばかりで、本題の営業のお話もそれぞれのこと聞けて良かったですが、それ以外のお話もたくさん聞くことができました、正直時間はいくらあっても足りないくらいでした、許されるならずっと話していたかったくらい。

イベントを開催してくださった運営のみなさま本当にありがとうございました。
また会いたい、次回もぜひ開催宜しくお願い致します。

WordBench奈良でAdvanced Custom Fieldsハンズオン勉強会に参加しました

WordBench奈良に行ってきました。去年から奈良にまあまあ参加するようになりました。

新今宮から大和路快速にのれば、大阪から奈良は思ったよりあっという間です。
今日は会場が大和西大寺ということで、近鉄奈良線。

会場は簿記カフェというところでした。コーヒー付!

“WordBench奈良でAdvanced Custom Fieldsハンズオン勉強会に参加しました” の続きを読む