ジンガノ元帥から、新たに〈ヴィクトリー〉の艦長を引き継いだグレンジャーは、人類の存亡を賭けて、ペナンブラ星系へと向かう!
ウェブサイトをロジカルに分析すれば、デザインや構成のセンスは自然と身に付く。ユーザーからの反応がダイレクトに得られるウェブサイトにおいて、どのような仕掛けや見せ方で、PVやユーザー数を増やしているのかをデザインとコンテンツ構成の面から解説。
ゼロからはじめて、すぐに作れる!HTML&CSSの知識は一切不要。2023年最新バージョン6.2に完全対応。
◆Web3をめぐる話題の5大テーマ(1ブロックチェーン、2NFT・NFTマーケット、3Play to Earn、4DeFi、5メタバース)の法的論点と税務について、全65問のQ&A形式で解説。
◆法律家によるブロックチェーンの理解を一歩進める1冊
【主要目次】
第1章 ブロックチェーン
・「ブロックチェーンの種類とそれぞれの特徴を教えてください
・ブロックチェーン上のデータの取扱いについて、個人情報保護法の観点からどのような点に注意する必要がありますか ほか7問
第2章 NFT・NFTマーケット
・NFT取引に本人確認は必要ですか
・NFTは金融規制の対象になりますか ほか13問
第3章 Play to Earn
・Play to Earnのブロックチェーンゲームを日本において提供する際に留意すべき法規制を教えてください ほか3問
第4章 DeFi
・MakerDAOについて教えてください
・DeFiに対する規制の動向等を教えてください ほか5問
第5章 メタバース
・メタバース内において、自分の容貌と酷似したアバターが他人により使われていた場合に法的な責任は追及できますか
・メタバースのサービス利用規約上の留意点を教えてください ほか10問
第6章 税 務
・法人が独自の暗号資産を発行する場合にはどのように課税をされることになりますか
・暗号資産を相続や贈与により取得した場合の課税関係はどのようになりますか ほか16問
第1章 ブロックチェーン
・「ブロックチェーンの種類とそれぞれの特徴を教えてください
・ブロックチェーン上のデータの取扱いについて、個人情報保護法の観点からどのような点に注意する必要がありますか ほか7問
第2章 NFT・NFTマーケット
・NFT取引に本人確認は必要ですか
・NFTは金融規制の対象になりますか ほか13問
第3章 Play to Earn
・Play to Earnのブロックチェーンゲームを日本において提供する際に留意すべき法規制を教えてください ほか3問
第4章 DeFi
・MakerDAOについて教えてください
・DeFiに対する規制の動向等を教えてください ほか5問
第5章 メタバース
・メタバース内において、自分の容貌と酷似したアバターが他人により使われていた場合に法的な責任は追及できますか
・メタバースのサービス利用規約上の留意点を教えてください ほか10問
第6章 税 務
・法人が独自の暗号資産を発行する場合にはどのように課税をされることになりますか
・暗号資産を相続や贈与により取得した場合の課税関係はどのようになりますか ほか16問
「全国中学高校Webコンテスト」は、制作物が誰かの役に立つ「教材」として構成・表現された内容であることが求められ、「伝える立場に立ち、何をどう表現するか、仲間とともに徹底的に考える」探究・協調学習として生徒たちに深い学びをもたらす点に大きな特徴があります。
本書は、本コンテストで要求されるレベルのWeb教材制作のための手引書であり、初めてWeb制作に取り組む人や、チームでのWeb制作プロジェクトに取り組む人に最適な入門書です。本書を通じ、プログラミングの前提となるHTML・CSSなどのWeb制作の基礎知識と、本コンテストで要求される構成力・表現力、および問題解決力・コミュニケーション力が身に付きます。
はじめに 指導にあたるコーチ・リーダーの方へ
基礎講座 Webページの基礎知識
第 1 章 自分のWebページを作成してみよう
個人学習をスタートする前に
1-1 HTML エディタの使い方を覚えよう
1-2 テンプレートを修正する
1-3 ページのデザインを変更しよう
1-4 表現を工夫してmyWeb ページを仕上げよう
第 2 章 あると便利な知識
2-1 テンプレートに書かれていることを知っておこう
資料 よく使うCSS プロパティ
2-2 写真・画像・動画などの表示を知っておこう
第 3 章 チームで分担・協力して1つの作品を作ろう
チーム学習をスタートする前に
3-1 テーマを決めて役割分担をしよう
3-2 Web ページを1 つにまとめよう
3-3 完成したWeb ページを発信しよう
第 4 章 あると便利な知識2
4-1 リストを使った装飾方法を知っておこう
4-2 ナビゲーションメニューのカスタマイズ方法を知っておこう
4-3 CSS の指定とCSS の有効性を知っておこう
4-4 Web ページ作成を支援するツールを知っておこう
参考1.リファレンス一覧
参考2.「チーム学習のためのHTML エディタ」のテンプレートのHTML
付録 Web コンテストにチャレンジしよう
「どうすればアイデアを手に入れることができるのか」。広告業界の第一線で活躍してきた著者が、この問いかけに真っ向から取り組んだ。アイデアは突然浮かんでくるのか、生まれもった特別な才能が必要なのか。そうではない。アイデアをつくる作業は、自動車の製造と同じ流れ作業なのだ。アイデアを生み出すための公式を惜しみなく紹介。半世紀にわたって読み継がれるクリエイターのバイブル。(本文は英語になります)
■特集1
Python最新Web開発── FastAPI+SQLAlchemyで非同期処理
本特集では、マイクロサービスやシングルページアプリケーションと相性が良い、PythonのWebフレームワークFastAPIを用いたWeb API開発の解説を行います。FastAPIの中心的な機能であるスキーマ定義からパフォーマンスを引き出す非同期処理、SQLAlchemyを使ったデータベースとの連携を解説したうえで、本格的なWebアプリケーションを開発します。
■特集2
実戦投入パスキー ──いまこそ実現、パスワードレス認証!
本特集のテーマは、パスワードレス認証を実現するパスキーです。パスキーの開発にはApple、Google、Microsoft という3 プラットフォーマーが協力して取り組んでおり、大手サイトでも一気に導入が進むと期待されます。本特集では、パスキーが解決する従来の認証システムの課題と、パスキー導入のベストプラクティスを徹底解説します。
Webサーバーをはじめよう。Linuxサーバーの基礎からわかって安心。練習問題&解答・解説集付き。
「コーディングしやすいデザインってどう作ればいいんだろう?」と思っているWebデザイナーさん。
「デザイナーにお願いするとき、どんな風に伝えればスムーズにいくんだろう?」と思っているマークアップエンジニアさん。
「とりあえず、Webサイトってどうやって作ればいいのか知りたい」と思っている勉強を始めたばかりの方。
本書はそんなみなさんの役に立つ1冊です。
昨今のWebサイト制作は、だんだんと複雑化してきています。
Webサイトを1つ作ろうと思ったら、デザイン、HTML、CSSなど、たくさんのことを勉強しなくてはいけません。本書は、そのようなWeb制作に関する知識を横断的にまとめました。
Webデザインだけ、またはHTMLとCSSだけを学ぶ書籍はありますが、その部分だけの理解だと、困ることもあります。
デザインを納品したけれど、コーダーさんにデータが使いにくいと言われてしまったり、逆にどんなデザインが欲しいのかを、うまくデザイナーさんに伝えられなかったり・・・。そのような「困る」を体験したことはないでしょうか。
本書は、Webサイトのデザインからコーディングまでを広く扱うことで、点ではなくつながった線として、Webサイト制作を学べるように構成されています。
具体的には、Part1「デザインの基本」では、一般的な「デザイン」の基本を学んだ上で、Webならではの特性をふまえて「Webデザイン」のセオリーを学びます。
Part2「Webサイト制作の基本」では、Webサイトを制作する際の実務的な知識を学びます。まず、Webサイトがどのようなフローで作られるのか、どのようなデータで構成されているのかなどを理解します。続いて、Webサイト制作の上で欠かせない
HTMLとCSSについて、概要から具体的な書き方までを学びます。そして、JavaScriptについても概要を学びます。
Part3「Webサイトを制作する」では、、Part 1、Part 2までの内容をもとに、ひととおりのWebサイト制作の流れを学びます。Webサイトの目的を整理するところから設計、ワイヤーフレームの作成、デザインカンプの作成、マークアップとコーディングを行い、
1つのWebサイトを作る作業を追っていくことができます。
コンテンツの企画からページを公開するまでのデザイン〜コーディング過程を実践することで、デザイン担当にとってはコーディング工程を、コーディング担当にとってはデザインのセオリーや意図を理解することができるでしょう。
異なる工程の作業内容に関する理解は、自身が担当するデータ制作の効率化にもつながります。Web制作の現場での作業がよりスムーズに効率よく進むようになることが、本書の目的です。
サーバ/ブラウザの仕組みから、各種コントロールの利用まで、イラストだから.NETのWebアプリ開発が見てすぐ分かる。
■Figmaとは
Figma(フィグマ)は、デザインプロセスのすべての人をつなぎ、チームがより良いデジタルプロダクトをより速く提供できるようにするためのデザインコラボレーションツールです。
『すべての人がデザインを利用できるようにする』というビジョンのもと、2012年にアメリカのサンフランシスコで誕生しました。現在は世界中で多くのユーザーに支持され、日本でもユーザー数が伸びています。
シンプルな操作性や軽快な動作、強力な共同編集をはじめとした特徴をもつFigmaは、Webサイトやアプリケーションをデザインするデザイナーだけでなく、さまざまな職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善においても活躍してくれます。世界中の人々が利用し、アップデートが活発なツールでもあるため、ぜひ一度Figmaを使ってその魅力に触れてみてください。
■本書の特徴
・日本語化対応
2022年7月29日にリリースされた日本語化に対応しました!操作画面および解説も日本語化に対応しているため、これからFigmaをはじめる人も安心です。
・4つの作例で学べる
ポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ、4つの作例を本書では収録しています。それぞれの作例のデータもダウンロードできるようにしています。ハンズオンで自分の手を動かしながらFigmaの操作方法を学べます。
・デザイン制作のながれがつかめる
4つの作例を通じて、Figmaを使ったデザイン制作のながれをつかめます。それぞれの作例に求められる調査や情報整理、フレームの用意やスタイル、プロトタイプの作成方法もご紹介します。
第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 便利なツール連携
『艦隊これくしょん』のアンソロジーコミック横須賀鎮守府編第22巻。よそ見したらダメだからね! な作品いっぱいです。カバー:鈴穂ほたる 作家:日鳥、柚木ガオ、ととねみぎ、みにまる、ずんだコロッケほか
GatsbyJSで実現する、高速&実用的なサイト構築
「高速化&最適化」「メタデータ対応」「SPAやPWAへの対応」など、これからのWebサイトに求められる要素に対応するための、静的サイトジェネレーターの活用書。
本書は「GatsbyJS(Gatsby)」を使って、「ReactやJavaScript(ECMAScript)に自信が無くても、実用レベルのWebサイトを構築できるようになる」ことを目標にしています。サンプルサイトを制作しながら、ステップ・バイ・ステップで解説していきます。
Gatsbyへのアプローチ方法は色々と考えられますが、本書ではHTML&CSSで作成したベースとなるページを元に、サンプルのサイトを作成していきます。
書籍の構成として、大きく2部構成になっています。
「イントロダクション」では、今どきのWebサイトに求められることや、静的サイトジェネレータの解説、Gatsbyについてまで解説しています。
「第1部 基本的なWebサイトの構築」では、トップページとアバウトページを作成し、基本的なWebサイトを構築します。それぞれベースとなるページを元に形にしていき、画像の最適化、高速化、メタデータの設定、PWA化などの設定を行います。
「第2部 ブログの構築」では、ブログを構築して、第1部で作成したサイトに記事ページと記事一覧ページを追加します。各ページはベースとなるページを元に、外部からコンテンツデータを読み込んで形にしていきます。第1部と同様に画像の最適化などの設定も行います。
巻末の「APPENDIX」では、gatsby-imageを簡単に扱えるようにする方法、Googleアナリティクスの設定、gatsby-plugin-sitemapプラグインによるサイトマップ作成、Internet Explorer11への対応など、Gatsbyに関する便利なトピックを紹介しています。
本書に沿って実際に手を動かして作っていくことで、「GatsbyJS」の主要機能と使い方をマスターできることでしょう。
また、GitHub、Netlify、Contentful、GraphQL、React、Node.jsなど、制作に関わるさまざまなツールや技術も適宜使用していきます。
ぜひ本書で、これからのWeb開発を体感してみてください。
なお、本書のサンプル制作で使用する素材、プロジェクトデータ、コンテンツデータはダウンロード可能です。
【特典】
以下の2つの特典PDFをダウンロードできます!
・セットアップPDF:Node.js、GitHub、Netlify、Contentfulなど開発環境の準備などをまとめたPDF。
・microCMS対応ガイド:ブログの記事管理にヘッドレスCMSのmicroCMSを利用する方法をまとめたPDF。
消費者の行動が「紙からデジタルへ」とシフトする中、販売促進の手法もWEBの比率が高まっている。WEBマーケティングの全体像と個別の手法を、最新事例を交えつつ図とともに解説。
Webライターの「働き方」「稼ぎ方」がわかる入門書!第1部、Webライターからスタートし、現在は各分野で活躍する4名のライターの方々が、どのようにキャリアアップをされたかがわかるインタビュー。第2部、Webライターの基本から、ライティング・取材・撮影・企画立案のノウハウ、税金の知識までを解説。