CSS

ロクナナワークショップは場所を銀座・ GINZA SCRATCH に移し、ロクナナワークショップ銀座として再開いたしました！記念すべき再開の第1回目は10月21日「 千貫りこ のいちばんやさしいホームページ制作講座 」、HTML・CSSの初心者向けハンズオン講座でした。 次回、2023年11月11日に行われる「 斉藤孝之 のいちばんやさしいAWS講座 」はクラウドの概念、クラウド化するメリットを学びながら、AWSの中でも基本的なサービスを中心に、WordPressを公開するまでを、いろいろな手法で一緒に組み上げていく実践的なハンズオン講座です。ロクナナワークショップ銀座今後の予定GINZA SCRATCH ではさまざまなテーマやレベルに合わせたセミナー・イベントを開催しています。イベントの情報 をチェックして、ぜひご参加くださいませ。

7月15日、東京の GINZA SCRATCH にて、コーダーの 長谷川喜洋 さんと弊社デザイナーの 松下絵梨 が講師を務める全5時間のイベントを開催しました。 このイベントは、Figma を使用したデザインカンプからプロトタイプ作成、そしてその後のコーディングまでの流れを、セミハンズオン形式で参加者の皆さんにじっくりと学んでいただきました。最初のセッションでは「FigmaでレスポンシブWebデザイン」と題して、松下絵梨が登壇し、参加者の皆さんは実際にFigmaを操作しながら、オートレイアウトやコンポーネント、新機能の変数などを活用したレスポンシブWebデザインの制作方法を学びました。 続いて「Figmaから効率よくコーディング」というテーマで、長谷川喜洋さんが登場。長谷川さんはFigmaで制作したデザインカンプからデータを読み取り、モダンブラウザで対応したCSSプロパティを活用して、レスポンシブデザインを前提としたコーディングを解説しました。参加者はVisual Studio Codeを使用しながら、実際のコーディング手法を学ぶことができました。 イベントの最後にはアフタートークが行われ、参加者から寄せられたいろいろな質問に講師2人は丁寧に回答しました。 このイベントでは、参加者の皆さんがFigmaを使ったデザインカンプからコーディングまでの一連の流れを体験し、実践的なスキルを習得することができました。今後もこのようなイベントを開催し、参加者の皆さんがより一層成長できる機会を提供していきたいと考えています。 GINZA SCRATCHワークショップ特別企画「デザイナーとコーダーがお届けする、今日からできるFigma & Coding」開催レポート

一般顧客向けのWebサイト制作は、すでにスマートフォン版が主役であり、PC版は二の次となりました。そのため、PC向けのサイトのみを考えていればよかった頃に比べると、格段に多くの技術を理解しておく必要に迫られています。 本セミナーでは、スマートフォンやタブレットへの対応や、JavaScriptを利用した機能の追加など、昨今の技術トレンドについてviewportとjQueryを軸に解説していきます。 スマートフォン対応ではviewportについて解説を行います。最新のiPhone 6やiPhone 6+などでは特殊なviewport設定が追加されており、viewportを理解することでスマホ対応が非常に身近になります。 jQueryではバージョン情報について解説を行います。jQueryは単純に最新バージョンを使えばよいという物ではなく案件によって適切なバージョンが異なります。プラグインを利用するのみの方もこれらを把握しておかないと思わぬところでハマるかもしれません。 本セミナーはロクナナワークショップで好評開催中の「西畑一馬のJavaScript/jQuery入門講座」や「西畑一馬のスマートフォンサイト講座」を担当中のまぼろし 西畑一馬 が、講師を担当。 もはやPCサイトをメインに制作する時代ではありません。画面サイズや解像度の多様化が激しいスマートフォン環境ですが、これからの主戦場としてその変化に取り組んでいきましょう! お仕事帰りに、ぜひ銀座にお立ち寄り下さい。 スマートフォンサイトマークアップ viewportとjQueryを改めて理解しよう! (さらに…)

HTML5/CSS3、CMSとの連携、スマートデバイス対応など、Webサイト制作を取り巻く技術や手法はどんどん複雑化しています。 何から手を付ければいいのか、途方にくれている制作者がまずやるべきことは、業務の効率化です。 「ムダなことに手をかけているなあ」と感じることはありませんか? ごちゃごちゃで読みづらいソースに四苦八苦することはありませんか? ホームページビルダーやAdobe Dreamweaverだけがコーディングツールではありません。自分にぴったりのツールを使って作業時間を短縮しましょう! 本セミナーはロクナナワークショップで好評開催中の「HTML/CSS講座」を担当中の 千貫りこ が、講師を担当。数々のWeb制作案件をディレクションしてきた経験から、制作の効率化をはかる"きっかけ"をお伝えします。 また、Webサイト制作にかかわるのは「制作のプロ」だけではありません。「HTMLやCSSが難しくて...」とお困りのWeb担当者の皆さん、HTMLタグを知らなくても、CMSの管理画面に貼り付けるHTMLソースを作成することは可能ですよ!自分に合った手法を知ることで、Webサイトの運用業務が少しラクになるはずです。 お仕事帰りに、ぜひ銀座にお立ち寄り下さい。 67WS無料イベント コーディングがラクになる!! “自分仕様”のさくさくコーディング法 (さらに…)

Sass（SCSS,サス）やLESS（レス）などの「CSSプリプロセッサが気になるけど最初の一歩を踏み出せない」方を対象に、ハンズオン形式でCSSプリプロセッサの導入方法から、Compass（コンパス）やBootstrap（ブートストラップ）などの最近のWebデザイン手法の基礎を学習していきます。 CSSプリプロセッサとは、CSS（カスケーディングスタイルシート）ファイルを効率よく作成するための製作環境です。 一人でも複数人でも、小規模でも大規模でも、複雑化して可読性が悪くなりがちなCSSを、すっきり効率よく作成できるため、広く使われるようになりました。 これらはWindows環境への導入には手間がかかりますが、Mac環境への導入は比較的簡単です! また、エディタ用の便利なプラグインやCSSフレームワークなど、最新のコーディング手法を実際に利用するまでの流れをご紹介します。 本ワークショップで製作環境を作成するところから一緒にやってみましょう。（Macは全台会場にご用意してあります。） 開催情報 日時：2013年11月29日（金） 11:00 – 18:00 講師：千貫 りこ（ロクナナワークショップ 講師） 会場：東京・新宿「 市ヶ谷健保会館会議室 2階 E室 」 定員：12名（会場の都合により増減あり） 形態：Macを使用したハンズオントレーニング（MacBook Airを参加者全員分、会場にご用意しています） 料金：19,800円（税込み） お申込み：67storeにて受講チケットをお求めください (さらに…)

HTML/CSSを書いている方に、レスポンシブデザインや日本語Webフォントの活用など、スマートデバイス向けの実践的な手法をハンズオンで学習するセミナーです。 開催概要 日時：2012年9月9日（日） 13:00 - 17:30 講師：矢野りん（ロクナナワークショップ 講師） 会場：東京・新宿「 関東ITソフトウェア健保会館 Conference A 」 定員：60名（会場の都合により増減あり） 料金：3,980円（税込み） ブログなどでご紹介いただく際のバナーをご用意いたしました。 (さらに…)

スマートデバイス対応Webサイトを作るために、最低限押さえておきたい知識を学習する入門セミナーです。 旧来の画像素材やFlashなどに依存したWebデザインから脱却し、WebフォントをはじめとするCSSを活用したWebデザインを身につけましょう。 開催概要 日時：2012年8月19日（日） 13:00 - 17:30 講師：千貫りこ（ロクナナワークショップ 講師） 会場：東京・新宿「 関東ITソフトウェア健保会館 Conference A 」 定員：60名（会場の都合により増減あり） 料金：2,980円（税込み） ブログなどでご紹介いただく際のバナーをご用意いたしました。 (さらに…)

iPhoneやAndroidなどスマートフォンのシェアは、ものすごい勢いで増加しています。それにともない、Web制作現場ではスマートフォン対応案件が急速に増え、クリエイターには必須のスキルになりつつあります。 そこでロクナナワークショップは、「 CSS3でつくるスマートフォンサイト講座 」の講師 西畑一馬（にしはたかずま）氏と、「 JavaScript/jQuery Mobile入門講座 」の講師 たにぐちまこと 氏を迎え、今現場で必要な スマートフォンサイト制作技術を「フロントエンド」と「バックエンド」の2つのセッションに分けセミナーイベントを開催します。 開催概要 日時：2011年12月19日（月）10:00 - 16:30（開場 9:45） 会場：東京・新宿「 関東ITソフトウェア健保会館 Conference A」 講師：西畑一馬、たにぐちまこと 定員：40名（会場の都合により増減あり） 料金：5,800円（税込み） ブログなどでご紹介いただく際のバナーをご用意いたしました。 (さらに…)