よろづ屋ブログ

福岡でホームページのサポートをおこなっているweb制作事務所「よろづ屋」のブログです。

「CSS Nite in FUKUOKA,Vol.7」初参加！！　〜仏像！銅像！知識倍増！〜

セミナーイベント参加報告

よろづ屋コーディング担当の、豚骨あんどうです。
少し前の話になってしまいますが、1月22日金曜日にデジタルハリウッド福岡校で開催された「CSS Nite in FUKUOKA, Vol.7」に参加してきました！
今回は、そのときのことを少しだけご紹介しようと思います！

初参加の「CSS Nite in FUKUOKA Vol.7」


阿部 正幸さん（KDDIウェブコミュニケーションズ）

最初に登壇されたのがKDDIウェブコミュニケーションズの阿部 正幸さん。
近くで見ると背が高い！そして、イケメン！！

今回は「世界のCMSが向かう先とWebのこれから」という内容でお話ししてくださいました。一言でいうと、『これからのWeb業界の未来』という内容で、近い将来こうなるよーという、非常に興味深いお話。

「パーソナライゼーション」と「カスタマーエクスペリエンス」（UX）という、Web制作には欠かせない単語。少し難しく聞こえますが、これを考えてWeb制作をおこなわないと、ECサイトの売り上げをあげるのは不可能なわけです。
ユーザーの動向を考え、行動履歴を確認し、次への購入率につなげるには？というツールの紹介などがあり、とても参考になりました。

CMSの話の中で印象に残ったのが、「CMSとフロントが分離される＝CMSとデザインの完全分離」というもの。

デザイナーさんがWordPressやMovable Typeについて詳しくなくても、JavaScriptでデータを受け取り、表側に表現ができる。

また、それぞれに必要なタグ・操作法を覚える必要がなく、デザインしたWebサイトが作れてしまう未来。

そうなると、僕の仕事がなくなってしまうのでは・・・！？

僕、よろづ屋のコーダーなんですけど！！

そうならないように、もっとコーディングの腕を磨こうと思います。

機械には負けてられないですからね！

地元福岡県民によるLT（ライトニングトーク）

今回は福岡在住の方3名によるLTがありました！
地元の方の声だけあって、なかなかおもしろかったです。
しかも、みなさん僕の知り合いなんですよねw

エクスコードの末包 俊道さん：『（GitHub）フロントエンドの共同作業でコンフリクトしにくい一工夫をしてみよう』


末包さん（エクスコード）

GitHubは自分でも使うことはできるのですが、細かく書かれたスライドで、わかりやすく説明されていたと思います。

末包さん主催の勉強会「東区フロントエンドの会」に先日参加してきたので、そちらでのブログについても近日中に書きたいと思います！

よろづ屋の代表Boss（まりさん）：『わたし、主婦です』


Bossの登壇の様子

主婦業と子育てをしながら「よろづ屋」を起業したBoss。
仕事を始めたきっかけや、どんな時間に仕事をしているのかを話してくださいました！
登壇前はすごく緊張されてましたが、立派にしゃべる姿がとても凛々しかったですw
BossがLT前の準備についてのブログを書いてますよ！
LTに登壇される方は、ぜひ参考にされてみてくださいね。

株式会社ワクグミの田村章吾さん：『会社を設立した3つの理由』


田村章吾さん（ワクグミ）

北九州在住の、通称たむしょーさん。
なぜフリーランスではダメなのか、会社を設立することになった理由を分かりやすくお話ししてくださいました。
お子さんのかわいらしい写真も見れて、癒されました！

余談

実は、よろづ屋のスタッフになったのもLTがきっかけなんです。

よろづ屋・ディレクターの英二さんが去年の7月に開催された「マカベン × HTML5fun HTML5 基礎から学んで、最新のライブラリを覚えよう！！」のLTで登壇。
僕は参加者として英二さんのLTを聞いていたのですが、 翌日英二さんからメールが・・・。

「もしかして、ヘビーメタルバンド・BATTERYの豚骨あんどうさんですか？」と。

僕が昔ライブをしていたときに、英二さんが何度かBATTERYのライブを観にきてくれていたようです。これには僕も驚きました！！
どこでどんな出会い・再会があるかわからないもんだなーと実感。
その後日、英二さんからお誘いを受け、こうしてよろづ屋のスタッフになることになりました。ここでまた驚き・・・！！！
何がきっかけになるのかなんて、本当わからないもんですねw

Photoshopの神業


鷹野 雅弘さん（株式会社スイッチ）

LTのあとは、株式会社スイッチの鷹野 雅弘さんによる「ベテランほど知らずに損してるPhotoshopの新常識」のセッション。
毎回”おぉ〜！”という歓声があがるほどのPhotoshopの機能を披露してくださいました！
ここまでくると、もはや神業。『スゴイ！』の一言につきます。

僕もPhotoshopはよく使っていますが、「コンテンツに応じて拡大・縮小」という項目、いやー知らなかったw
CS4から機能としてあるみたいなんですが、そんな機能があることすら知りませんでした。
わざわざ切り取りをすることなく、写真の拡大・縮小が可能。
なんという機能なんだ・・・！！
まだまだPhotoshopについても勉強せねばと、反省です。

その他にも、登録したアクションを一発で書き出すアプリにしてくれる「ドロップレット」の紹介や、切り抜きする際に便利な「境界線の調整」など、内容盛りだくさんでした！
正直1回聞いただけでは、頭に入りきらないボリューム・・・。

そこで、CSS Niteの特典というべき存在。それが、『フォローアップメール』です。

フォローアップメールには、CSS Niteで実際に使用されたスライドや、開催中に撮影された動画などが送られてくるので、復習することが可能なんです！阿部さんがお話してくださった内容のツールのリンク先も記載してあり、大変参考になりました。

その場で聞いただけでは覚えきれなくても、安心して復習ができるってすごくいいですよね！

そして、鷹野さんのセッションを聞いて、僕の中での教訓が見つかりました。

「素材をそのまま使うのではなく、どう加工して付加価値をつけるのかが大切」

ただ画像を加工するだけではなく、加工した画像を見ただけで伝えたいものが伝えられる、そんな画像編集ができるように訓練していこうと思います！

そういえば、冒頭にはIllustratorの豆知識も披露してくださいました。

やはり、Illustratorも奥が深い・・・！
職場でIllustratorとPhotoshopを必ず使うのですが、実は僕、ほとんど基礎的なことしかできません。
Bossにも怒られました。
鷹野さんの著書『10倍ラクするIllustrator仕事術』という本がBossの仕事への意欲を変えたと耳にしたので、僕も買って勉強します。

ちなみに、2月20日に博多で開催されるBossの「Illustrator『超』基礎講座」にも参加することになりました。
サポートではありません。勉強のための参加です。
参加されるみなさん、一緒に頑張りましょう！

これも大事！！懇親会♪


鷹野さんとヒロトくんと一緒に

交通手段などの関係もあり（僕はだいたいバイク移動なので）、飲酒できないことも多いのですが・・・

それでも楽しいのが懇親会です。
鷹野さんとBossの次男との写真を撮ってもらったり！
名刺交換もさせていただいたり！！
ここでしか聞けないような話も聞けたり！！！
もう大満足でしたd(￣ ￣)
同じ業界の似たような業種の方々との交流、こんなに楽しくていいんだろうかw
また次もお会いできるのを楽しみにしてます♪

行ってよかった！「CSS Nite in FUKUOKA,Vol.7」

以前からCSS Nite自体は知っていたのですが、今回が初参加となった「CSS Nite in FUKUOKA,Vol.7」。

初参加だった僕にとっての特典をまとめてみました。

  • 登壇者の方の話は、どれも神がかったものばかり！
  • 仕事でもすぐに使えるPhotoshopの機能に感動！
  • 以前から気になっていたGitHubについての勉強会「東区フロントエンドの会」の情報を知る事ができた！
  • スライド、動画などを提供してもらえるので復習して自分のものにできる！
  • 懇親会では、直接じゃないと聞けない「あんな話こんな話」も聞くことができた！

どうですか？特典盛りだくさんですよね？？
ということで、これからは福岡で開催されるCSS Niteには毎回参加させていただきます！
といいますか、よろづ屋はCSS Niteに協力させていただいているので、次は誘導係として会場でみなさんをお待ちしております。
CSS Niteへの参加でお悩み中の方、引きこもり気味なWeb制作者の方、ぜひ参加してみてくださいね(^^)/

2月19日（金）「CSS Nite in FUKUOKA Vol.8」開催決定！！

さて、 今月2月19日（金）に「CSS Nite in FUKUOKA Vol.8」開催なのですが、すでにキャンセル待ちです(><)
申し込みに漏れてしまった方は、Vol.9にてぜひお越しください！
次回のCSS Niteの模様もブログにて書かせていただきます。
次はタイムリーな記事をお届けできるよう、努力いたしますw
ちなみに、冒頭のタイトル「仏像！銅像！知識倍増！」ですが、わかる人にだけわかるネタになってます。
もし気になる方は、コメントよろしくお願いしますm(_ _)m

3泊4日の「よろづ屋の超やさしい特別合宿」開催しました！

よろづ屋主催セミナーイベント セミナーイベント参加報告

寒さにめっぽう弱い、よろづ屋ディレクターです。

1月18日〜1月21日（3泊4日）のスケジュールで茨城県ひたちなか市より客人がよろづ屋を訪れていました。
目的はズバリ「JimdoによるWeb制作のためのスキルアップ」合宿。
自宅兼事務所のよろづ屋に泊まり込みでおこないました！
実はこの客人「JimdoCafe 茨城」を運営している「ぷちぱそ」のお二人。

※リンク先のサイトは現在（1月22日）合宿で得たものを反映するために、ぷちぱそのお二人が改修をおこなっております。ご了承ください。

1日目

寝不足に始まり寝不足に終わる合宿

 


よろづ屋の超やさしい合宿
到着後、福岡空港でひと息・・・

Jimdoのコミュニティの強さを改めて実感しました！
運営者同士のつながりも半端ない(^^)
わざわざ茨城から福岡まで「教えてー！」と言ってやってくるんですもの！
まぁ逆も然りなんですけどね(^^;
昨年、私自身も色々なJimdoCafeにお邪魔させていただきました（その節はみなさまお時間割いていただきありがとうございます）。

そんなこんなで「よろづ屋の超やさしい特別合宿」を3泊4日でおこないました(^^)

学びのためだから色々やります

朝4時起きの茨城のお二人。

茨城ー福岡間の飛行機は1往復しか就航していません。
8時台の飛行機に乗るため超絶早起きしてきたので、昼過ぎは若干眠そうでした(^^;
眠そうな感じで最初のお勉強はよろづ屋ではなく、 JimdoCafe 福岡の運営者「オフィス コボリ」さんへ！


JimdoCafe 福岡
写真の撮り方を教わる茨城のKMSDさん！

Jimdoのイベントではお会いしたことはあったのですが、実際にオフィスに伺うのは今回が初めて！
しかもテーマは「写真」。
よろづ屋が一番やっていない部分ですので、今後の制作業務に活かすためにも興味津々(^^)

意外にも工夫を重ねると、デジカメやスマホでも綺麗に写真が撮れることがわかりました！

ただ画質に関して言えばやはり「一眼レフ」には敵わないなというのも実感(^^;
教えていただいたJimdoCafe 福岡さまありがとうございました(^^)

今回、茨城組の目的は「Illustrator」「Photoshop」を使えるようになりたいことだったと思います。

よろづ屋人気の講座「まりちゃん先生」の出番です。
実は私も実際の講座を見たことなかったので良い機会でした(^^)

「Illustrator」「Photoshop」はアドビ社が提供している、有料のソフトウェア（決して安くない）ですが、使い方をマスターするとWebの制作ではもちろん、グラフィックデザインや写真素材の加工などができるようになります。
今までは「外部発注」をおこなっていたものが自社でできるようになると、経営的にもプラスになり、お客さまに提供するクオリティもあがるため、結果としては「売上」につながるスキルだと思います。

私自身も「ディレクター」「プログラマー」「エンジニア」という側面を持っていますが、「Illustrator」「Photoshop」はひと通り使えます！
ちょっとした修正くらいは、自分自身でおこないますよ！（あくまでも自社の分だけです）

講座の内容は、ほんとに「初心者の方対象」と感じたので、ご興味がございましたら是非ご参加いただけたらと思います(^^)

直近開催のまりちゃん先生の「Illustrator基礎講座」

2日目

雪を連れてきた茨城の2人


小郡市
綺麗ではない雪景色…

2日目の福岡はなんと「雪」！！
しかも、よろづ屋のある小郡（おごおり）市は山が近くにあり雪が積もる地域…。
私自身もそこそこ悪天候をいろんなところに運んでいるとのことですが、まさか「雪」を連れてくるとは！
しかも、時間の経過とともにひどくなっていくという始末…。
本来ならば博多のコワーキングスペースでおこなう予定だった2日目は急遽自宅事務所で開催。

2日目のテーマは「Web制作に活かす事業整理・事業計画」。

実は経営的な部分でもオンライン上で相談されていたので、昼間・夜間とじっくりと時間をかけて話をしてみました。

ちゃんと「博多（九州）」の食も味わっていただきました

わざわざ茨城から来てくれてることだし、せっかくだし「博多（九州）の食」というのも味わっていただきたいと思い、よろづ屋が月に1回は家族でお邪魔しているお店「店屋町個室居酒屋 博多 酒佳蔵（さかぐら）」にお連れいたしました(^^)

ここのお店が提供してくれる食事は「絶品」です！ぜひ博多にいらした際はお寄りください！！
また店主や店員さんの気遣い・心遣いが素晴らしい(^^)

f:id:yorozuya-george:20170112185822p:plain
店屋町個室居酒屋 博多 酒佳蔵

楽しい食事のあと、よろづ屋に戻ったあとは「地獄の事業整理・事業計画」と「Google Search Console」のお勉強。
なんと明け方5:00まで延々と続きました(><)

この茨城組、仲が良いんだか、悪いんだか。ウマが合ってるんだか、合ってないんだかw
勉強会のあいだもちょくちょく2人の小競り合いが入りますw
見てる私は面白いんでいいんですけどねw

経営のコアな部分が含まれる内容になるので、あまり詳しくは書けないのですが
「事業を整理し理解することは、Web制作をおこなうにあたって重要な部分」
ということを理解していただけたと思います(^^)
まずは自社のサイト（ぷちぱそ・JimdoCafe 茨城）で実践していただく形になります。ちゃんと実践してよね！！

3日目

しっかり博多を堪能 & お勉強

3日目のスケジュールは「JimdoCafe 久留米 もくもく会 in 博多」&「Photoshop基礎講座」を予定していました。
どちらも夜おこなう予定にしていたので、昼間は博多駅近辺でウロウロ。


安定の「焼き立て玉子焼き御膳」

お昼ご飯は博多阪急9階「くうてん」の「ごはん家 椒房庵」へ！
「茅乃舎（かやのや）のだし」で有名な「久原本家」さんが運営している和食のお店です(^^)
ここもよろづ屋が博多でお仕事するときのランチの行きつけ！

私はこのお店の「焼き立て玉子焼き御膳」が大好きなんです(><)
そしてこれも魅力のひとつ。「羽釜炊きごはんおかわり自由」。3杯はいけちゃいますw
大好物の「からし明太子」ももちろんついています！

夜はまだ行ったことがないんですよね〜、魅力的なメニューがあるので今度行ってみたいと思います(^^)

おいしいお昼ごはんを堪能したあとは、茨城のAB氏が「絶対行きたい！」と言っていた、山陽新幹線がおこなっている「500TYPE EVA PROJECT」の一環の「500TYPE EVA SHOP」「500TYPE EVA Cafe」。


500TYPE EVA Cafe

「500TYPE EVA SHOP」ではお買い物を堪能し、「500TYPE EVA Cafe」は展示されている初号機の大きなフィギュアなど、隅々まで写真を撮っていました(^^;

（なんでAB氏は店員さんと写真撮らなかったのだろうか…）
EVA Cafeには初号機が展示されています

JimdoCafe 久留米「もくもく会」を体感

JimdoCafe 久留米が一番チカラを入れている「もくもく会」を博多で初めて開催する日でした！

そして今月からよろづ屋のスタッフに加入したカレー伯爵「豚骨あんどう」もJimdoCafe 久留米スタッフとしてデビュー戦（OJTです）w

予定していた席数が埋まり、色んな意味で盛り上がりました(^^)

就労移行支援をおこなっている「キャリアチャレンジカレッジ博多」のエンジニアのお二人がJimdoに興味があり参加してくれました！
コーチング等をおこなっている「TOI×（トイカケル）」さんもサイトブラッシュアップのためご参加いただきました！
ぷちぱそ（JimdoCafe 茨城）のお二人も前日に整理した事業計画に沿ったWeb制作をもくもくしていましたよ！
めちゃくちゃ良い雰囲気で開催することができました(^^)
実は豚骨あんどうも新たなサイト「Currylogspice」をJimdoで制作中のためもくもく作業していました(^^)さすがカレー伯爵w

3時間という長いようで短い時間をうまく活用していただけたでしょうか？またのご参加お待ちしています！
みなさまご参加ありがとうございました(^^)
JimdoCafe 久留米のスタンプカードがあんなに喜ばれるとは…意外でした(^^;

話は変わりますが、カレー伯爵はカレーの話になると熱く語ります(^^)
「TOI×（トイカケル）」代表もカレー好きということで盛り上がっていました(^^;
カレーの威力すげぇw

f:id:yorozuya-george:20170112190147p:plain
JimdoCafe 久留米

帰宅後は夜明けまで「Photoshop基本講座」


よろづ屋
次男が起きたため、あやしながらの勉強会

今のWebサイトでは「とにかくデザイン性に欠かせない画像」ということで、今までPhotoshopを触ったことがないお二人には「基礎」といえどもかなり難しい作業だったかもしれません。

それでも「やってやる！」という意気込み？執念？？は側から見ていても感じ取れました(^^)
画像の対象物を「切り抜き」「フィルタ」をかけ、1日目の勉強会で使用した「Illustrator」でヘッダーを作るという作業を覚えるだけでもWebサイトの「見た目」の改善はできると思います。

ひと通り学んだあと、さっそくクライアントさんのヘッダー画像を提案（？）するために学んだことを実践していました！

4日目

やはり全員寝不足w

連日、明け方まで勉強や話をしていた影響もあって、起きたのは昼頃(^^;
朝起きて博多のコワーキングスペースに移動して、合宿の復習をおこなうという計画はもろくも崩れてしまいましたw
さすがKMSDさん、茨城に戻るため荷物をまとめている最中「ネックレスがない！」と。
結局出てこずw
明日以降探してみようと思います、大事なモノみたいなので。

わざわざ来福してくれたことに感謝

Jimdoがつないだ縁ですが、わざわざ茨城から福岡の小郡（おごおり）市まで来ていただいたことにはすごく感謝します。
ましてや、まだまだ名の知れていないよろづ屋に「教えて！」と言ってくれるのは茨城のおふたりだけでしょうw
お伝えしきれなかった部分はまだまだたくさんありますので、ぜひ次回は「よろづ屋 in 茨城」をおこないたいなぁ…と考えています。
せっかく福岡まで得た知識を、存分に茨城、北関東で活かしてほしいなぁと思ってます(^^)
ぷちぱそのお二方、本当にお疲れさまでした(^^)