「全国中学高校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 コンテストにチャレンジしよう
Reactベースのフレームワーク、Next.jsによるWeb構築の基本と実践を、ステップバイステップで学べる本。
本書は、これまでHTML&CSSを使ってきたものの、Reactにはちょっと手を出せなかった方を対象に、実際にブログを作成しながら、Next.jsを使ってサイトを構築できるようになることを目指しています。
Next.jsはReactの環境が簡単に整い、サイトも構築でき、静的生成やサーバーサイドレンダリングも試せます。学ぶ環境としても、経験を積む環境としても、そして実務のための環境としてもバランスよく整っているといえます。
Next.jsの基本的な機能が理解できることはもちろん、Reactの基本やReactでのCSSの扱いもしっかり解説しています。
●構成
Chpater1 ReactとJSX
Chpater2 コンポーネント
Chapter3 CSS Modulesとスタイル
Chpater4 レイアウトのスタイル
Chapter5 画像とアイコン
Chapter6 メタデータ
Chapter7 外部データの利用
Chapter8 記事データの表示
Chapter9 動的なルーティング
Chapter10 React Hooks(フック)
●本書で制作するサンプルサイトについて
本書ではNext.jsを使用して、ブログサイトをステップ・バイ・ステップで構築していきます。Next.js、React、JavaScript、CSS Modules、styled-jsxの活用方法や設定をわかりやすく見ていくため、ミニマルでシンプルなデザインにしてあります。Figma のデザインデータとして、デザインシステム(コンポーネント&デザイントークン)もセットで用意していますので、実装時の参考にしてください。記事データの管理にはヘッドレスCMSのmicroCMSを利用します。
Chpater1 ReactとJSX
Chpater2 コンポーネント
Chapter3 CSS Modulesとスタイル
Chpater4 レイアウトのスタイル
Chapter5 画像とアイコン
Chapter6 メタデータ
Chapter7 外部データの利用
Chapter8 記事データの表示
Chapter9 動的なルーティング
Chapter10 React Hooks(フック)
「コーディングしやすいデザインってどう作ればいいんだろう?」と思っている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制作の現場での作業がよりスムーズに効率よく進むようになることが、本書の目的です。
Web2.0から進化したWebの全貌を正しく理解する一冊。ブロックチェーン/ビットコイン/NFT/DeFi/GameFi/DAO/メタバース/BaaSなどのあらゆる新概念を網羅的に学ぶ。
消費者の行動が「紙からデジタルへ」とシフトする中、販売促進の手法もWEBの比率が高まっている。WEBマーケティングの全体像と個別の手法を、最新事例を交えつつ図とともに解説。
本書は、インフラ設計の定石をパターン集としてまとめたものです。企業やサービスに重大な損失をもたらすシステム障害の多くは、インフラに原因があります。品質が高く安定したインフラを開発・運用するためには広く深い知識が求められますが、その知識を網羅的に整理された資料はなかなかありません。そこで本書では、NTTデータで蓄積された知見をデザインパターン化し、経験の浅い技術者やプロジェクトマネージャ、企業の情報システム部門方担当者、ベンダーの提案や設計を評価・比較する方でも理解できるように平易に解説しています。著者名追加:吉田 一幸 岩崎 賢治 三浦 広志 吉田 佐智男 ヨシダ カズユキ イワサキ ケンジ ミウラ ヒロシ ヨシダ サチオ
GraphQLは2015年にFacebookにより公開された、RESTとは異なるアプローチのアーキテクチャ。クエリ言語を用いてデータを操作し、その表現力の高さにより本当に必要なリクエストを送ることができる。本書ではGraphQLの概要と、GraphQLを用いたWebサービスの開発方法を実装例に沿って紹介。
「短期間」で玉手箱を攻略
採用筆記試験で多用される玉手箱。SPIや他のウェブテストとは問題内容がまったく異なります。よって、いきなり解こうとしても、その手掛かりをつかむまでに時間切れ、ということも十分考えられます。
かといって、対策に時間を掛けたくない‥‥‥本書はそんな方にピッタリの内容です。
解きながら実力を身につけられるよう、1回15〜20分でこなす実践テストを4回、最後は60分かけて解くテストを収録しています。解答・解説は別冊で、照合しやすくなっています。
また、オリジナル性の強い計数(数学系)の問題については、直前対策として、主な問題パターンと解き方を、例題を交えて解説しています。
なお、試験では主に、以下の問題が出ます。
・計数分野:図表を読み解いて答える/計算式にある空所を求める/表で空欄になった数値を答える
・言語分野:長文に続く短文が、長文の内容に沿っているかを答える/長文に続く短文が、長文で一番言いたいことかを答える
・英語分野:長文に続く短文が、長文の内容に沿っているかを答える/長文に対する質問に答える
目次
PART1 5日間 実践テスト
1日目 実践テスト
(図表読解/四則逆算/図表補充/言語・論理性を問う/言語・趣旨を問う/英語・長文読解)
2日目 実践テスト
(図表読解/四則逆算/図表補充/言語・論理性を問う/言語・趣旨を問う/英語・論理性を問う)
3日目 実践テスト
(図表読解/四則逆算/図表補充/言語・論理性を問う/言語・趣旨を問う/英語・長文読解)
4日目 実践テスト
(図表読解/四則逆算/図表補充/言語・論理性を問う/言語・趣旨を問う/英語・論理性を問う)
5日目 実践テスト
(図表読解/四則逆算/図表補充/言語・論理性を問う/言語・趣旨を問う/英語・長文読解/英語・論理性を問う)
PART2 計数分野 直前対策
図表読解(平均/割合と数値/増減/比率/正誤)
四則逆算(計算)
図表補充(大小/推移/積算)
性格検査について
■特集1
Python最新Web開発── FastAPI+SQLAlchemyで非同期処理
本特集では、マイクロサービスやシングルページアプリケーションと相性が良い、PythonのWebフレームワークFastAPIを用いたWeb API開発の解説を行います。FastAPIの中心的な機能であるスキーマ定義からパフォーマンスを引き出す非同期処理、SQLAlchemyを使ったデータベースとの連携を解説したうえで、本格的なWebアプリケーションを開発します。
■特集2
実戦投入パスキー ──いまこそ実現、パスワードレス認証!
本特集のテーマは、パスワードレス認証を実現するパスキーです。パスキーの開発にはApple、Google、Microsoft という3 プラットフォーマーが協力して取り組んでおり、大手サイトでも一気に導入が進むと期待されます。本特集では、パスキーが解決する従来の認証システムの課題と、パスキー導入のベストプラクティスを徹底解説します。
人気が出る、儲かる、稼げる!書き方の黄金ルール、プロの講師がすべて教えます!!企業のWeb担当者、ECサイトの店長、ブロガー、アフィリエイター。「書けない」悩みとオサラバしよう!思わず試してみたくなる文章術を大公開!!
AWSの最初の一歩としての基本の知識を、1冊にぎゅっと凝縮した入門書。
誰もが確実に知識を身につけられるように、豊富な図解とわかりやすいテキストで、AWSの幅広い知識を体系的に解説していきます。
<本書の特徴>
● オールカラーの紙面に、図や画面を豊富に掲載。楽しく、直感的にわかりやすい内容を目指しました。
● 仮想サーバー、ストレージ、ネットワーク、データベース、セキュリティなどの根幹をなすサービスを、コストや利用イメージなども交えながら丁寧に解説。基本の知識がしっかり身につきます。
● ITシステムに馴染みのない人でもつまずかないよう、サーバーやネットワークなどの基礎知識もやさしく解説します。
● コンテナ、サーバーレスコンピューティング、機械学習などの新しいサービスもしっかり紹介。いまどきのシステム開発の基礎知識も身につきます。
● 定番のサービスだけでなく、知っておきたい便利なサービスも多数掲載。本書では60以上のサービスを紹介しています。
「この本を読み終わったあと、あなたはファンダメンタルズ、テクニカルの両マーケティングをマスターし、一流のWebマーケッターに生まれ変わっているだろう」
“無一文から4年連続上場&株価上昇率日本一”
東証プライム上場社長・現役マーケッターが、
Webマーケティングの成果を最大化する83手法を全公開!
ーーーーー
【ファンダメンタルズマーケティング】
商品そのものやユーザーのペルソナ、インサイトを分析してコミュニケーションを設計すること。すなわち人間の感情をベースにしたコミュニケーションの設計方法である。
【テクニカルマーケティング】
クリック率や遷移率、購入率などの数値分析できるデータから顧客とのコミュニケーションとの設計をすること。デジタルデータを駆使して利益を1円単位で計算しながら運用していく方法である。
ーーーーー
<本書の構成>
●第0部
「ファンダメンタルズマーケティングとテクニカルマーケティングの概要」
●第1部
「ファンダメンタルズマーケティングの極意」
●第2部
「テクニカルマーケティングの極意」
●第3部
「これからのマーケッターとブランド戦略の行方」
いちばんわかりやすく、いちばん詳しく、いちばん客観的 なWeb3本が誕生!
イーロン・マスク(テスラCEO)、ジャック・ドーシー(ツイッター創業者)……著名人の間で議論沸騰!
うさんくさい?実体がない? 否、真に民主的なネットを実現する神か?
ブロックチェーン、暗号資産、NFT(非代替性トークン)……を内包するWebの第3の波
DeFi(分散型金融)、GameFi(ゲームファイ)、トークノミクス、DAO(分散型自律組織)、DEX(分散型取引所)、DeSci(分散型サイエンス)暗号資産、SBT……複雑極まりないWeb3の世界を紐解きます。
第1章 Web3とは何か
第2章 Web3時台の新しい組織のカタチ DAO
第3章 Web3の代表的なユースケース━━DeFi(分散型金融)
第4章 Web3の代表的なユースケースーーGameFi
第5章 リアル世界へ広がるWeb3
第6章 Web3を支えるトークノミクス
第7章 Web3を実現するテクノロジー
第8章 真の分散型社会は実現するか
付 録 便利に使えるWeb3用語集
脳神経外科医にとって「最もありふれた疾患」である慢性硬膜下血腫だが、難治性再発・器質化・多胞性症例、低髄液症候群に合併するものなど、治療に難渋する場合も多い。発生・増大機序を含め、いまだ未解明な点が多い当該疾患のすべてを経験豊富なエキスパートが解説。「最も日本では稀な疾患」である頭部銃創、刺創も特集。
『艦隊これくしょん』のアンソロジーコミック横須賀鎮守府編第22巻。よそ見したらダメだからね! な作品いっぱいです。カバー:鈴穂ほたる 作家:日鳥、柚木ガオ、ととねみぎ、みにまる、ずんだコロッケほか
デザイン知識ゼロからでOK!
「かっこいい」「おしゃれ」ではなく、徹底的に「売れる」にこだわるWEBデザイン鉄板ルール。
顧客心理から逆算するデザインの思考法&実践法。
ジンガノ元帥から、新たに〈ヴィクトリー〉の艦長を引き継いだグレンジャーは、人類の存亡を賭けて、ペナンブラ星系へと向かう!