Meeting」の第1回目の勉強会&交流会です。わからないこと、知りたいこと、聞きたいこと、広げたいこと...XDのことなら何でも持ち込みOK!あなたが持っている知識やノウハウを、どんどんXDユーザー同士で共有していきましょう。Meetingは、主にデザイナー向けのセッションを予定しています。内容に興味があれば、その他の職種の方や学生の方も大歓迎です。本編終了後は参加者同士の交流を深める懇親会を予定しています。横のつながりを広げたい方、是非一緒に美味しいものを食べながらXDについて語りましょう。#01」が開催されます。こちらへの参加を希望される方は、該当のイベントページより別途参加登録をお願いします。最新のアップデート状況や注目の機能、今後の動向などをご紹介します。今回は「プラグインforデザイナー」と題して、XDで制作する際に役立つプラグインのデモも行います。方向性の認識共有、デザインカンプ制作、実装で必要な素材書き出しなど。デザイナーとして、いろいろな場面でXDを活用しています。実際どのようにXDを使っているのか、どんなツールと一緒に使っている/使い分けているのかなど、これまでの経験を紹介します。皆さんは普段XDファイルを作成する時、どのようなことに気をつけていますか?エンジニアさんに伝わりやすいまとめ方、管理しやすいような命名規則、時短するためのテクニック...そんな「XDファイルのベストな作成方針」について、グループディスカッションをしていきます。インストールしたパソコンをお持ちになると、より有意義にご参加いただけます。参加受付の懇親会参加希望はあくまで目安です。イベント当日懇親会への参加不参加を再度お聞きします。Meeting」の名古屋版です。デザイナー、デベロッパー、イラストレーター、映像クリエイター、ディレクター、ライター、ブロガー、etc。明確なルールは特に設けません。参加したい方ぜひご参加ください。途中からの参加も大丈夫です。タイトルに有るライトニングトークとは、ショートプレゼンテーションのことで、今回1セッションにつき5分です。自己紹介でもいいですしご自身のプロダクトやメディアの紹介でも構いません。単純に私はこれが好き!とか、こういうことがやりたいと思っています!みたいなものなど、どんなものでもいいです。18:00からの会合ですので、ドリンクとお食事を提供いたします。恐縮ですが、持ち込みはNGといたします。大阪でフリーランスのWebデザイナー&デベロッパーをやっています。サイトの設計やデザイン、コーディングやサーバーの事など、Webサイト制作に関することをなんでも書いているブログを運営しています。1セッションのみの選択になっておりますが、事前登録者の人数によっていくつかのセッションを当日の受付で追加登録ができるようになります。席数に制限がありますので、早めにご来場ください。キャンセル待ちで登録をされている方は、当日までキャンセル待ちだった場合には、セッションを選択していない状態の方と同じになります。できるだけ空いているセッションを選択し、早めに来場いただいて事前登録できなかったセッションの当日席を確保することをおすすめいたします。懇親会は参加登録とは別にこちらの「懇親会申し込みページ」から申し込みをお願いします。懇親会の受付は2018年7月4日18時までとなります。参加したい方は必ず事前に申し込みをお願い致します。Web業界で活躍されている方を登壇者に迎えたセッションや、CMSなどのコンテンツに関わるプロダクトを開発している様々な企業がブース出展します。各ブースでは、その企業が運営しているサービスについての説明を聞くことができます。参加費は無料で、出入り自由なのでお好きな時間にお越しください。会場混雑回避のため9:30〜開場します。僕がWeb開発/CMSに関わって14年もの歳月が経ち、開発環境はどんどん進化していき、知っておいた方がよいツールも増えてきました。昨今よく耳にするキーワードDevOpsはある程度の規模の案件をやる人にとって避けて通れない内容となってきていますし、その恩恵を享受した方がメリットも大きいでしょう。合わせて、クラウドの発展により、CMSの悩み事も外部サービス連携で解消されることが増えています。キャッシュ機能を補完・拡張するCDNが安価に利用できたり、それどころかセキュリティ対応や画像・動画処理までやってくれます。cmsとも合わせて相変わらず群雄割拠ではありますが、その中でWordPressのシェアが圧倒的なところも意識せざるおえません。いうことで、CMSを取り巻く技術・キーワードは相変わらずいっぱいあります。その中でも今のうちに取り組んでおいた方がいいものをお話ししたいと思います。2015年の発売以来、学生から、ブロガー、ライター、ウェブディレクターまで、幅広い読者から好評をいただいている書籍『書かなきゃいけない人のためのWebコピーライティング教室』。今回は、その“ライブ版”として「ユーザー体験によりそうコンテンツ制作の基礎設計」をテーマにした授業を行います。“UXD思考”で表現の最適化を考える方法や、実際に発信されるコンテンツをユーザーのニーズに応えるものに変えていく情報収集と整理のメソッドなどを、実践型ワークショップを交えてレクチャーいたします。当たり前のように使われはじめた「日本語Webフォント」。アクセシビリティやマシンリーダビリティ、UI/UX観点からも、サイトリニューアルの際にはWebフォント導入検討が必須事項になってきました。日本語Webフォントを体系的かつ俯瞰して学ぶ機会が今まで少なかったと思います。大手企業のコーポレートサイトやサービスサイトの実案件の事例を紹介しつつ、導入理由や導入効果などを解説します。Web制作におけるデザインツールや制作フローが変化する中、タイポグラフィやフォントの知識を高めることは、デザイナーのみならずマークアップエンジニア、コーダー、ディレクター、マーケターなど、Webに関わるすべての人にとって重要です。フォントを楽しく学んで新たな武器を手に入れましょう。検索エンジンで上位表示をすれば、ひとつのサイトに年間数百万人もの人がやってくる、そんな時代が訪れています。ソーシャルメディア隆盛の昨今ですが、検索エンジンを使う人は減りません。この講座は、「ライティング(言葉の活用)」を軸として、検索エンジンからもユーザーからも評価されるWebコンテンツ作成のノウハウをお届けします。人の心を動かすのは、いつの時代も「言葉」です。みなさんは日々の写真撮影が楽しく、順調に進行できていますか?ウェブサイトで使われる写真はさまざまで、競合他社の写真を見てみると参考になるのと同時に、どう撮ったらよいものか考え込んでしまうときもあるでしょう。このセッションでは半年間かけてコンサルティングした、アパレル関連のサイトを例に伝わる写真はなにか?事前の準備期間にすべきこと、撮影時に使えるテクニックを解説します。Webサイトは何のために作るのでしょう?多くの、というかほとんどの場合は突き詰めると「売上をアップするため」だと思います。企業の活動である以上コストはできるだけ削減したいものです。作るだけではダメなのは当たり前、ただ問い合わせを増やすだけでもダメ。できるだけ少ないコストで効率よく「売上」につながるWebサイト運営(SNS等との連携を含む)をするためには、どういう風にコンテンツを集めて活用していくのが良いのでしょうか。今回の講座では、サイトオーナー社内のリソース活用に焦点をあてて、できるだけ事例を交えてお話をさせていただきます。Google検索に人工知能システムRankBrainが導入されて以降、SEOのルールは大きく変わりました。Googleが検索意図を読み取る能力が大きく向上したためです。直接的に購買につながるキーワード(トランザクショナルクエリといいます)においては、2016年以前のSEOの常識の大半は無意味なものになっています。本セミナーでは平易な解説でRankBrainを理解するとともに、Web制作者が取り組むべき現在のSEOについて整理します。検索者が求める情報および体験をいかに設計し実装するかにフォーカスしながら、サイトの目的や性質に応じた構成や集客経路について詳しく解説、今後を見据えた最も効果的な戦略をお伝えします。補足資料:購買につながるキーワード(トランザクショナルクエリ)においては、2016年以前のSEOの常識の大半は無意味なものになっています。図解、グラフィックレコーディング、「わかりやすさ」としてイラストが取り入れられる機会も増えました。絵を描くのは昔から苦手、という意識を持つ方でも「それに見える」「きれいに見える」コツを知れば、図形の組み合わせでもイラストは作れます。イラストの持つ力と、SNSやWebサイトと相性のいいイラストや表現、わたしのTwitter発信で反応がよかったイラストや漫画の傾向などをご紹介します。売上を上げるためには、入って来るお客様を増やす、離れていくお客様を減らす、ということに尽きると思います。本セッションではせっかく入ってきてくれたお客様を離さないで、ファンになってもらうため/次のお客様を呼び寄せるため、持っているコンテンツを最大限に活かして、待ちから攻めの営業を展開する。そのためのマルチチャネルでの情報発信と、売上に繋げる展開を見込むためのマーケティングオートメーションの解説をし、簡単/安価で有効に実現する手法をご披露いたします。企業や製品のウェブサイトにおいて「コンテンツ」の重要度は昨今ますます大きくなっています。有益・魅力的なコンテンツとは、テキストや写真といった要素、構成や更新といった運用面など、多様な内容が連携することによってかたち作られていると言えます。ナゴヤ)は、よりよいウェブサイトのために「コンテンツ」にクローズアップしたイベントです。ライティング、写真・イラストレーションからコンテンツマネージメントシステム、運用、サーバーまで、幅広い視点でコンテンツをよりよくするためのヒントを見つけられる場を目指します。主催の有限会社アップルップルは、2007年よりWeb系セミナーイベント「WCAN」を10年継続して開催してきました。WCANは名古屋を中心としたエリアでWeb制作に携わるみなさまのコミュニティとしても受け入れられており、Web制作者・Web担当者の交流の場としても機能しています。2018年、新しいイベントとして開催する「contents.nagoya」は、コンテンツとコンテンツを管理するシステム(CMS)に関わるみなさまのスキルアップ支援や交流に大きく寄与するものと期待されます。頃にオープンセッションの辺りに掲示します。現金払いはお受けできません。事前にお支払い下さい。お申し込み後、24時間入金がない場合、自動的にキャンセル処理が行われます。全国各地で開催されているセミナー「Webアクセシビリティの学校」は、Web担当者やWeb制作者全般を対象にしています。アクセシビリティを確保したWebコンテンツ制作の基礎を分かりやすく楽しく学べるセミナーとして、全国各地でご好評をいただいています。「Webアクセシビリティって何?」というWeb制作者、Web担当者の皆さん、日頃のWebコンテンツ制作の業務の中で、すぐに実践できることがあります。そんなに身構えなくても、既にもう実践できていることもあるかもしれません。Webアクセシビリティを確保することによって、より多くのユーザーが、より多くの場面で、より多くの利用環境から、皆さんのWebコンテンツを快適に利用できるようになるのです。このセミナーでは、Webアクセシビリティ確保の考えかたから、すぐに実践できる基本テクニックまで、最低限押さえておきたいポイントをレクチャーします。アクセシビリティについて、周りの制作者やウェブに関わる方に知って欲しかったことがぎゅっと凝縮されていて、本当に人におすすめしたくなるセミナーでした。10項目」では、今自分ができていること、次に取り組めそうなことを確認できました。アクセシビリティはフロントエンドの人が主に意識すればよいことだと勘違いしていました。アクセシビリティについての知識が低いのでついていけるか不安でしたが、世界と日本の現状、実務レベルの対応、対象者の考え方など、かなり意識が変化しました。「他人事」や「まだ先のこと」と考えてしまいそうでしたが、そうではなくなったのが一番の収穫でした。具体的な内容が多かったのと実際の読み上げなどを聞くことでより実感できました。基礎からしっかり教えていただき、ためになりました。3時間でも足りないかも。分かり易い講座だったので「Webアクセシビリティ」とは何かということが、きちんと理解が出来ました。これからはさらに「Webアクセシビリティ」を意識して取り組んでいきたいと思います。あっという間の時間でした。単なる「ルールだから」程度の理解で、何となくマークアップしていた部分が、何故必要なのかが理論からよく理解できました。基本中の基本として、考え方・誰でもすぐに取り組めるところを紹介されていて、今日からでもデキそうなのが良かったです。わかりやすかったです。今まで”みんなやっていたから”でなんとなく構築していたソースのほぼすべてに意味があったことに感動しました。今回アクセシビリティの話を伺い自分が見えていなかった大切なことを教えていただきました。途中までは「サイトのターゲットが違うからなぁ」などと考えておりましたが、話が進むにつれてそこに関しても「だから"ダメ"なんだ!」って言われた気になりました。感覚的に考えていたことが、かなりロジカルな考えに転換しました。今後の制作の際、大きな変化がありそうです。ありがとうございます。ハードルは思った以上に低いのかもと感じました。ユーザーの利用環境の複雑化にともない、アクセシビリティの重要性は今後ますます高まることと思います。今回の勉強会をきっかけとして、ユーザビリティやUXとも絡めて知見を広げていきたいと思います。8341-3)が初めて公示されたことにより、『高齢者や障害者を含む全てのユーザーがWebコンテンツを利用できるようにする』という考え方が広く知られるようになりました。スマートフォンやタブレットの普及、ウェアラブルデバイスやスマートデバイスの登場などにより、Webにアクセスする際の利用環境は多様化が進んでいます。それに伴い、Webコンテンツを利用するユーザー、ユーザーが使用するデバイスやユーザーエージェント、そして利用する場所や場面も多様化してきています。そのため、私たちが制作して公開しているWebコンテンツは、いつ、誰が、どこから、どのようにアクセスしてくるか、ますます分からなくなってきています。近年では、単なる高齢者・障害者ユーザーへの対応のみならず、ユーザーのさまざまな利用環境に対応することもふまえたWebコンテンツの品質基準の一つとして、「Webアクセシビリティ」を位置づける考えかたが求められそうです。一方で、実は海外では、障害を理由とした差別を禁じる法律によって「Webアクセシビリティ」の確保が義務化されている国も少なくありません。いう新しい法律も施行されています。時代や社会からの要請といった側面からも、アクセシビリティを確保したWebコンテンツの制作がますます求められるようになりそうです。この講座では、明日からすぐにでも実践できる基本的なポイントについて、分かりやすく解説します。実践していこうと思います。わかりやすい内容で楽しく受講できました。概要から具体的なTipsまで教えていただき、堅苦しい雰囲気もなくとてもよかったです。3時間はちょっと長いかなと思っていましたが、時間が足りないくらいの気持ちでした。内容が濃密かつユーモアも交えられたセミナーでとても楽しく学べました。堅そうな内容に見えるセミナーですが、最後まで楽しく受講させていただきました。ツール開発などを通じて、主に企業のWebサイトおよびWebアプリケーションのアクセシビリティ確保をコンサルティングしている。8341-3:2010」の原案作成に参画。8341-3:2016」の原案作成委員会でも委員長を務めた。Web広告研究会の第3回Webグランプリ「Web人賞」を受賞。Professionals)より「Webアクセシビリティ・プロフェショナル(CPWA)」として認定される。申し込みの方法が違います。お申し込みを行ったら早めに入金をお願いします。申し込み24時間以内に入金がない場合には自動キャンセルになりますのでご注意ください。クレジットカードであれば決済処理を行うだけで構いませんが、銀行振込の際には入金確認ができる画像をシステムにアップロードする必要があります。スマホで撮影してアップすることで簡単にできますので、振り込んだ際には撮影をお願いします。学生の方は、早割のみ設定してあります。早割終了後は一般で参加ください。学生の方については、参加時に学生証の提示をお願いします。タイムスケジュールは当日のライトニングトークの数により、時間が前後する可能性があります。デザインカンプの罠としては、気をつけていてもビジュアルデザインが先行してしまい、実際に体験してから問題に気づくことがよくあります。エンジニアはウェブサイトの最初のユーザーになりやすいので、そういった問題によく気づく人もいるのではないでしょうか。ビジュアル以外のデザインをするには多くの状況・端末・ブラウザを想定するために多くの経験や体験が必要となってきますが、これはエンジニアでも気づけることだと思います。周りの人に「体験する大切さ」を共有したいと思ったことがきっかけで、このセッションをお話ししたいと思います。専門学校では絵本専攻を卒業し、新卒でWeb制作会社に入社。cmsの開発に携わる。勉強会全国ツアー開催のため、各地を飛び回っている。ストレス発散はかっぱのイラストを描くこと。JavaScriptの知識の中でもjQueryはデザイナーでもおさえておきたい知識です。最近はそれ以外にもおさえておきたいJavaScriptのあれこれがたくさんでてきています。その中でもjQueryを使う場合と使わない場合の違いや、今ならどう構成したほうがいいのかなどを、ソースコードの例などもいれながら、簡易な一部をお話します。2016年2月に株式会社HAMWORKSを設立し、代表取締役に就任。JavaScriptのコーディングや、CMSを利用したWebサイト構築などを得意としている。2009年より札幌でWebデザイナー向けの勉強会「SaCSS」の主催・運営を行い、ほぼ毎月セミナーや勉強会を開催している。」にも登壇をしている。私はよく弊社のOSSとしてJavaScriptライブラリを配布しているのですが、ほとんどのJavaScriptはフロントで使用されるユーザーの操作感を向上させる目的のために作られています。いったJavaScriptを書く上で私が普段気をつけていることや自分なりのこだわりをご紹介します。フロントエンドエンジニア。HTML5のCanvas要素を使ってゲームを作っていたことでWeb全般に興味をもつ。cmsのUI改善や、JavaScriptのOSS活動を行う。CMS(様々なCMS)に組み込むためには、HTMLからCMSの独自タグなど置き換えてCMS化を行います。弊社ではプレビュー用のHTMLを作成した後にCMS化を行っています。HTMLを作る際にどのような部分をコンポーネントしておきCMS化すれば良いか。Typeのテンプレートを交えながら説明致します。2016年9月から株式会社HAMWORKSでフロントエンドエンジニアとして入社。HTML/CSSの自動テストをした話。メンテナンス・開発する上で、見た目が壊れてしまうというのはよくある話ですが、なかなか検出が難しい問題です。開発し続ける上で、そのビジュアル部分のテストを自動化した方法とそのメリットについてお話出来ればと思います。長野県松本市在住のフロントエンドエンジニア。テーマ・プラグイン開発者。コミュニティを中心に活動中。ビールと日本酒が好き。5.2」では、意外と多くの箇所で仕様が変更されています。5.2の仕様書の「Changes」のページにも掲載されていない細かい点も含めて、変更点をひととおり解説していきます。1級ウェブデザイン技能士。対策テキスト&問題集』など。2015年3月より名古屋在住。当日はセッション終了後に懇親会を予定しております。始動!これは勉強会(昼)の募集ページです。Chapter代表の岡田良太郎氏と「徳丸本」でおなじみの徳丸浩氏にお越しいただき「ここからはじめるアプリケーションセキュリティ」についてご講演いただきます。Webシステムをはじめとするアプリケーションソフトウェアのセキュリティについての情報共有と、セキュアなソフトウェア開発を促進するための普及・啓発を行うオープンコミュニティです。東海地区におけるOWASPのローカルチャプターとして活動をしております。あおなみ線「ささしまライブ」駅下車。講義棟の1FにOWASPストラップを付けたスタッフがいます。場所や教室までの行き方に関しては、スタッフにお申し出ください。日本のセキュリティ・イニシアチブのひとり。アドバイザやインストラクタを務める。Japan」リーダー、また日本カレー大学教授としても知られる。1985年京セラ株式会社に入社後、ソフトウェアの開発、企画に従事。1999年に携帯電話向け認証課金基盤の方式設計を担当したことをきっかけにWebアプリケーションのセキュリティに興味を持つ。2004年同分野を事業化。2008年独立して、Webアプリケーションセキュリティを専門分野とするHASHコンサルティング株式会社(現EGセキュアソリューションズ株式会社)を設立。脆弱性診断やコンサルティング業務のかたわら、ブログや勉強会などを通じてセキュリティの啓蒙活動をおこなっている。脆弱性が生まれる原理と対策の実践(ソフトバンククリエイティブ)」がある。会場に参加者用のWi-Fi環境がありません。各自でモバイル回線等をご用意ください。テザリングで使用される方はWi-Fi混線を避けるため可能な限り有線での接続をお願いいたします。電源に限りがあります。電源タップを持参するなど周りの方とシェアしてください。当日夜、懇親会を開催します。懇親会参加希望の方は、こちらからお申し込みください。