40代からのフロントエンドエンジニアリング。

フロントエンドを中心に、Web関連話をゆるく書いていきます。

Webデザインシンキングセミナー in 大阪 に参加しました

f:id:mntp:20180321231954p:plain 2月17日(土)、堺筋本町のファーストサーバにて開催された「Webデザインシンキングセミナー in 大阪」 に参加しました。

また1ヶ月経ってからの参加報告記事となってしまいすみません……
また、上の画像はconnpassのセミナーページのものを使用させていただきました。

参加のきっかけ

エンジニアの私がなぜデザイン関連のセミナーに?と思われる方もいるかもしれませんのでちょこっと書きます。

昨年末にセミナーの案内Twitterにて(RT経由)で流れてきたのですが、案内ページの「こんな人におすすめ」の中にあった

  • Webデザインや情報設計について学びたい人
  • Webデザインに対する考え方を知りたい人

という記載を目にして、(元々Webデザインにも興味がありましたが)これをきっかけにデザイナー側の考え方をもっと深く知ることができればなぁと感じて

上記のツイートをしたところ、YATさんからお返事が!

……夜に改めて案内ページを確認したら定員埋まりかけ。気がついたらポチっていました。

ということで、以下セミナーの簡単な報告です。 同内容のセミナーが岡山、東京でも開催予定なので詳細なネタバレは控えます。ご了承下さい。

Webサイトをデザインする前に考える事

YATさん

f:id:mntp:20180321232131j:plain

フリーランスで活躍されているWebデザイナーYATさんのセッション。

Webサイトを作る前に何を考えるべきかについて、

  • 何を目的とするか
  • どういった構造にするか
  • 競合サイトを参考にする
  • UI/UX
  • ワイヤーフレーム

といった観点から掘り下げていったセッションでした。

今私が勤めている会社ではデザイナーの方がUI/UXについてもきっちり考えながらデザインをされているのでその点では問題はないのですが、エンジニア側も意識を高めないといけないと感じることがしばしばあります。

特に納期近くなるとそれどころじゃn(げふんげふん)

今回のYATさんのセッションを通じて、エンジニアとしても改めて考えないといけないなと痛感しました。また、競合サイトを見て研究していくことがまだまだできていないので取り組んでいこうと思います。

「素人っぽい」を脱するデザインテクニック

Manaさん

f:id:mntp:20180321232205j:plain

Webクリエイターズボックスで情報を発信されているManaさん。今回はデザインテクニックに関するセッションでした。

  • レイアウト、配色、文字・文章の基本ルール
  • 実例(ダメな例→改善例)

Webサイトはまず何を伝えるかが重要なので、当然読みやすさ、伝わりやすさが最重要課題となります。今回のセッションでは基本ルールの説明や実例を通して、どうすれば読みやすく、伝わりやすいWebサイトとなるかがわかるセッションでした。

実例(改善前のダメな例)はほんと酷いものでしたが(苦笑)、実際そういうサイトもいっぱいありますからねぇ。自分自身はデザイナーではありませんがプライベートでのサイト作成で気をつけていきたいと思います。また、業務でも今回学んだ悪いケースがあれば改善提案していきたいと考えております。

また、Manaさんは現在Web関連のインストラクターもされているためか、ゆっくりと落ち着いた話し方をされていたことが印象的でした。

質疑応答

質疑応答タイムが30分ほどありましたが、いろいろ質問が出ました。お金の話まで(笑)。

YATさん、Manaさんのスタンスの違いもあり、やはりWebデザイン業務に関する考え方って人それぞれなんだなぁと(←小並感)

懇親会

そのあとは参加された皆さんでの懇親会。名刺交換等で交流を深めました。

まとめ

今回のセミナーはデザイナー向けではありましたが、エンジニアとしてもデザインに対する考え方、心がけ方やテクニックは非常に参考になりました。
今後もWebデザイン関連のセミナーには積極的に参加していこうかと思います(・∀・)

Vue.js勉強会 #2 に参加しました

f:id:mntp:20180204223417p:plain 1月17日(水)、仕事を定時で上がって、chatboxで開催された「Vue.js勉強会 #2」に参加しました。

昨年から仕事でもVue.jsを使うようになり、最初はデータバインドのみで使っていたのですが、コンテンツ拡充を見据えて昨年秋からシングルファイルコンポーネントも着手しました。

で、社内でわからないことはひたすらドキュメント参考にしたりネットで調べたりしながら進めている状態なのですが、それだけじゃダメだなと。社外ではVue.jsでどういうことをやっているのかなと思い、参加することに。

ただ参加するだけというのもアレなので、LTネタを用意してさくっと与太話もしました(後述)。

続きを読む

2017年にフロントエンド関連でやったこと。

f:id:mntp:20171231201541j:plain

大晦日ということで2017年を振り返ってみます。ただし、このブログではWeb関連のみ。それ以外についてはgooブログの方に書きます。

続きを読む

gooブログをリニューアルして感じたこと。

f:id:mntp:20171014230131j:plain

以前「gooブログのテンプレートがアレな件」でテンプレートが古典的すぎることに触れましたが、突然やる気になってテンプレートをHTML5に直しました

続きを読む

多分日本一遅いWordCamp Kyoto 2017報告

まずはじめに。

報告遅くなってすみません。体調崩したり仕事で詰んだり急用が入ったりしてズルズル伸びてしまいました……
そして、WordPressのイベント参加報告なのにWordPressではなくはてなブログに書くという暴挙にはツッコまないで下さい。

ということで、6月24日にWordPressのカンファレンス「WordCamp Kyoto 2017」の1日目「セッションデイ」に参加してきました。
2日目は都合がつかず行けませんでした。

続きを読む