脱コピペ!基礎〜実践の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などでお知らせくださいませ。企画します。

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

仕事・恋愛・人生…。人はなぜ「死んだ馬」に乗り続けるのか。&いろんな働き方への触れ方。

わたしが20代のころ。初めて正社員として働いた会社でのこと。

金銭的に会社の状況はとても悪く、社内には猜疑心が蔓延しており、良くない環境が1年ほど続きました。
「この会社でいいんだ」と思っていたわけではありませんでしたが、じゃあ転職活動をしよう、と考えたこともありませんでした。

ずっと、ネガティブな気持ちを抱えたまま、土日に重い気分を発散しては、また月曜日を憂鬱な気持ちで迎えていました。

当時はただ薄給を「当たり前」と考え、事務作業をこなし、なんのスキルも積み上げず毎日を過ごしていたので、いつも言い訳をしていました。

「わたしは高卒だし、仕事のスキルも何もない。転職なんてできないから、ここで静かに耐える方がかしこい。もう7年も働いたんだから、今さら辞められない」
“仕事・恋愛・人生…。人はなぜ「死んだ馬」に乗り続けるのか。&いろんな働き方への触れ方。”の続きを読む

2016年は何してたかな?1年を振り返ってみた

年末は毎朝スタバでちょっとノマドをしてから一日をはじめているマッツォです。
昨日追加タスク発生で、年末の大掃除は普通の掃除に変更しておせちもそこそこに。

2016年ももう終わりますね、今年はいい年でした。
めちゃくちゃ愛していたペットのうさぎ、アレックス君が天国に旅立ってしまったので、それだけは悲しいですが、全体的にはめっちゃいい年だったと思います。

2015年の終わりに「クリエイター100人祭り」というイベントに行ってから「なんか働き方変えたいな〜変えられるな〜」とじわじわ考えていました。その後3月くらいに「のまカフェ」っていう変なイベント(悪口ではない)に参加。
そのころ、今行ってる派遣先の課長が「将来社員化の交渉も上にする」って言われてて、めちゃくちゃホワイト企業なのに全く乗り気になれず、そんな変すぎる自分にめっちゃ凹んでいた。
でもこのイベントのおかげで「いろんな働き方があるな」と改めて思えたイベントだったかな。フリーランスをより強く意識しはじめたの、ここらへんから。
フリーランスになったほうが絶対絶対超絶しんどいのに、そっちを選びたいと思ってる私。いまでも不思議なんだけど、やってみたいんだよ・・・・

その後夏頃に、TheCreativeというクリエイター・フリーランス・マーケッター向け社会人スクールに入ることにしました。
ジムかヨガに通おうと思っていたタイミングだったけど、どうせなら同じくらいの金額で筋トレするより脳トレしたいと思いました(わたしの頭脳CPUはCeleronデュアルコア、とよく言ってますが、2017年終わりにはCorei7くらいになる予定♡)

うさぎが店長のコワーキングスペースを南大阪に作りたい!ってずっと言ってたのですが、秋頃に、コワーキングスペースを運営している方たちにお話を聞かせていただくことができました。JUSO Coworkingさま、ひらばさまにお時間いただき、コワーキングスペースの運営について色々とおはなしいただけたのがとっても貴重なひとときとなりました。両コワーキングともクリエイターからとても愛されているあたたかみのある場所で、理想的な空間でした。

私がコワーキングを作るとしたら、難波か堺か岸和田かなと思っていますが難波はいちおうコワーキングあるし、心斎橋にはええ感じなとこがある。
堺はもう難波まで10分のところでどうなのって思うし、岸和田だと需要あるの?って思うしでまだまだ考えなきゃならんことはたっくさんですね。

そして10月ごろから前記事に書いたように「クリエイター200人祭り」運営チームが発足し、12月までひたすらイベント準備に没頭しました。
このとき、これが自分のフリーランスとしての仕事だったら?と考えてみると、まだまだ自分の脇の甘さを感じてヒヤッとすることも多かったです。
そして、フリーランスになっても、一人っきりでの仕事だけじゃなくて、こうやって人と密接にかかわるプロジェクトにも携わっていたいと思いました。
前年に自分が参加して気持ちを動かされたイベントを自分が運営として参加することになるとは、わかりやすい変化だったなと思いました。

2017年はどうする?

今まで書いたことを踏まえて一歩一歩前進するしかないなと思う2016年の瀬…、前進しながらも自分を追い込むスタイルで2017年をはじめます。
Facebookで目標を維持継続するためのグループに入れてもらっています、そこでは地道な目標を掲げたので、そこをベースにがんばること、そして他にも細かな目標はたくさんたくさん砂粒のようにあるのですが、取捨選択しながら粛々とやっていきたいと思います。

そんな多くの課題を抱えるなか、ひとつだけシンプルで言いやすい目標がありました、これは公に掲げたいと思っております。

絶対やせる!!!!

すでに一部の激太り集団でチャットワークで励まし合っているので、年末年始は大きな間違いを犯さずに年を越せると信じています。がんばれ!私!!!!

変化はあれど、ゆるやかな年だったかなと思います。
また、来年もどうぞ宜しくお願い致します。

クリエイター200人祭り レポート

はやくも年末となりましたね。クリスマスはもくもくと年賀状を作り、その後発熱するも何とか一日で平熱まで戻し、無事仕事納めを迎えました超人マッツォです。(副業は納まらないw)

さて、日本一高いビル(いまのところ)で「3年後のあなたをかえる!爆発スタート クリエイター200人祭り」というイベントを開催しました。公式Webサイト

160人ほどの方にお集まりいただきとてもありがたかったです。改めまして、ありがとうございました。

クリエイター200人祭りとは?

2016年12月18日(日曜日)あべのハルカスにて開催した、クリエイター向けイベントです。クリエイターとしての悩みやフリーランスなりたいけどどうしたらいいかななどの悩みを持った方たちに向けての、お祭り的イベントでした。

あべのハルカス25階からの眺望はさすがでした。

ハルカスからの眺望

イベントで伝えたかったこと

登壇者は「再現性の高さ」を重視してストーリーを語って下さったのですが、自分が身を置く環境の大切さを感じるお話ばかりでした。付随して、あの印象的な「食パン理論」というキーワードがでました。「食パン理論」なに? 参加できなかったぜ 気になるぜ、って方は、また会ったときにでも聞いて頂ければご説明いたします♡

再現性の高いお話だっただけあり、アンケートで「来年するべきことが定まった」という主旨のコメントが多かったです。ありがとうございます。

私の個人的なこのイベントの推しポイント(裏)は「イベント参加初めてでも怖くないよ〜」でした。初めて参加するイベントってホントにドキドキしますよね。「私まだクリエイターって名乗れるほどじゃないし」って思ったり。
私はWebクリエイターの職業訓練コースを出た頃に初めて勉強会に参加しました。コミュ障だし何も知らないしとても緊張したのを覚えています。
クリエイター200人祭りはThe クリエイター!な意識高い人たちズラリ揃ってて怖い!みたいな空気にならないように「祭り!」のイメージをキープしました(メインビジュアルや、SNSチームが「祭り感」を盛り上げてくれました)

おかげで初めてイベントに来た、という方たちにも楽しんでいただけました。そして懇親会(下写真)にも多くのかたが参加してくださり、いろんな職業の方とお話できて楽しかったです。

懇親会後

技術的な勉強会ではない、著名人を呼んでいるわけではない、しかし160人もクリエイターが集うというのはあまり見ることのできないものです、とても新鮮でした☆

実行委員として携わった内容

企画や準備

議事録によると10/11から会議がはじまっており、約2か月ちょっとこのイベントに携わりました。
最初の会議では、だれがどんな人で、何ができるのか、何したいのかもワカラナイ状態。お互い自己紹介からはじめました。
その後、イベントの主旨を決め、会場を決め。どんな風に告知をするか、などいろんなことをPDCA・・・でした。

2ヶ月の間濃密すぎて、もはやあの新鮮な自己紹介いつだったんだろうというくらい昔のように感じます。

LP制作

もともとサブリーダーがBootstrapで猛スピードでたたき台を作ってくれていたものにデザインを盛っていく、という感じの分担となりました。超短納期!急きょメインビジュアル担当してくれることになったさらえみさんと、登壇者でメンター役の片岡さんで、チーター(※後述)の勢い全開で、チャットワークでコミュニケーションとりながらぐいぐい押し進めました。
反省点ですが、mixinにしそびれたまま後々「けっこう使うやんこのパーツ!」なシーンがいっぱいあって、でもその後も結局mixinにしないまま不便を感じながらも目先の作業ササッと終わらせるということがありました。最初って肝心ですね。

期間限定の企画や、後から入れるセクションとかもあり、もっと使いやすい仕組みで作りたかったなー、って勉強になりました。制作したLPはこちら

告知

この頃の私のTwitterとFacebookは告知で埋まっております。そしてふと見渡せば「LINE」でしかつながってないクリエイターさんがいっぱい!ということもわかり、LINEのタイムラインにも載せてみました。
ふだんはみなさんのお子さん情報が中心のタイムラインに告知が挟まると思うと、ちょっとアウェイ感半端なかったですw
イベント終了後にもLINEにありがとうの投稿をしましたが、いま派遣でいっている企業の方が「あれなんですか」と興味を持っていただいたのでありがたかったです。クリエイターの近くにいる発注者側の人たちに興味をもっていただいた、というのが嬉しく思いました。

告知期間に会った友人にはチラシをもらっていただきました。受け取っていただいた皆さんありがとうございます、そして他の人にも渡すよ、と数枚もらってくださった皆さんさらにありがとうございました。
SNSで拡散協力をしてくださった方もいます。ありがとうございました。

その他準備などなど

私は携わっていなかったのですが、Facebook広告の影響力を間近でみることができたのはとても良かったです。
あと、エキスパートスタッフさん(協賛企業)のメインビジュアルにもドーンと載せていただいて、多くの方にイベントを知っていただけました。

豪華な応援メッセージをもらえたのは、本当に本当に嬉しかったです。

あとは、ベタな対談スライドも作りましたw
イケメンズが映えるでしょw

福田村松

それから、司会の補助もすることになり、めちゃくちゃ柄じゃないのですが(楽しくてもそんなにハイテンションにならない気質)司会の横につかせていただきました(来年の実行委員には、早めに司会を見つけておくようにアドバイスしよ・・・)

意外な発見もありました。私はクリエイター前の職で、ビックサイトやインテックス大阪でけっこうなコマ数で展示会をするという担当をしていたことがありまして、その時の勘が生きたなと感じることがいくつかありまして、意外に役立った以前のスキルにも気づくことができました☆

☆余談☆

さきほど後述すると言った「チーター」とは。どうぶつ占い(個性心理學)と言われるもので、LPに携わった4名がたまたま、チーターの属性を持っていました。チーター属性の人はスピード重視。(どうぶつ占いで登場する動物は、本質・表面・意志・希望、4つの動物があります)
詳しくは書きませんが、どうぶつ占いしてみたいっていう人は、私と会った時に「やって〜」とお気軽に声かけて下さいな。

おすすめイベント

クリエイター200人祭り内でも告知があったんですが、フリーランスカレッジというめっちゃ濃厚な講座が開催されます。

200人祭りのときには「しゃべり場」という名の座談会コーナーで「独立」のグループに参加した人がかなり多かったですね!なので、フリーランスカレッジのことは再度おすすめしておきたいと思います。
料金面だけで見てもめちゃくちゃお得だなと思うので、ぜひWebサイトをご覧ください。

料金の話をすこし掘り下げますと、例えば宣◯会議さん。マーケティング戦略講座/10:00-17:20/30名/50,000円くらい。わたしもこれ系を受講しましたが、まず人数が多いとなかなかコミュニケーション取りにくいし、ほぼ聴講型となってしまいます。

対してフリーランスカレッジ。
4日間(講座内容は色々すぎてサイト見て)/10名/50,000円/アフターフォローまである。
これもまた「再現性」を重視している講座とのことなので、聞いたからには「実践しないとな〜しないとな」で日々が過ぎるということもないと思いますので、やはりお得すぎます。

おまけ☆ ホントは教えたくないw お得情報

200人祭り・フリーランスカレッジ両方で登壇されるカッシーさんの企画で、2/28まで「Creative Happy Life 拡散キャンペーン」を展開されています。ツイートで豪華賞品が当たります。ペンタブ!私は絵がうまくなりたい願望があるからペンタブを応募ポチしましたが、よく考えたらPCのスペックがイマイチなのでPC買い換えることを考えてUSB Type-C ハブにするべきなのかもしれない(応募し直そうか思案中です)豪華なこのチャンスをお見逃しなく!

まとめ

イベントの実行委員やってよかったなと思っています。この2か月で実行委員の仲間たちとは5年くらいの付き合いがあるかと思うほどお互いのことを知り合えました。

今、派遣社員+副業という働き方をしていますが、日中拘束されているということにとても不便を感じました。次になにかイベントに携わる時には日中も調整が可能な働き方をしていたいと強く思いました。(イベントのためだけではないですが)

イベント運営を通して自分の強化すべきことなどたくさん知ることができましたし、意外な強みも発見できました。このような機会にめぐまれて本当によかったなと感じています。

☆追伸☆ 他のイベントを主催されている方たちの偉大さも感じました。いままでも感謝はしていましたが、感謝の気持ちはとても深くなりました。いつもありがとうございます。

 

 

私が手ぬぐいを愛する理由

うさぎ雑貨クリエイターのマッツォです。
うさぎ雑貨を気が向いた時に販売している私ですが、うさぎ雑貨を集めるのも大好きです。

先日、京都でふらりと入った手ぬぐい屋さんで購入、うさぎ柄の手ぬぐいを購入しました。

なぜ手ぬぐいなのでしょう、なぜタオルハンカチではないのでしょう。

今回はうさぎ柄の魅力は少し横に置いておいて、手ぬぐいの魅力をお伝えしたいと思います。

手ぬぐいのいいところ

手ぬぐいについてネットで検索すると、使い道がたくさん出てきます。

額縁に入れて飾ったり、縫わずにブックカバーにしたりペットボトルカバーにしたり、縫ってランチョンマットにしたり、小物やらバッグやらに変身。

風呂敷もそうですが、大きく加工のない布と言うのは何にでも変身してくれます。

どれも可愛い……のですが、私は実はハンカチとして持ち歩く一択で手ぬぐいを使っています。

機能面

私が気に入っているのは「乾きやすい」ということ。

タオルハンカチと比べ、うすい手ぬぐいは本当に乾きやすいので衛生的な気持ちで使えます。

また、何年も持ちます。タオルハンカチはヘタってきますが、手ぬぐいはまったく劣化しません。

デザイン

注染は特に色が美しいです、大柄な手ぬぐいは額縁に入れて飾りたくなるのもわかる、とても魅力的なデザインが多いです。

手ぬぐいを持ち歩く派の私は、折りたたみ方によって見える部分が違うのを楽しんでいます。細かいお花模様が見えている時もあれば、2色くらいがどーんと面に出ている時もあり、毎日の小さな楽しみとなっています。

【堀井】 注染 手ぬぐい 「 月 」 ~ 秋 月見花 ~ 【堀井】 注染 手ぬぐい 「 戌(いぬ) 紺」

うさぎと手ぬぐい

私が手ぬぐいにハマったきっかけは、うさぎ柄の多さでした。和のものなので、うさぎ柄に出会いやすいのです。

プレゼントにも最適

手ぬぐいはだいたい平均1,200円〜1,800円程度と、ちょっとしたプレゼントに良い価格。クリスマスプレゼントにプラスするのも有りだなと思います。
そして柄の種類が豊富で、男女を問わずプレゼントする相手の好みのものが描かれた柄を見つけやすいです。例えば、相撲がすきなひとに、登山が好きなひとに。お正月には宝船の手ぬぐいをプレゼント(この柄もらっても!って思うような柄も折りたたんで一部が見えるときれいで楽しい)

注染手ぬぐい 手拭 決まり手 704 37×98cm kenema 注染手ぬぐい 和楽 富士山 36×90cm 51658 kenema 和雑貨 注染手ぬぐい 『縁起』 宝船 36×90cm

おすすめの手ぬぐい屋さん

私は、大阪の中崎町にあります「にじゆら」さんを推します。http://nijiyura.com/shop/

色合い(何回も言ってる折りたたんだ時に出てくる部分の絶妙な感じも)ダントツでかわいいと思っているのと、大阪駅のルクアや中崎町と、とても立ち寄りやすい場所にお店があるのでプレゼントに迷われたときはぜひ一度てぬぐいも候補に入れてみてはどうでしょうか。


告知
☆クリエイター200人祭り☆

2016/12/18@あべのハルカスにて開催します。
クリエイター、クリエイターと働く人、クリエイターになりたいと思っている人。
だれでも参加できます。
詳細はこちら http://thecreative.jp/bakuhatsu2016/

ちょっと異色なイベント?「クリエイター200人祭り」を開催します。

こんにちは、クリエイター200人祭り実行委員のマッツォです。

kurieita-200

12/18(日)にあべのハルカスで「3年後のあなたを変える!爆発スタート!クリエイター200人祭り」というイベントを行います。

クリエイター祭りの内容

イベントはクリエイター「祭り」とあるように、楽しく盛り上がれるものとなっております。

クリエイター多数決!あなたはどっち?

会場で、例えば「あなたはイラレ派?フォトショ派?」という質問にWebシステムを通じて答えていただきその場で集計します。(・・・・Sketch派ごめんね、そしてこの質問を当日するかどうかはわかりません)
あなたは多数派でしょうか、それとも少数派でしょうか?

トークセッション

4つのトークセッションを聞けます。身近に感じられる成功例などを聞いていただけるので、ご自身の活動においてもヒントが多いと思います。

  • 30代で転職して未経験から2年で独立!!
    悩みまくりな自分が悩みを解決できた、3年後を変えるためにマジで伝えたいこと
  • めっちゃ働いたら病気でダウン!!
    病弱グラフィックデザイナーが独立し、好きな仕事を続けている秘密
  • 【働き方を徹底対談!】働き方をチェンジした昆虫写真家 ✕ 働き方をコーディネートする就職相談屋
  • クリエイター支援5年間の統計爆発!
    結論:あなたの未来を変えるのは◯◯するだけだ!

交流タイム:聞きたい場所に行け!テーマ別しゃべり場

当日は色々なクリエイターや、クリエイターと働く人、クリエイターを目指す人が集います。自分の聞きたいしゃべりたいテーマ別に集まって人脈を広げることができます!喋るのが苦手な人も大丈夫です!各グループにスタッフがサポートに付きますのでご安心ください!例)転職、独立、副業、悩み相談etc

このような内容でイベントをお送りする予定です。

なぜ私はイベントの実行委員をやるのか

私は30歳の時に職業訓練からスタートし、Webデザイナーとして2つの職場を経験しました。
いずれもWebデザイナーは社内に自分1人という環境です。それゆえ、なるべく人と知り合うべく最新技術に関する勉強会などに参加していました。

それでも技術系勉強会でトレンドばかりを見聞きするうちに「努力する方向性はこれでいいのか」「1年後、3年後もっとよくなれるだろうか」などと考えることが多くなりました。その他にも、「フリーランスになるにはどうしたらいいんだろう」「スキルを身につけたいけれど、死ぬほど残業しないと制作会社では働けないの?」などといろんなことを考えていました。

ちょうどそのいろいろ考えていた頃に、去年12月に【クリエイター100人祭り】というイベントを友人に教えてもらい参加しました。

こうして振り返ると、今年のイベント運営に参加するきっかけは、去年のイベント参加です。

去年イベントで登壇者(技術系では聞けない仕事などの濃い話)や、名刺交換して知り合った人たちのおかげで、
自分の働き方を変えたいという意志が強まったり、
自分にとって足りない方向性(クリエイターでは無い部分を強化)が見え、大きな収穫でした。

今年、クリエイター200人祭りの実行委員に携わっているのは、前回クリエイター100人祭りで自分の方向性を再吟味した結果のひとつです。

ほんの少しだけ視点を変えるだけで、見えないものがたくさん見えるようになるその「ほんの少し」のひとつのきっかけを持って帰って頂ければ嬉しいとおもい、イベント運営に携わっております。

去年は参加者、今年は実行委員として携わる私がこのイベントのおすすめポイントを【クリエイター×◯◯】であらわしてみます。

  • ハルカスで開催されるクリエイターイベントは珍しいので、まずは【クリエイターのあなた×ハルカス】というシチュエーションを楽しんでください。
  • マーケティングなどの基本をしっかり学んでいるクリエイター達が実体験を交えて語るので、【クリエイター×ビジネス】がすんなり見聞きできます、難しい話は苦手だけど、クリエイターが安く軽く扱われるのは嫌だ、などのもやもやを感じているひとはヒントを得やすいでしょう。
    なんでも近道は「人に聞くこと」だなと思います。
    イキナリ、ホリエモンさんの話を聞いて実践するのはちょっと難しいと思う方も多いかもしれませんが、身近な環境のクリエイターの経験から学べることは、実践にも移しやすいと思います。
  • カフェ交流会(懇親会)には参加できなくても、イベント内で、参加者さん同士で名刺交換などができるしゃべり場コーナーも設けられます。【クリエイター×クリエイター】で、制作あるあるや、請負の本音、仕事の回し方やお金のこと、営業ってどうやってるの?まで、ざっくばらんにおはなしください。

ここまで「クリエイター」と連呼してきましたが、私には経験があるひとつのネガティブな気持ちがあります。
「私まだ自分のことをクリエイターって呼べるほど何もできない、まだまだ見習い?何者でもないんですけど!」という、あのモヤモヤした感じ。

大丈夫です。そんな人ほど来て欲しい。
たとえば「あなたが思っているクリエイター像」より、クライアントは「いまのあなたができること」にすでに魅力を感じている場合が多いです。そんなこともイベントで少し実感できるんじゃないかなと思います。

先程述べましたしゃべり場コーナーでも各チームにそれぞれスタッフがおります。初心者のひとも、人としゃべるのが苦手なひとも、名刺を持ってないって人も、スタッフを頼れば大丈夫です。

ビジネス感覚に長けた人から、職人気質濃く「話すの苦手」な人まで、様々なひとが集まることと思います。安心して自分の得意なことも苦手なことも織り交ぜて、お祭りを楽しんで頂ければ幸いです。

12/18は天王寺のあべのハルカスで、クリスマス前のお祭りを楽しみましょう!
お待ちしております!

申し込みはこちらから!

簡単!スマホ用メニュー|3本線のハンバーガーメニューと、その下に「menu」という文字

こんにちは、寒くなってきました。
副業フリーランスも、うさぎ雑貨制作も最近ちょっとサボり中のマッツォです。

久しぶりによく使うコードをメモとして残しておこうと思い久しぶりにブログを開きました。

スマートフォンのときだけ3本線のメニューが右上にでてくるアレです。

やりたいこと

  • 3本線のハンバーガーメニュー
  • 3本線の下に「menu」と言う文字もついているもの
  • クリックして開いている時は「これクリックしてるよ」とわかるようにボタン部分の色は暗くする
<div class="menu_button"><span></span><span></span><span></span>MENU</div>
<ul id="hNavi">
	<li><a href="index.html">トップ</a></li>
	<li><a href="info.html">企業情報</a></li>
	<li><a href="place.html">拠点一覧</a></li>
	<li><a href="sitemap.html">サイトマップ</a></li>
</ul>

そして下のJSは、スマホのときだけメニューがでるようにする部分です、headタグの中に書きましょう。

<script>
	if (window.matchMedia('screen and (max-width:768px)').matches) {
		//メニュー
		$(function() {
		    $("#hNavi").css("display","none");
			$(".menu_button").on("click", function() {
				$("#hNavi").slideToggle();
				$(".menu_button").toggleClass("menu_close");
			});
		});
	}
</script>

これで準備はできましたが、実際三本線にしたり、メニューに色をつけたりするのはCSSで行います。
下は例。スマホ用のCSSに書いて下さい。
色などお好きに変更してみてください。

.menu_button {
    position: absolute;
    top: 22px;
    right: 10px;
    background-color: #FA0046;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 8px;
    color: #FFF; }
    .menu_button span {
      display: block;
      background-color: #fff;
      height: 2px;
      margin-bottom: 3px; }
  .menu_close {
    background-color: #CE5E60; }
  #hNavi {
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 999;
    border: 2px solid #CE5E60;
    border-radius: 3px; }
    #hNavi a {
      background-color: #FBF7F7;
      display: block;
      padding: 10px 20px;
      color: #FA0046;
      border-bottom: 1px dotted #CE5E60;
      text-decoration: none;
      text-align: right; }
    #hNavi li:last-child a {
      border: none; }
  #hNavi:after {
    content: "";
    position: absolute;
    top: -8px;
    right: 12%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #CE5E60 transparent;
    z-index: -1; }

※動かない場合

jQueryを読み込んでいますか?orその読みこみより前に記述していませんか?

文字が左にグググッと寄って重なって表示されてしまう時の対処法

先日、IE8でこんな風にページ内の文字が表示されてしまいました。

文字が寄る

動き的には、最初はちゃんと表示されるものの、JSを読み込んでいるタイミングでこうなってしまっている様子の動き方をする。

そこでページ内にあるjQueryのプラグインをひとつづつ取っていってもなぜか解消されない。
あまりナイ症状なのか、それとも基本的ななにかをすっ飛ばしているからこうなったのか?(基本的な部分のCSSを見直してみたつもりだけど変なところは発見できず)

ググると「Win8のバグだ、MSゴシックなどのWindows系フォントをfont-familyで指定するといい」と書いているのでそうしてみたが・・・・だめだった。

絶対に原因はある、しかし時間もそうかけていられない状況で・・・・

最終手段。
IE8で発生する問題ならIE8辞めよう。

といっても、IE8が絶対条件の環境のWeb制作ですので、そのブラウザサポートしていません、とは言えない。

そこでこれだ。

<!--IE7モードで表示-->
<meta http-equiv="X-UA-Compatible" content="IE=7">

こういう書き方をすると「IE7の表示方法をしてください」とIEに命令できるのです。
IE8以下しか許されていない環境下、IE7にて見ていただくしかないという苦肉の策ではありますが、ひとまずはこれで解消されました。

IE8なんか切り捨てたいけれど、会社がイントラの都合上どうしてもIE8。
Updateされないようにしっかりシステムいじってらっしゃいますし、全社IT監査のときにはIEのバージョンを無理やり上げていないかの見回りまで来ます。

なのでIE8はまだしばらくは仲良くやっていかなくてはいけない共同体です・・・