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(フック)
TVアニメ化決定!!
ヤングガンガン版WORKING!!よりも一癖も二癖もアクが強い『WEB版WORKING!!』のおまけ版その1!! 高津カリノが公式HPに掲載した、カップルになったメンバー達のその後の苦悩(?)や、店のメンバー達のちょっとした日々などを収録☆ もちろん全編リライトしてお届けです!
小さな会社には小さいなりの戦い方がある。低予算で実現できるネット戦略の立て方からWebサイトの制作、YouTube動画、ブログ、SNS、ネット広告の活用まで!
本書は、これからWeb広告の世界に足を踏み入れる人、すでに1〜3年程度Web広告に携わっている人、部下にWeb広告の基礎・基本を教えるマネージャーを対象に、Web広告の上手な使い方を解説する本です。
上手な使い方といっても、「入札は何円から」「キーワードは何個入れるべき」といったテクニックだけでは、広告の運用はうまくいかないものです。
本書では、Web広告を使って「ユーザーをどのようにして動かしていくのか」という視点で解説しています。そのような視点を持つことによって、Web広告の種類の多さや、新しい技術に惑わされず、長く使える広告運用のスキルが身に着くはずです。もちろん、明日から使える広告設計や運用のテクニックも、実例を踏まえながら紹介しています。
Chapter 1ではまず、Webで上手に商品を売るために必要なことと、その中でWeb広告でサポートできる部分はどこかを説明します。
Chapter 2では、基本的なWeb広告の種類や、準備から出稿、改善といった運用の流れ、知っておくべき大切な指標などについて説明します。実際の作業に入る前に、ここで基本的な知識を身に付けておきましょう。
Chapter 3では、Web広告の設計について、具体的にどのように進めればよいのかを解説します。ターゲットを決め、広告によってどのように変化して欲しいのかを考えていきましょう。
Chapter 4では、広告の効果の測定方法について、測定のために準備することや見るべき指標、よくある間違いなどについて解説します。後半では、それをもとにどのように改善していけばよいのかを説明していきます。
Chapter 5は、Web広告の詳しい説明の章です。「リスティング広告」「ディスプレイ広告」「アフィリエイト広告」「動画広告」「SNS広告」について、特徴や仕組みについて説明し、効果的な使い方を解説します。
Chapter6では、効果的なクリエイティブ(広告素材)はどのように作れば良いのか、バナーやランディングページを例に挙げながら解説します。
Chapter 7では、本書で学んだことを振り返り、日常的にできるトレーニングを紹介します。
悪性脳腫瘍について、画像診断・病理診断から手術、放射線治療、最新の化学療法、免疫療法まで、すべてを網羅。手術は脳神経外科専門医試験に必須の体位(頭位)・皮切・開頭も丁寧に解説。エキスパートによる手術WEB動画も多数収載した。
■こんな人におススメです■
◎人気の高いWebサイトを作れと言われて困っている
◎外注するにしてもWebの知識がないので焦っている
◎打合せで飛び交う専門用語を知らない自分がヤバい!
◎自社サイトのアクセス数がなぜ少ないのかわからない
◎インターネットで稼ぐには何が必要なのかを知りたい
今やWebマーケティングの世界では、常識ツールとなった「Googleアナリティクス」。インターネットにかかわるビジネスマンなら、基礎ぐらいは知らないと仕事になりません。そんな人に、サクッと基礎がわかる待望の入門書が出来ました。
「どうすればアイデアを手に入れることができるのか」。広告業界の第一線で活躍してきた著者が、この問いかけに真っ向から取り組んだ。アイデアは突然浮かんでくるのか、生まれもった特別な才能が必要なのか。そうではない。アイデアをつくる作業は、自動車の製造と同じ流れ作業なのだ。アイデアを生み出すための公式を惜しみなく紹介。半世紀にわたって読み継がれるクリエイターのバイブル。(本文は英語になります)
■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 便利なツール連携
仕事はどうやって見つけるの?どれくらいの収入になるの?どうやって書けばいいの?そんな疑問にお応えします!WebライターによるWebライターのための手引書。
■Puppeteerで、ブラウザのUIを自動操作!
近年、Webシステムの重要性が増しています。
基本的にWebシステムは対話型のシステムであり、
手動で操作するものですが、2つの大きな課題があります。
1つは「作る側が対話的に動くことを確認するテスト」であり、
もう1つは「使う側が複雑なページを使いこなす方法」です。
これらを解決する方法の1つが、2017年にリリースされたPuppeteerです。
Puppeteerは、Node.jsで動くGoogle製のライブラリで、
JavaScriptを使って従来は難しかった
ブラウザ(Chromium&Chrome)のUIを自動操作できます。
■スクレイピング&Web操作自動処理を丁寧に解説!
本書では、Puppeteerの環境構築の手順から始まり、
スクレイピングとWeb操作の自動処理プログラミングを丁寧に解説しています。
さらに豊富な自動処理のサンプルプログラムと、
デバッグやエラー対応も解説しています。
これまで手動で行っていたWebサイトからのデータ取得や抽出、
SPA(Single Page Application)の動作チェックなどを
自動化したい方にお薦めの1冊です。
カバーイラストは、熱狂的なファンが多い漫画家・鶴田謙二氏!
英語偏差値30台からUSMLE(アメリカの医師国家試験)に最高スコアで合格!?
文法や発音、リスニングなどの基礎的な英語力から、医学英文読解や英語診察といった医学英語の最たる領域まで、英語がトコトン苦手だったDr.セザキングだからこそ到達した、最強の勉強方法を伝授!
付録には参考書や塾のお役立ち一覧表、USMLE受験モデルスケジュールなどを収載。さらに購入者限定「英語診察フレーズ」WEB動画付き!
「くねくね」「八尺様」「南極のニンゲン」--都市伝説的な奇妙な「ハナシ」は、ネット時代にどう伝承されるのか。「ハナシ」がインターネット上で増殖していく仕組みと内容の変容を巨大掲示板やSNS、動画共有サイトを事例に解き明かす異色のネット研究書。
序 説話(ルビ:はなし)とコミュニケーション
第1章 ネットロア「くねくね」と電承体について
1 ネット時代の世間話
2 スクロールされる話
3 「2ちゃんねる」という世間
4 ネット上のフィールドワーカーとテンプレ
第2章 再び「くねくね」と電承体について
1 明滅する電承体
2 電承体の「地域」差
3 ビリーバーとリサーチャー
4 ロム組と、透明な「送り手」
第3章 『探偵!ナイトスクープ』の「謎のビニールひも」について
1 真相を求めるネット住人
2 テレビの一回性と噂
3 技術の発達史とネットロア
4 万華鏡的伝承世界
第4章 「八尺様」とネットの身体について
1 視線に基づく怪談
2 体験談の人称ーー口承・書承・電承
3 文字電承から音声電承、動画電承へ
4 ネットの身体と怪異表現
第5章 鳥居みゆきの黒い笑いについて
1 狂気と死の笑い
2 コント動画の観客
3 ネット有名人の横顔
4 表舞台の地下芸人
第6章 『あまちゃん』がいる「郷土」について
1 偽史と「郷土」とアイドル
2 奇人と逸話
3 ネットのなかの「郷土」
4 震災とノスタルジア
第7章 「南極のニンゲン」とネット時代の「秘境」について
1 「2ちゃんねる」で生まれた未確認生物
2 海洋奇談と怪獣たち
3 「鮫島事件」と、ドラえもんの「タレント」
4 ネットロアと都市伝説
初出一覧
あとがき
ベストセラー『サッカーで子どもをぐんぐん伸ばす11の魔法』をはじめ、子育てとスポーツ指導の分野で実績のある
島沢優子がプロデュースする革新的野球コーチングガイド!ブログ村ランキング(野球指導分野)で1位の超人気ブログが待望の書籍化。
人気企業で実施されている3つのWebテストの攻略法を紹介。性格検査の詳細解説、過去にWebテストを実施した企業名リストも掲載
◇Part1 Webテスト概要
◇Part2 WEBテスティングサービス
◇Part3 TG-WEB
◇Part4 Web-CAB
◇コラム/企業規模に応じて使うテストが変わる?
AWSのVirtual Private Cloudサービスを基礎から解説。VPC領域の作成・EC2インスタンスへのIPアドレスの割り当て。セキュリティ機能・プライベートなネットワーク運用。DNSサーバーと独自ドメインの運用。
心臓血管外科治療はますます高度になっていくうえに、内科的な薬物治療の知識も不可欠である。研修医にとって複雑な疾患・治療の概念をつかみ、臨床能力を高めるコンパクトでわかりやすい一冊。手術手技やエコー画像もweb動画でたっぷり見られる。
人気企業で実施されている3つのWebテストの攻略法を紹介。性格検査の詳細解説、過去にWebテストを実施した企業名リストも掲載
◇Part1 Webテスト概要
◇Part2 WEBテスティングサービス
◇Part3 TG-WEB
◇Part4 Web-CAB
◇コラム/企業規模に応じて使うテストが変わる?
脳べらを積極的に使う? 極力使わない?
MCA,IC-PC動脈瘤のアプローチはpterional? それともsubfrontal?
脳神経外科医が手術時に感じる、「他の施設のやり方がなぜ違うのか知りたい」に応える1冊。
手技のポイントがよくわかる手術ビデオも多数収載!