24時間タイムセール
美容 健康関連ランキング
食品関連ランキング
ファッション関連
子供部屋 キッズ用品
家電・生活家電
お酒・アルコール類
花・DIY・犬・猫用品
ワイン、お酒類
ドリンク、コーヒー類
食品、健康類
カメラ、家電類
ホーム&キッチン
おもちゃ
ほしいものランキング
食品&飲料
1000円
1000円〜
2000円〜
3000円〜
4000円〜
美容・健康
<p>【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】</p> <p>あなたの「ああしたい」「こうしたい」に全部応えます。</p> <p>WordPressの入門書を読みながら一度サイトを制作した方でも、もっと「ああしたい」「こうしたい」というときになって、よくわからなかったり、うまくいかなったりして困った方が意外と多いのではないでしょうか。本書は、WordPressの仕組みや考え方を理解することで、どんなカスタマイズにも応えられるようになる本です。第1部では、テスト環境の作り方、サイトの設計方法といった基礎知識、第2部では、テーマの作り方から、マルチサイトの考え方、カスタムメニュー、カスタム投稿タイプ、カスタムタクソノミー、固定ページの改良といった具体的なカスタマイズ方法、さらに第3部では、デバック、バックアップ、パフォーマンス改善、SEO対策、トラブルシューティングといった効率的な運用方法まで解説します。自社のサイトを制作するWeb担当者も、お客様の要望に応えるWebデザイナーも、読めば得する一冊です。</p> <p><仕組みや考え方からちゃんとわかりたい人のために></p> <p>*本書はWordPress 4.4をベースに制作しています。<br /> *サンプルファイルは出版社のWebサイトからダウンロードができます。</p> <p>※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。<br /> ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。<br /> ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。<br /> ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
<p>【ご注意:本書は固定レイアウト型の電子書籍です。ビューア機能が制限されたり、環境により表示が異なる場合があります。】webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と,サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。HTMLパートはコーディングの基本から画像とリンク,リストとナビゲーション,テーブルおよびフォームのマークアップ方法を,CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで,細かくステップ分けした各単元の内容を手を動かしながら学びます。専門学校の教壇に立つ著者陣が実際の講義内容を体系立て,さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した,HTML5とCSS3の教科書です。</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
<p>【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】</p> <p>モダンWebの制作現場へ、ようこそ!<br /> 保守性・拡張性・再利用性を高めるモジュール設計の基本と実践。<br /> SMACSS、BEM、モジュール設計、npm、Flexible Boxまで!</p> <p>CSSのコーディングをしたことのある人であれば、「CSSを指定したら、<br /> 思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったら<br /> CSSが煩雑になった」「CSSファイルの肥大化して、どこを編集したらいいのか<br /> わからなくなった」といった経験が少なからずあるはずです。</p> <p>本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで<br /> 解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の<br /> 方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルの<br /> Webサイト構築フローを追いながら、保守・運用までを考慮した破綻しないCSSを<br /> 設計・実装するまでの具体的なプロセスについて一冊で学べます。</p> <p>実際にサイトデータをダウンロードして学べるから理解が深まります。</p> <p>【本書の構成】<br /> 第1部「CSS設計の前提」<br /> 第2部「メンテナブルなCSS」<br /> 第3部「CSS設計のプロセス」<br /> 第4部「CSS設計の実践」<br /> 付録「Flexible Box Layout」</p> <p>【本書の読者】<br /> ・フロントエンド開発の作法を学びたいWebデザイナー&エンジニア<br /> ・Webアプリケーションを作りたいWebデザイナー<br /> ・フルスタックを目指すWebエンジニア</p> <p>※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。<br /> ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。<br /> ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。<br /> ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
ご注文前に必ずご確認ください<商品説明>Figma初心者のための基本操作からチームで行うペアデザインの実践方法まで、デザイン制作のながれ(ポートフォリオサイト、ECサイト、コーポレートサイト、レシピアプリ)を学べる1冊。<収録内容>第1章 準備編 Figmaの準備と基本機能(アカウント作成と初期設定ファイルブラウザ ほか)第2章 実践編 Figmaで実践するWebデザイン制作体験(ポートフォリオサイトのデザイン作成ファイルの準備 ほか)第3章 応用編 3つの作例から学ぶデザイン制作のながれ(3つの作例の概要コーポレートサイト ほか)第4章 活用編 チームでのFigma活用とペアデザイン(チーム制作に向いているFigmaの特徴チームで利用できるFigmaの5つの便利な機能 ほか)<商品詳細>商品番号:NEOBK-2783205Abe Monto / Cho Ima Seisai / Cho Taguchi Fuyu Sai / Cho Nakagawa Koyuki / Cho / Korekara Hajimeru Figma Web UI Design Nyumon (Compass Web Development)メディア:本/雑誌重量:600g発売日:2022/09JAN:9784839980313これからはじめるFigma Web・UIデザイン入門[本/雑誌] (Compass Web Development) / 阿部文人/著 今聖菜/著 田口冬菜/著 中川小雪/著2022/09発売
著者阿部文人(著) 今聖菜(著) 田口冬菜(著)出版社マイナビ出版発売日2022年09月ISBN9784839980313ページ数255Pキーワードこれからはじめるふいぐまうえぶゆーあいでざいんにゆ コレカラハジメルフイグマウエブユーアイデザインニユ あべ ふみと こん せいな た アベ フミト コン セイナ タ9784839980313内容紹介■FigmaとはFigma(フィグマ)は、デザインプロセスのすべての人をつなぎ、チームがより良いデジタルプロダクトをより速く提供できるようにするためのデザインコラボレーションツールです。『すべての人がデザインを利用できるようにする』というビジョンのもと、2012年にアメリカのサンフランシスコで誕生しました。現在は世界中で多くのユーザーに支持され、日本でもユーザー数が伸びています。シンプルな操作性や軽快な動作、強力な共同編集をはじめとした特徴をもつFigmaは、Webサイトやアプリケーションをデザインするデザイナーだけでなく、さまざまな職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善においても活躍してくれます。世界中の人々が利用し、アップデートが活発なツールでもあるため、ぜひ一度Figmaを使ってその魅力に触れてみてください。■本書の特徴・日本語化対応2022年7月29日にリリースされた日本語化に対応しました!操作画面および解説も日本語化に対応しているため、これからFigmaをはじめる人も安心です。・4つの作例で学べるポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ、4つの作例を本書では収録しています。それぞれの作例のデータもダウンロードできるようにしています。ハンズオンで自分の手を動かしながらFigmaの操作方法を学べます。・デザイン制作のながれがつかめる4つの作例を通じて、Figmaを使ったデザイン制作のながれをつかめます。それぞれの作例に求められる調査や情報整理、フレームの用意やスタイル、プロトタイプの作成方法もご紹介します。※本データはこの商品が発売された時点の情報です。目次第1章 準備編 Figmaの準備と基本機能(アカウント作成と初期設定/ファイルブラウザ ほか)/第2章 実践編 Figmaで実践するWebデザイン制作体験(ポートフォリオサイトのデザイン作成/ファイルの準備 ほか)/第3章 応用編 3つの作例から学ぶデザイン制作のながれ(3つの作例の概要/コーポレートサイト ほか)/第4章 活用編 チームでのFigma活用とペアデザイン(チーム制作に向いているFigmaの特徴/チームで利用できるFigmaの5つの便利な機能 ほか)
<p><strong>Figmaでのデザイン制作のながれを学べる1冊!</strong></p> <p>■本書の特徴<br /> ・日本語化対応<br /> 操作画面および解説も日本語化に対応しているため、これからFigmaをはじめる人も安心です。</p> <p>・4つの作例で学べる<br /> ポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ、4つの作例を本書では収録しています。</p> <p>・デザイン制作のながれがつかめる<br /> それぞれの作例に求められる調査や情報整理、フレームの用意やスタイル、プロトタイプの作成方法もご紹介します。</p> <p>■Figmaとは<br /> Figma(フィグマ)は、デザインプロセスのすべての人をつなぎ、チームがより良いデジタルプロダクトをより速く提供できるようにするためのデザインコラボレーションツールです。<br /> 『すべての人がデザインを利用できるようにする』というビジョンのもと、2012年にアメリカのサンフランシスコで誕生しました。現在は世界中で多くのユーザーに支持され、日本でもユーザー数が伸びています。<br /> シンプルな操作性や軽快な動作、強力な共同編集をはじめとした特徴をもつFigmaは、Webサイトやアプリケーションをデザインするデザイナーだけでなく、さまざまな職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善においても活躍してくれます。世界中の人々が利用し、アップデートが活発なツールでもあるため、ぜひ一度Figmaを使ってその魅力に触れてみてください。</p> <p>■本書の特徴<br /> ・日本語化対応<br /> 2022年7月29日にリリースされた日本語化に対応しました!操作画面および解説も日本語化に対応しているため、これからFigmaをはじめる人も安心です。</p> <p>・4つの作例で学べる<br /> ポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ、4つの作例を本書では収録しています。それぞれの作例のデータもダウンロードできるようにしています。ハンズオンで自分の手を動かしながらFigmaの操作方法を学べます。</p> <p>・デザイン制作のながれがつかめる<br /> 4つの作例を通じて、Figmaを使ったデザイン制作のながれをつかめます。それぞれの作例に求められる調査や情報整理、フレームの用意やスタイル、プロトタイプの作成方法もご紹介します。</p> <p>第1章 準備編 Figmaの準備と基本機能 1-1 アカウント作成と初期設定 1-2 ファイルブラウザ 1-3 Figmaのチーム・プロジェクト・ファイル 1-4 インターフェイス 1-5 デザインタブの各パネルの使い方 1-6 コンポーネント・オートレイアウト・スタイル 1-7 30分でできるサムネイル制作 1-8 Figmaコミュニティ 1-9 Figma公式リソース第2章 実践編 Figmaで実践するWebデザイン制作体験 2-1 ポートフォリオサイトのデザイン作成 2-2 ファイルの準備 2-3 色スタイルの作成 2-4 テキストスタイルの登録 2-5 ボタンのコンポーネントの作成 2-6 グローバルナビゲーションの作成 2-7 フレームの作成 2-8 ファーストビューの作成 2-9 Service(サービス)セクションの作成 2-10 Works(制作実績)セクションの作成 2-11 About(私について)セクションの作成 2-12 フッターの作成 2-13 全体の余白を調整する第3章 応用編 3つの作例から学ぶデザイン制作のながれ 3-1 3つの作例概要 3-2 コーポレートサイト 3-3 インテリアECサイト 3-4 レシピアプリ第4章 活用編 チームでのFigma活用とペアデザイン 4-1 チーム制作に向いているFigmaの特徴 4-2 チームで利用できるFigmaの5つの便利な機能 4-3 Figmaを使ったペアデザイン 4-4 職種を越えたコラボレーション 4-5 便利なツール連携</p> <p>阿部 文人(あべ ふみと)<br /> 株式会社necco CEO /クリエイティブディレクター/デザインエンジニア<br /> 東京都出身。音楽活動や多種多様なアルバイト、家電販売、不動産営業、シェアオフィスとホテル事業の自社ブランディング・ウェブマーケティングに従事。その後デザイン・ウェブ制作会社にてWordPressサイトを多数構築。2016年10月株式会社neccoを設立。neccoではクリエイティブディレクター・デザインエンジニアとしてお客さまとデザイン、エンジニアリングをつなぐ役をしている。 2匹の猫と同居。好きなものは建築と写真、音楽制作、サウナ、伊勢うどん、Jamstack、WebGL。<br /> Twitter/Facebook:@abefumito</p> <p>今 聖菜(こん せいな)<br /> 株式会社necco デザイナー/グラフィックデザイナー<br /> 秋田県出身。 秋田公立美術短期大学でデザインを学び、企業ブランディング、商品パッケージ、販促ツール、書籍、ウェブなど商業デザイン全般に従事。イラストレーションを用いたデザインを得意としている。2016年10月よりneccoに参画。グッとくる芯のあるデザインを作るべく日々奮闘中。 好きなものは、犬、猫、デザイン、洋服、アイドル、いくら、ちいさいもの。<br /> Twitter:@KonSeina</p> <p>田口 冬菜(たぐち ふゆな)<br /> 株式会社necco デザイナー / モーションデザイナー<br /> 三重県出身。2019年に理学療法士からデザイナーに転職、勢いで上京。都内のデザイン会社1社を経て2020年から株式会社neccoに参画。デザイナー・モーションデザイナーとしてFigma、After Effectsに日々お世話になっている。好きなものはカヌレ、コーヒー、犬、本、インテリア。なんでもやってみることを大切にしている。いまが1番たのしいを更新しつづけたい。<br /> Twitter / Instagram:@fuyuna_design</p> <p>中川 小雪(なかがわ こゆき)<br /> 株式会社necco デザイナー / UIデザイナー<br /> 神奈川県出身。中央大学で社会学を学び、2019年10月からneccoでデザイン業務のインターンを開始。2020年4月にアシスタントデザイナーとして入社。現在はデザイナー / UIデザイナーとして、ウェブサイト・UIデザインを中心に担当している。小籠包と餃子と茄子の揚げ浸しと桃のパフェが大好物。旅・写真・サウナ・アイドルが好き。<br /> Twitter:@necco_nakagawa</p> <p><strong>※この商品は固定レイアウト型の電子書籍です。<br /> ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。<br /> ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。</strong></p> <p><strong>※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします</strong></p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
著者ジョン・ウェイレン(著) 高崎拓哉(訳)出版社ビー・エヌ・エヌ発売日2021年04月ISBN9784802512152ページ数230Pキーワードのうのしくみとゆーざーたいけんにんち ノウノシクミトユーザータイケンニンチ うえいれん じよん WHALE ウエイレン ジヨン WHALE9784802512152内容紹介ユーザー体験は、「画面上」で起こるものではなく、人間の認知や感情を生み出す「脳内」で起こるものです。本書では、認知科学者でありデザイナーでもある著者が、製品やサービスを利用する際のユーザーの「体験」と深く関わる6つの認知プロセス、「シックス・マインド(視野・関心/記憶/感情/意思決定/言語/空間認識)」の枠組みを活用して、人の無意識や心の奥底にある感情に関する重要なインサイトを見つけ出し、デザインへ応用する方法を実践的に解説します。ECサイトなどのWebデザイン、デジタルプロダクトやサービスの開発、UXリサーチに関わる人、必読の一冊です!※本データはこの商品が発売された時点の情報です。目次1 体験の本当の正体(体験のシックス・マインド/視野と関心?一瞬の出来事に潜む無数の自動プロセス/空間認識?現在地と移動方法の把握/記憶?言語や映像のイメージへの変換/言語?人それぞれの「意味」/意思決定と問題解決?意識の登場/感情?論理的な意思決定のライバル)/2 顧客の秘密を明らかにするリサーチ手法(ユーザーリサーチ?コンテクスチュアル・インタビューのやり方/視野?何を見ているか/言語?ユーザーの言葉遣いを知る/空間認識?ユーザーの移動に関する想定を知る/記憶?ユーザーの想定とギャップの埋め方を掴む/意思決定?ユーザーの残した手がかりを追う/感情?ユーザーの隠れたリアルに目を向ける)/3 シックス・マインドのデザインへの応用(センスメイキング?ユーザーの分類/シックス・マインドの実践?魅力、向上、覚醒/すばやく、たくさん成功せよ/ここまでのまとめ/これからのシックス・マインド)
著者綿貫佳祐(著)出版社技術評論社発売日2023年02月ISBN9784297133788ページ数221PキーワードふいぐまでざいんにゆうもんFIGMA/でざいん/に フイグマデザインニユウモンFIGMA/デザイン/ニ わたぬき けいすけ ワタヌキ ケイスケ9784297133788内容紹介話題の「Figma」を短期間で使いこなす!リモートワークのような働き方が普及するとともに、チームメンバーとのコミュニケーションの重要性は増しています。そんな中で注目を集めているのが、Webブラウザ上で動くインターフェースデザインツール「Figma」です。「オンライン上でチームメンバーが集まり、同じデータを見ながら意見を出し合って、その場でデザインをアップデートできた」「URLを共有してホワイトボードとして使用することで、オンラインでの活発な議論につながった」Figmaはオンライン上でリアルタイムに共同編集ができるため、このようなチームメンバーとのコラボレーションが実現します。データはブラウザ上で確認できるので、動作環境を選びません。特定のソフトウェアをインストールしていないメンバーが閲覧できないという心配もありません。デザイナー向けの豊富な機能はもちろん、デザイナー以外のメンバーがデザインに関わるときに便利なプロトタイピングやバージョン管理、コードの出力など、さまざまな機能が備わっています。本書は、注目のFigmaの入門書です。デザインはもちろん、その前段階であるWebページの設計図やサイトマップの作成、コーディングの準備、要件定義といった場面で活用する方法を解説し、オンラインホワイトボードのような便利な機能も紹介します。使用頻度の高い機能を優先的に解説し、難しい機能や細かいオプションはできるだけ省略していますので、初心者の方でも気軽にFigmaを学ぶことができます。※本データはこの商品が発売された時点の情報です。目次1 Figmaを使う前に/2 Figmaの基本操作/3 UIデザインを作る/4 プロトタイプを作る/5 デベロッパーハンドオフ/6 Figmaを中心としたチーム全体でのコラボレーション
ご注文前に必ずご確認ください<商品説明><商品詳細>商品番号:NEOBK-2842854Kuro Taku Hi / Cho / Zero Kara Hajimeru Web Designerメディア:本/雑誌重量:600g発売日:2023/03JAN:9784296070626ゼロからはじめるWebデザイナー[本/雑誌] / 黒卓陽/著2023/03発売
<p>※本書は固定レイアウト型の電子書籍です。</p> <p>【1日30分からはじめる! 制作現場の実践的コーティング】</p> <p>本書は、HTML・CSSの基本をひと通り身につけた方を主な対象に、制作現場でプロとして活躍するために必要なWebコーディングの技術を解説したものです。</p> <p>HTML・CSSのコーディング初心者を脱して間もないレベルと、制作現場の第一線で活躍できる技術レベルの間には、当然ですが大きなギャップがあります。本書は、このギャップを少しでも埋められるような内容を目指しました。</p> <p>全7章構成の前半では、テキストエディターの設定、Node.jsやGulp、バージョン管理システムの導入といった効率的な開発環境を構築・整備する方法とともに、フロントエンド技術周辺の必要知識を解説。より効率的にコーディングするための環境を整えていきます。</p> <p>後半では、デザインカンプやWebサイトを題材に、現場の実践的なコーディングを学んでいきます。Webページのレイアウトを「コンポーネント」単位で捉える視点を身につけ、事前のマークアップ設計やCSS設計を行った上でコーディングを進めるノウハウを習得できます。解説及びサンプルには、BEMやSass(SCSS記法)、初歩的なVue.jsを取り入れました。</p> <p>〈こんな方にオススメ〉<br /> ・制作現場のプロで活躍するコーディング技術を学びたい方<br /> ・HTML・CSSの基本を習得したあと、ステップアップしたい方<br /> ・フロンエンドの開発環境に関する知識を身につけたい方</p> <p>〈本書の特長〉<br /> ・1冊で、理論(読むパート)と実践(作るパート)の両方を習得できる<br /> ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい<br /> ・作りながら覚えることで、学んだことをすぐに実践できる</p> <p>〈本書の内容〉<br /> ■Lesson 1 現場のコーディングとツール<br /> ■Lesson 2 フロントエンド技術の“いま”<br /> ■Lesson 3 開発環境の構築<br /> ■Lesson 4 カンプからのコーディング設計<br /> ■Lesson 5 BEMを使ったCSS設計<br /> ■Lesson 6 Sass(SCSS)を取り入れる<br /> ■Lesson 7 Vue.jsを取り入れる</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
著者栗谷幸助(共著) 相原典佳(共著) 藤本勝己(共著)出版社エムディエヌコーポレーション発売日2023年10月ISBN9784295205456ページ数343Pキーワードしよしんしやからちやんとしたぷろになる シヨシンシヤカラチヤントシタプロニナル くりや こうすけ あいはら の クリヤ コウスケ アイハラ ノ9784295205456内容紹介プロを目指すなら、最初に選ぶ本!Webサイトの作り方が全部わかる。読む+つくる+覚える。基本からしっかり。最短コースで身につきます!※本データはこの商品が発売された時点の情報です。目次1 Webサイトの成り立ち/2 Webサイトの枠組みを知る/3 Webデザインの特性を知る/4 Webデザインに必要な素材/5 HTMLをマスターする/6 CSSをマスターする/7 シングルページのサイトを作る/8 レスポンシブ対応サイトを作る/9 Webサイトを公開してみよう/10 Webサイトを運用する
著者久保田涼子(著) 杉山彰啓(著)出版社ソシム発売日2021年08月ISBN9784802613231ページ数421Pキーワードうごくうえぶでざいんあいでいあちようじつせんへんう ウゴクウエブデザインアイデイアチヨウジツセンヘンウ くぼた りようこ すぎやま あ クボタ リヨウコ スギヤマ ア9784802613231内容紹介「サイトを印象付ける基本の動き」+「世界観を作る動き」を集めた現場で使える実践サンプル集!「サイトの印象を決定付ける動き」をこの1冊が丸ごとカバーします!本書は、好評の「動くWebデザイン アイディア帳」の姉妹本です。「動くWebデザイン アイディア帳」がWebデザインで使われる基本的な「動き」を解説していたのに対して、本書では実際にWebサイトの印象を決定付けることができる動きについて解説しています。 前書と同様に、専用サイトから簡単にコードをコピー&ペーストして利用することも可能です!※本データはこの商品が発売された時点の情報です。目次01 サンプルサイトから見る印象に関わる動き/02 「動くWebデザイン」の基礎知識/03 Webサイトの動きを実現する仕組みと準備/04 最低限覚えておきたい現れ方/05 背景の動き/06 エリアの動き/07 画像リンクの動き/08 テキストの動き/09 イラスト・オブジェクトの動き
ご注文前に必ずご確認ください<商品説明>Figmaを使うなら、最初に読む本!Webサイト&アプリのデザインがわかる。<収録内容>1 Figmaの基本とワークフロー2 デザインするための機能3 Figmaのプロトタイピング機能4 コミュニケーションのための機能5 Webサイトをデザインする6 モバイルアプリをデザインする7 外部のデザインツールとの連携<商品詳細>商品番号:NEOBK-2863210Aihara Nori Kei / Kyocho Oki Ryo Ya / Kyocho Kuramata Miki / Kyocho Okabe Chiyuki / Kyocho / Shoshinsha Kara Chanto Shita Professional Ni Naru Figma Kiso Nyumon Yomu & Tsukurinagara Manabu!メディア:本/雑誌重量:600g発売日:2023/05JAN:9784295204930初心者からちゃんとしたプロになるFigma基礎入門 読む&作りながら学ぶ![本/雑誌] / 相原典佳/共著 沖良矢/共著 倉又美樹/共著 岡部千幸/共著2023/05発売
<p>〈電子書籍版について〉本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なります。【Figmaを使うなら最初に読む本! 基本から実践までしっかり解説】インターフェイスデザインツール「Figma」の基本操作から制作現場での実践的な活用ノウハウまでを伝える本。これからFigmaの学習をスタートする方や、Adobe XDと合わせてFigmaも本格的に使ってみたいという方に向け、しっかりとていねいに解説しています。全7章構成で、前半部ではFigmaの特徴・基礎知識や画面構成を学んだあと、アプリやWebサイトを試作するためのプロトタイピング機能、作成したデータや制作過程そのものを共有するためのコミュニケーション機能を解説。後半部では実践パートとして、Figmaを使ってWebサイトとモバイルアプリのUIをデザインしてみます。Figmaはさまざまな職種のメンバーと「協業」しながら、チームでデザインを作り上げる過程で真価を発揮するツールです。開発・制作の中心にFigmaを据えることで、自分だけでなくチーム全体のパフォーマンスも向上させることができます。本書はデザイナーやディレクター、エンジニアはもちろん、制作職以外のFigmaを使う場面のある方々にも役立つ内容となっています。学習の場や制作の現場で、ぜひご活用ください!〈本書の特長〉・1冊で、理論(読むパート)と実践(作るパート)の両方を習得できる・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい・第一線で活躍する現役のプロがかみ砕いてわかりやすく解説している〈こんな方にオススメ〉・事業会社や制作会社のWebデザイナー/UIデザイナー・制作職以外でもFigmaを操作する機会のある方・基本から現場の一段深いノウハウまでを習得したい方〈本書の章構成〉■Lesson1 Figmaの基本とワークフロー■Lesson2 デザインするための機能■Lesson3 Figmaのプロトタイピング機能■Lesson4 コミュニケーションのための機能■Lesson5 Webサイトをデザインする■Lesson6 モバイルアプリをデザインする■Lesson7 外部のデザインツールとの連携〈プロフィール〉相原 典佳(あいはら・のりよし)1984年群馬県生まれ。2006年よりDTP、Web制作に携わる。Webアシスタントディレクター業務を経たのち、2010年にフリーランスとして独立。また、デジタルハリウッドなどでWeb制作の講師としても活躍。デザインからフロントエンド構築まで、一貫したWebサイト制作を提供している。沖 良矢(おき・よしや)1981年愛媛県生まれ。インタラクションデザイナー。2003年よりWeb制作に携わる。2008年にフリーランスとして独立後、2019年に合同会社世路庵(せろあん)を設立。ビジネスとクリエイティブの両立を強みとして、戦略立案、UI/UX設計、デザイン、フロントエンド開発に携わる。現場で培った知見をもとに講演、執筆、コミュニティ運営にも取り組んでいる。長岡造形大学デザイン学科非常勤講師、WebクリエイティブコミュニティDIST代表、Vue.js-jpコアスタッフ。倉又 美樹(くらまた・みき)1985年新潟県生まれ。Web/UI/DTPデザイナー。2014年にフリーランスとして独立。女子美術大学デザイン・工芸学科プロダクトデザイン専攻および横浜芸術高等専修学校非常勤講師。「駆け出しデザイナーを一人にしない」をミッションにするコミュニティ「まるみデザインファーム」を運営している。Adobe MAX 2021登壇。岡部 千幸(おかべ・ちゆき)GUIデザイナー/UXデザイナー。法政大学デザイン工学研究科システムデザイン専攻卒業後、事業会社に入社。既存サービスのグロース、ゲーム開発などを経験。2018年ベンチャー企業に入社後は、GUIデザインを軸足にプロジェクトの進行を支援。その後、独立。個人事業主として多くのプロダクト開発を経験後、株式会社cencoを設立。2022年より女子美術大学非常勤講師。</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
著者相原典佳(共著) 沖良矢(共著) 倉又美樹(共著)出版社エムディエヌコーポレーション発売日2023年06月ISBN9784295204930ページ数271Pキーワードしよしんしやからちやんとしたぷろになる シヨシンシヤカラチヤントシタプロニナル あいはら のりよし おき よし アイハラ ノリヨシ オキ ヨシ9784295204930内容紹介Figmaを使うなら、最初に読む本!Webサイト&アプリのデザインがわかる。※本データはこの商品が発売された時点の情報です。目次1 Figmaの基本とワークフロー/2 デザインするための機能/3 Figmaのプロトタイピング機能/4 コミュニケーションのための機能/5 Webサイトをデザインする/6 モバイルアプリをデザインする/7 外部のデザインツールとの連携
<p>〈電子書籍版に関する注意事項〉<br /> 本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。</p> <p>【WordPressでのサイト制作の基礎がしっかり身につく!】</p> <p>Web制作のプロとしてWordPressを活用するのであれば、たんに管理画面上から記事や固定ページを投稿するだけでなく、自分でテーマをカスタマイズできるスキルが欠かせません。</p> <p>本書ではプロを目指す初心者の方のために、WordPressのしくみと使い方、テーマの作成方法の基本、プラグインによるカスタマイズを学んでいきます。本書の解説用に、本格的に構築したWebサイトをお手本に学んでいくため、一般的なWebサイトによく見られる要素や機能などをひととおり押さえられます。</p> <p>実際の開発時の環境構築や公開時の手順、Googleアナリティクス等の導入など、サイトの保守・運用のTipsも解説していますので、制作から運用までの流れを理解できます。</p> <p>また、近年のWordPressはブロックエディターの進化により、管理画面上からWebページを作成できる自由度が大きく広がっています。本書ではそのような最新の潮流も踏まえながら、“テーマ側でやる作業”を解説しました。</p> <p>WordPressをCMSとして利用する際の基礎がしっかり身につく一冊です。</p> <p>〈こんな方にオススメ〉<br /> ・仕事としてWordPressを勉強したい方<br /> ・WordPressで自分の思うようなサイトを構築したい方<br /> ・プロレベルでWordPressを活用したいブログ運営者の方</p> <p>〈本書の内容〉<br /> ■Lesson1 WordPressの基礎知識<br /> ■Lesson2 ローカル環境の構築<br /> ■Lesson3 WordPressの基本機能<br /> ■Lesson4 テーマ制作の基礎知識<br /> ■Lesson5 コーポレートサイトテーマの作成<br /> ■Lesson6 プラグインでカスタマイズ<br /> ■Lesson7 細かなカスタマイズのレシピ<br /> ■Lesson8 保守・運用のポイント</p> <p>〈本書の特長〉<br /> ・最新のWordPressの潮流にあわせたCMSとしての活用手法が学べる<br /> ・本格的なWebサイト構築の手法がポイントでわかる<br /> ・記事ごとに学習時間の目安を設けており、計画を立てやすい</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
著者アニー・ジャン=バティスト(著) 百合田香織(訳)出版社ビー・エヌ・エヌ発売日2021年09月ISBN9784802512169ページ数279Pキーワードぐーぐるりゆうだいばーしていあんどいんくるーじよん グーグルリユウダイバーシテイアンドインクルージヨン じやん.ばていすと あに− J ジヤン.バテイスト アニ− J9784802512169内容紹介すべての人のためのプロダクトをつくるグーグルは、どのように開発プロセスにダイバーシティ、エクイティ、インクルージョンを組み込んでいるのか?多様化する世界で新たなプロダクトやサービスを開発し、ビジネス的にも成功するベストプラクティスが学べる一冊。※本データはこの商品が発売された時点の情報です。目次すべての人のためにつくる:どうしてプロダクトインクルージョンは大事なのか/Googleで行ったキャップストーン・リサーチ:私たちが学んだもの/プロダクトインクルージョンの道を照らすのに欠かせない20の質問/プロダクトインクルージョンのケースを作成し、同意をとる/プロダクトインクルージョンを、仕事の指針を示す原則にする/プロダクトインクルージョンを仕事に組み込む/見過ごされてきたユーザーを知る/プロダクトインクルージョンをアイデア出しのプロセスに組み込む/独自のドッグフーディングと敵対的テストプログラムを始めよう!/マーケティングをもっとインクルーシブに/プロダクトインクルージョンのパフォーマンス測定/ヌードカラーの色々:ファッションと小売業におけるプロダクトインクルージョン/プロダクトインクルージョンの未来に目を向ける
ご注文前に必ずご確認ください<商品説明>初心者のための最低限の基本操作から、現場で使えるワザまでこれ1冊に。プレゼンテーション資料の作成、オンラインホワイトボード、ワイヤーフレームの作成、コーディングの準備。話題のデザインコラボレーションツールFigmaを使いこなす!<収録内容>1 Figmaを使う前に2 Figmaの基本操作3 UIデザインを作る4 プロトタイプを作る5 デベロッパーハンドオフ6 Figmaを中心としたチーム全体でのコラボレーション<商品詳細>商品番号:NEOBK-2827272Watanuki Keisuke / Cho / Figma Design Nyumon UI Design Prototyping Kara Team Member to No Renkei Made Nihongo Ban Taioメディア:本/雑誌重量:600g発売日:2023/02JAN:9784297133788Figmaデザイン入門 UIデザイン、プロトタイピングからチームメンバーとの連携まで 日本語版対応[本/雑誌] / 綿貫佳祐/著2023/02発売
ご注文前に必ずご確認ください<商品説明>すべての人のためのプロダクトをつくるグーグルは、どのように開発プロセスにダイバーシティ、エクイティ、インクルージョンを組み込んでいるのか?多様化する世界で新たなプロダクトやサービスを開発し、ビジネス的にも成功するベストプラクティスが学べる一冊。<収録内容>すべての人のためにつくる:どうしてプロダクトインクルージョンは大事なのかGoogleで行ったキャップストーン・リサーチ:私たちが学んだものプロダクトインクルージョンの道を照らすのに欠かせない20の質問プロダクトインクルージョンのケースを作成し、同意をとるプロダクトインクルージョンを、仕事の指針を示す原則にするプロダクトインクルージョンを仕事に組み込む見過ごされてきたユーザーを知るプロダクトインクルージョンをアイデア出しのプロセスに組み込む独自のドッグフーディングと敵対的テストプログラムを始めよう!マーケティングをもっとインクルーシブにプロダクトインクルージョンのパフォーマンス測定ヌードカラーの色々:ファッションと小売業におけるプロダクトインクルージョンプロダクトインクルージョンの未来に目を向ける<商品詳細>商品番号:NEOBK-2659474Ani Jan = Bateisuto / Cho Hyaku Goda Kaori / Yaku / Google Ryu Diver City & Ink Ru John in Crew Shi Buna Seihin Kaihatsu No Tame No Hoho to Jissen / Original Title: Building for Everyoneメディア:本/雑誌重量:540g発売日:2021/09JAN:9784802512169Google流ダイバーシティ&インクルージョン インクルーシブな製品開発のための方法と実践 / 原タイトル:Building For Everyone[本/雑誌] / アニー・ジャン=バティスト/著 百合田香織/訳2021/09発売
著者黒卓陽(著)出版社日経BP発売日2023年03月ISBN9784296070626ページ数503Pキーワードぜろからはじめるうえぶでざいなーぜろ/から/はじめ ゼロカラハジメルウエブデザイナーゼロ/カラ/ハジメ くろ たくよう クロ タクヨウ9784296070626内容紹介Webデザイナーとしてやっていくのに必要なすべてを網羅!Webデザイナーを目指すなら、HTML/CSSの知識とスキルは不可欠です。でも、それだけではありません! デザインするだけで仕事になるのは、Webデザイナーの中でもほんのひと握り。「Webサイトを作りたいんだけど……」とクライアントに言われて引き受けた案件を無事に納品するには、Webページをデザインする以外にもたくさんの仕事があります。それを、仕事をしながらひとつずつ調べていくのは負担でしかありません。だから、仕事のすべてを先に学んでおきませんか? 勉強するのがHTML/CSSだけでは足りません。Webデザイナーで食っていきたいなら、そのすべて学んでおきましょう!本書で学ぶのは、案件を引き受けた直後から、納品できる状態のWebサイトを構築するまで。最も最初の段階は、クライアントにヒアリングして要件を定義するところからです。クライアントが作りたいのはコーポレートサイトなのか、ランディングページなのか、オウンドメディアなのか、あるいは別のWebサイトか?正しくクライアントの意図を聞き出して要件を定義するのに、適切な方法を紹介します。最も重要なのがプロトタイピング。ここでは業界標準のツールである「Figma」の使いこなしが必要です。要件に基づき、クライアントの要望を取り入れながら、Webサイト全体の構成を固めながら、個々のページの動作や遷移を決めていきます。プロトタイプがきちんと作れれば、HTML/CSSで実装します。デザインの基本は重要ですが、独創性のあるデザインが求められているわけではありません。クライアントが要望するWebサイトやWebページを作るのが重要です。そのために必要な知識と、要望を形にするための最短距離を指南します。仕事ですから、時間は重要。最速で正解に到達するための手法を紹介します。多くの案件では、デザインして終わりでは済みません。Webサイトとして公開するまでがお仕事です。ただ、Webデザイナーがインフラにもくわしくなれというのは困難です。そこで、WordPressでのサイト構築を武器にしましょう。これなら、専任の管理者がいないクライアントでも運用が可能です。本書では単なる仕事の紹介ではなく、仕事の進め方だけでもなく、実際に仕事を進めていくうえでの技術的な知識とスキルも身に付けられるよう構成しました。「Figma」「WordPress」といった無料で使えるツールだけでなく、「Illustrator」「Photoshop」にも精通できるよう、また「PHP」「jQuery」など、いずれ知っておくと武器になるWebプログラミングも簡単に紹介しています。プロのWebデザイナーを目指す人なら、ぜひ本書でその第一歩を踏み出してみませんか。※本データはこの商品が発売された時点の情報です。
ご注文前に必ずご確認ください<商品説明><商品詳細>商品番号:NEOBK-2902863メディア:本/雑誌重量:600g発売日:2023/09JAN:9784295205456初心者からちゃんとしたプロになるWebデザイン基礎入門[本/雑誌] / 栗谷幸助/共著 相原典佳/共著 藤本勝己/共著 村上圭/共著 吉本孝一/共著2023/09発売
<p>※本書は固定レイアウト型の電子書籍です。</p> <p>【1日30分からはじめる! JavaScript基礎入門】</p> <p>本書は、JavaScriptとVue.jsの基本、さらにWebアプリケーションやUIの作成を習得できる教科書です。「1日30分からはじめる」をテーマに、Web制作にかかわる知識や技術を解説した「ちゃんとしたプロになる」シリーズの3冊目となります。</p> <p>本書で学べることは、主に次の3つです。</p> <p>1つめは、JavaScriptの基本。JavaScriptは広範な用途をもつ言語ですが、本書ではとくにWeb制作によく使われる命令や考え方を中心に解説しています。</p> <p>2つめは、Vue.jsの基本。現在のWeb制作では、フレームワークを利用した実装が一般的です。本書では、最もよく使われるフレームワークの一つであり、初心者にも習得しやすいVue.jsの基礎を身につけられます。</p> <p>そして、3つめがWebアプリケーションやUIの実装の流れ。実際にTodoアプリやタブパネル、モーダル、ハンバーガーメニュー、スライドビューアーなどのUIを構築しながら、Web制作におけるJavaScriptとVue.jsでの実装の流れをつかめます。</p> <p>ぜひ本書を通じて、“現場のJavaScript力”の土台をしっかりと養ってください。</p> <p>〈こんな方にオススメ〉<br /> ・JavaScriptをしっかりと身につけたい方<br /> ・JavaScriptをおさらいしながらVue.jsの基礎を学びたい方<br /> ・WebサイトのUIやWebアプリ制作のながれを学びたい方</p> <p>〈本書の特長〉<br /> ・第一線で活躍する執筆陣による、現場感覚を踏まえた解説<br /> ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい<br /> ・Vue.jsを利用したモダンな制作手法を身につけられる</p> <p>〈本書の内容〉<br /> ■Lesson 1 JavaScriptの基本<br /> ■Lesson 2 JavaScriptのオブジェクト<br /> ■Lesson 3 Todoアプリを作ってみよう<br /> ■Lesson 4 Vue.jsの基本<br /> ■Lesson 5 Vue.jsをWebサイトに組み込む</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
<p>【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】</p> <p>CS5の注目拡張機能「HTML5 Pack」も解説!Dreamweaver CS5ユーザー必携</p> <p>大好評の逆引きデザイン事典が、さらに引きやすくなりました。本書は、DreamweaverユーザーがWeb製作の現場で遭遇する「あれ、これってどうするんだったっけ」という内容をサッと調べられる、実践的な逆引き事典です。</p> <p>基本概念や従来の操作解説にプラスして、WordPressやMovableTypeとの連携やカスタムコードヒントの活用など、より現場に即した内容を盛り込みました。また、次世代Web規格「HTML5」と「CSS3」での制作を支援する「HTML5 Pack」を使った内容もいち早く解説。5大特典として「パネル早見表」「キーボードショートカット一覧」「サンプルファイルのダウンロード」に加えて、「HTML5 Pack」がサポートする注目の「サポート要素一覧」と「Dreamweaver拡張機能紹介」も掲載します。</p> <p>初めてDreamweaverに触れる人から、すでに使いこなしている人まで、Dreamweaver CS5ユーザー必携の一冊です。</p> <p>【動作環境】本書はCS5対応となっております。CS5以外のバージョンについては動作が未確認ですので、あらかじめ御了承下さい。</p> <p>※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。<br /> ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。<br /> ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。</p>画面が切り替わりますので、しばらくお待ち下さい。 ※ご購入は、楽天kobo商品ページからお願いします。※切り替わらない場合は、こちら をクリックして下さい。 ※このページからは注文できません。
著者大塚亜周(ほか著) 大塚亜周(編) 稲葉志奈(編)出版社ビー・エヌ・エヌ発売日2023年03月ISBN9784802512480ページ数323Pキーワードちいさくはじめるでざいんしすてむ チイサクハジメルデザインシステム おおつか あぐり いなば しな オオツカ アグリ イナバ シナ9784802512480内容紹介「だれでも・効率よく・迷わずに。」を実現するデザインシステムの作り方。Smart HR Design System運営チームが明かすデザインシステムの構想・構築・運用のプラクティス。※本データはこの商品が発売された時点の情報です。目次1 デザインシステムについて考えよう(デザインシステムとは/誰のためのデザインシステム?|プロダクト ほか)/2 デザインシステムを作るコツとステップ(デザインシステムをはじめる3つのステップ/デザインをみんなのものにする3つのステップ)/3 デザインシステムに何をどうまとめる?(イントロダクション/運営理念 ほか)/4 デザインシステムを続けやすくしよう(デザインシステムの運用/外部サービスとツール ほか)/5 デザインシステムの正解は1つじゃない(となりのデザインシステム ほか)