現在、ほとんどの教育機関で何らかのオンライン教育が行われており、そのためのさまざまなデジタルツールが登場しています。ただ、教育方法は多岐に渡り、状況に応じてどのようなツールを適正に組み合わせればよいか、悩みは多いことでしょう。
本書は、著者が実際に活用しているデジタルツールについて、その効果と使い方を映像とテキストで解説したものです。映像とテキストを行き来しながら活用法を身につけてみてください。
かならず作れる!
ハンズオン形式で学べる
Figmaの入門教科書です。
Figmaを使ったWeb/UIデザインをマスターするには、実際のWebサイトを作りながら学べるハンズオン形式が最適です。本書は、解説の通りに操作を進めることでFigmaの基本をマスターできる、初学者必携の入門書です。解説に使用している作例データは画像を含めてダウンロードできるので、
1実務に即したデザインを
2実際の流れに沿って制作し
3完成させることができます!
オートレイアウト、コンポーネント、スタイル、バリアブルといったFigma特有の機能はもちろんのこと、最新のWebサイトに必須のハンバーガーメニュー、カルーセル、レスポンシブ対応など、現場で今すぐ活用できるスキルをこれ1冊に詰め込みました。Figmaの最新UIにも対応した、Figma入門の決定版です。
●こんな方におすすめ
・Webデザイナーを目指す学生・社会人の方
・制作会社に入ったばかりの新人Webデザイナーの方
●本書の内容
LESSON 1 Figmaの概要とレッスンの準備
LESSON 2 スマートフォンのWebデザイン
LESSON 3 スクロールするスマートフォン画面
LESSON 4 ページ遷移するカード型ページ
LESSON 5 ハンバーガーメニューとカルーセル
LESSON 6 レスポンシブなWebデザイン
LESSON 7 インタラクティブなUIパーツ
●本書で学べる内容
レイアウトグリッド/オートレイアウト/コンポーネント/インスタンス/プロトタイプ/スタイル/バリアブル/バリアント/オーバーレイ/ハンバーガーメニュー/カルーセル/レスポンシブ/ナビゲーション/検索用ウィンドウ/アニメーション/チェックボックス/ファイル共有 など
はじめに
本書の利用方法
LESSON 用のサンプルファイル
本書の LESSON で作成する内容
●LESSON1 Figmaの概要とレッスンの準備
01 FigmaとUI/UXデザイン
02 ソフトウェアの準備
●LESSON 2 スマートフォンのWebデザイン
01 スマートフォン画面の作成
02 画像とテキストの基本操作
03 アイコンの作成
●LESSON 3 スクロールするスマートフォン画面
01 オートレイアウトの基本操作
02 コンポーネントの基本操作
03 iOSコンポーネントの利用
04 プロトタイプの基本操作
●LESSON 4 ページ遷移するカード型ページ
01 スタイルの作成
02 バリアブルの作成
03 ページ遷移の作成
04 オーバーレイの作成
●LESSON 5 ハンバーガーメニューとカルーセル
01 ハンバーガーメニュー
02 カルーセルの作成
03 アプリでプレビュー再生
04 Figmaファイルの共有
●LESSON 6 レスポンシブなWebデザイン
01 レスポンシブなフレームの拡大
02 プロパティによるデザイン変更
●LESSON 7 インタラクティブなUIパーツ
01 検索用ウィンドウの作成
02 検索操作アニメーションの作成
03 チェックボックスの作成
04 ドラッグで閉じるウィンドウ
Google フォント
カラーコード
ショートカットキー一覧
デジタル経済圏の新時代を俯瞰する!
ビジネスに活かせるヒントが満載!
・Web3プロジェクトの全貌がつかめる!
・新しい概念とキーワードがよくわかる!
・ビジネス戦略と成功事例がよくわかる!
・近未来金融システムDeFi、メタバース、NFTがよくわかる!
・分散型アプリケーションDAppsがよくわかる!
Web3に至る歴史がよくつかめる!
企業のトレンドや参入事例がわかる!
普及に向けての課題とリスクがわかる!
CHAPTER 1 Web3とはなにか?
CHAPTER 2 Web3に関連するキーワード
CHAPTER 3 Web2.0を補完するWeb3のサービス
CHAPTER 4 各分野におけるWeb3のプロジェクト
CHAPTER 5 Web3市場の高まりと課題
CHAPTER 6 Web3の今後の展望
CHAPTER 1 Web3とはなにか?
CHAPTER 2 Web3に関連するキーワード
CHAPTER 3 Web2.0を補完するWeb3のサービス
CHAPTER 4 各分野におけるWeb3のプロジェクト
CHAPTER 5 Web3市場の高まりと課題
CHAPTER 6 Web3の今後の展望
AOの骨折治療に関する基本的な考え方や理念に加え、この10年で新たに蓄積された基礎研究のデータや新開発の治療法なども余さず収載。AOの原理に基づいた治療の実際までをわかりやすい図や写真、動画教材などを用いて丁寧に解説する。世界中の術者に影響を与え続ける名著の改訂第3版、10年ぶりの大改訂!
●エディターチームが専門医カリキュラムから内科専門医試験必出のトピックを厳選!
●日米欧の最新ガイドラインとエビデンスを踏まえ、かつ実臨床に即したコンセンサスにより作成された良質の臨床問題は充実の595問(連問形式を含む全3巻の合計)!
●すべての問題は内科系専門医試験に準拠した構成と出題形式により作成!
●内科専門医試験全体の約60%を占める臨床問題対策の最強ツールに待望の第2弾!
スキル0、センス0、根性なしのポンコツが
WEBデザイナーに!
コンビニのアルバイトすら
まともにできなかった引きこもりが
ダメダメな自分に挑んだ
どん底からの挑戦と成長の軌跡
日々の生活に彩りがなく、仕事に情熱を感じられない。
できれば働きたくないけど、仕方がないので働いている。
そんな気持ちを抱えている人は決して少なくありません。
著者は、やる気も根性もあまりなく、どちらかというと怠け者。
「できれば働きたくない」と思っていた一人でした。
ある時「お菓子を食べながら仕事ができそうだから」という軽い動機で
クリエイティブ業界に足を踏み入れてしまったことで、人生が一変します。
何もできない挫折だらけの「ポンコツ」見習いWEBデザイナーからスタートし、
クリエイティブ業界で多くの失敗を経験しながらも自分を信じ続けた結果、
著者は業界で認められるプロフェッショナルのWEBデザイナーに成長しました。
その過程で学んだダメな自分を受け入れながらも向上心を持ち続け、
少しずつ自分を成長させていく具体的な方法を紹介しています。
著者のリアルな姿は自分に自信が持てずに悩んでいる若い人はもちろん、
人生やキャリアの中盤に差し掛かり、これまでとは違う何か新しいことに挑戦をしたいが、
どう最初の一歩を踏み出せばいいか分からないという人たちに、
自分の新たなポテンシャルを発見し、情熱を注ぐきっかけとなるはずです。
本書は決して成功の物語ではありません。
著者が恥ずかしい失敗をしたときに内面とどう向き合い、
どのようにして生活と仕事の質を高めたのかが細やかにつづられています。
今の自分から変わりたいと思っていても変われないすべての人にとっての貴重な教訓になります。
著者の体験を通じて、自己疑念を乗り越え、小さな一歩から始める勇気と、
自分らしく生きるためのヒントを得ることができる一冊です。
・プログラミング言語は学んでアプリを作ったけれど、実際にWebに公開するのは不安がある
・個人でWebサイトを作った経験はあるが、仕事とするには何に注意をすればいいのかわからない
このような悩みを解消するには、実際のWeb開発がどのような流れで作られているのかを知ることが近道です。
利用者として何気なく使っているWebアプリやWebサイトを開発者側からの視点で捉えることで、Web開発の全体像が見えてきます。Web開発で使われる基本的な用語を整理しながら、Webシステムがどのように作られているのかを押さえていきましょう。
IT業界で仕事をしたいと考えている方だけでなく、新入社員の研修で何を教えれば良いのかわからないという方にとっても、Web開発の全体像を押さえるために最適な1冊となっています。好評既刊「基礎からのプログラミングリテラシー」「基礎からのIT担当者リテラシー」と同様、イラストを豊富に掲載しています。
目次
第1章 Webの概要
■1.1 Webが動くしくみ
■1.2 WebサイトとWebアプリ
■1.3 Webが動く環境
■1.4 開発ツール
第2章 Webサイトの構成
■2.1 HTMLの基本
■2.2 CSSの基本
■2.3 Webサイト運営で知っておきたい知識
■2.4 Web技術のトレンド
第3章 Webサーバーへの配置
■3.1 ファイルの転送
■3.2 ファイルのバージョン管理
■3.3 Webアプリのデプロイ
■3.4 デプロイにおける注意点
第4章 Webに関するネットワーク
■4.1 TCP/IP
■4.2 HTTP
■4.3 Webページが表示されるまで
第5章 Webのセキュリティ
■5.1 Webアプリの脆弱性
■5.2 ログ
■5.3 認証と認可
第6章 ECサイトの設計と運用
■6.1 サイト全体の設計
■6.2 データベースの設計
■6.3 テストの設計
■6.4 運用と保守
第7章 ECサイト制作に求められる知識
■7.1 規約
■7.2 法律
■7.3 決済方法
目次
第1章 Webの概要
■1.1 Webが動くしくみ
■1.2 WebサイトとWebアプリ
■1.3 Webが動く環境
■1.4 開発ツール
第2章 Webサイトの構成
■2.1 HTMLの基本
■2.2 CSSの基本
■2.3 Webサイト運営で知っておきたい知識
■2.4 Web技術のトレンド
第3章 Webサーバーへの配置
■3.1 ファイルの転送
■3.2 ファイルのバージョン管理
■3.3 Webアプリのデプロイ
■3.4 デプロイにおける注意点
第4章 Webに関するネットワーク
■4.1 TCP/IP
■4.2 HTTP
■4.3 Webページが表示されるまで
第5章 Webのセキュリティ
■5.1 Webアプリの脆弱性
■5.2 ログ
■5.3 認証と認可
第6章 ECサイトの設計と運用
■6.1 サイト全体の設計
■6.2 データベースの設計
■6.3 テストの設計
■6.4 運用と保守
第7章 ECサイト制作に求められる知識
■7.1 規約
■7.2 法律
■7.3 決済方法
マーケティング知識+IT知識=新しいマーケティングコンサルタントスキル。広告業界動向からWebマーケティング戦略立案までを網羅。
患者に負担が少なく低侵襲の手術である完全胸腔鏡手術を25年以上にわたり一貫して行い,7,000例以上の豊富な手術件数を有する著者の渾身の一冊.手技の工夫やトラブルシューティングなどもふんだんに収載し,同手技を余すところなく披露.豊富な写真とWeb上で閲覧できる200分を超える動画で同手技をていねいに解説した.
【2019-2024年、5年連続、売上第1位!※】
【全国の書店員がオススメする本(2019年度 CPU大賞)第1位!】←入門講座
【全国の書店員がオススメする本(2021年度 CPU大賞)第1位!】←実践講座
読者の圧倒的な支持!シリーズ40万部突破の大ヒット!
Webサイト制作の決定版が最新情報をたくさん盛り込んで大リニューアル!※※
※日販売上げランキング: HTML関連書籍
※※入門講座[第2版]
基礎から実践までを網羅する
シリーズ2冊をセットにしました。
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインが学べる本
■セット内容
●1冊ですべて身につくHTML & CSSとWebデザイン入門講座[第2版]
Webサイト制作の決定版がリニューアル!
今のWebサイトの作り方が一気に学べる!
モバイルファースト、アニメーション、トレンドデザイン、HTML Living Standard、WebPなど
最新の情報や5年間の間に更新された情報を多数追加!
5年連続売上第1位、シリーズ累計40万部
・知識ゼロから体系的に学べる!HTMLとCSSの基本
・絶対に覚えておきたい技術! モバイルファースト、レスポンシブ、Flexbox、アニメーション
・手を動かしながら学べる!プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!
WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!
コードもデザインも全部学べる!
★本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人
・手を動かし、作りながら学びたい人
サンプルデータはWebサイトよりダウンロードできます。
●「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」
ほんの一手間で劇的に変わる!
一歩進んだWebサイト制作の知識が一気に学べる!
・5つのサイトから学べる!今のWebサイトを作る最新の技術群
・自由な表現ができる!手描き、斜め、グラデーション、あらゆる装飾の作り方
・今日から使える!表とグラフ、アニメーションなど、JavaScriptライブラリ
・動画、カスタム変数、Emmet、Sass、問題解決の知識まで
WebクリエイターボックスのManaが教える
Webサイト制作の実践&旬のスキル。
思い描いているものを形にできる魔法の1行が必ず見つかる!
コードも、デザインも、時短術も、全部学べる!
★本書の対象読者
・HTMLとCSSの基礎学習までを終えた人
・Webサイト制作のワンランク上のスキルを学びたい人
・自由な装飾表現を用いてWebデザインを作りたい人
・アニメーションなど動きがあるサイトを作りたい人
・練習問題やお題に挑戦し、成果を皆と共有したい人
・効率よくコードを記述できる方法を知りたい人
・独学で困った際などの問題解決法を学びたい人
手を動かしながら「作り方」と「考え方」が身につく一冊。
シンプルな記述で可読性の高いRuby言語と、小規模のアプリを作りやすいフレームワークSinatraを利用することで、余計な環境設定に煩わされることなく、Webアプリの学習に集中することができます。
なぜこのプログラムが必要なのか、コンピュータの内部ではどのように処理されているのか。「何となく動かせる」ではなく、「Webアプリの中身をきちんと理解してプログラミングできる」ようになります。
サンプルプログラムのソースコードや、演習として本書の随所に配置されたトレーニング、チャレンジの解答は、森北出版のWebサイトで公開しています。
VirtualBoxで作る仮想環境にWebサーバーを構築するので、PC一つですぐに始められます。
まずは実行してみて、Webアプリがどう作られ動くのか見てみましょう。
第1章 Webアプリが動くしくみ
第2章 PC上に仮想環境を構築しよう - Webアプリ作成前の準備
第3章 Rubyのコーディングに慣れよう
第4章 Webカレンダーを作ろう - いちばん簡単なWebアプリ
第5章 シンプルな掲示板Webアプリを作ろう - データベースと連携する
第6章 パスワードの管理のしかた - ログイン機能をつけるための基礎知識
第7章 Cookieの使い方 - セッションを継続させるための基礎知識
第8章 掲示板Webアプリを完成させよう - より実用的なWebアプリ
AWSの料金体系や最適化ポイントから、コスト削減の実例まで解説。
人気企業で出題されているWebテストの「TG-WEB」対策書。テストの科目に関する出題情報をまとめた「分野別解説」と、「実力模試」で構成。
実力模試は、A(旧)型とB(新)型、2つのタイプの問題を収録。本試験の問題構成や試験時間、難易度の傾向といった特徴も丁寧に再現。
解答・解説では、解法のポイントや速解のコツもピックアップ。
答え・ポイントを隠せる赤シート付き。
◇ TG-WEBをスピード攻略!
【第1章】 すぐにわかる!TG-WEB
o TG-WEBとは?
o TG-WEBのテスト形式
o TG-WEBの見分け方
o テストを受けるまでの流れ
o 試験の科目別特徴
o TG-WEBを採用したことのある企業例
【第2章】 TG-WEBの解き方のコツ
o 言語対策/A(旧)型・B(新)型 要旨把握問題
o 言語対策/A(旧)型 空欄補充問題
o 言語対策/A(旧)型 並び替え問題
o 言語対策/B(新)型 同義語・対義語問題
o 言語対策/B(新)型 ことわざ・四字熟語・慣用句問題
o 計数対策/A(旧)型 図形問題1(立方体の展開図)
o 計数対策/A(旧)型 図形問題2(位相図)
o 計数対策/A(旧)型 図形問題3(投影図)
o 計数対策/A(旧)型 図形問題4(積み木)
o 計数対策/A(旧)型 図形問題5(ジグソーパズル)
o 計数対策/A(旧)型 図形問題6(折り紙)
o 計数対策/A(旧)型 推理問題1(位置関係)
o 計数対策/A(旧)型 推理問題2(順序関係)
o 計数対策/A(旧)型 推理問題3(対応関係)
o 計数対策/A(旧)型 推理問題4(試合・勝敗)
o 計数対策/A(旧)型 推理問題5(暗号)
o 計数対策/A(旧)型 推理問題6(数量条件からの推理)
o 計数対策/B(新)型 四則演算
o 計数対策/B(新)型 図表問題
o 英語対策 要旨把握(内容合致)問題
o 英語対策 空欄補充問題
o 性格テスト対策 G9 / A8 / W8
【第3章】 TG-WEB実力模試・A(旧)型
o 言語
o 計数
o 英語
o 性格テスト
【第4章】 TG-WEB実力模試・B(新)型
o 言語
o 計数
<別冊> TG-WEB実力模試 解答・解説
◇ TG-WEB実力模試 A(旧)型 解答・解説
o A(旧)型/言語 解答・解説
o A(旧)型/計数 解答・解説
o A(旧)型/英語 解答・解説
o A(旧)型/性格テスト 解答・解説
◇ TG-WEB実力模試 B(新)型 解答・解説
o B(新)型/言語 解答・解説
o B(新)型/計数 解答・解説
COLUMN: 電卓機能を使いこなす
初版にあたる『AO法骨折治療ーHand and Wrist』を分冊化し、手関節部の骨折治療に特化してリニューアル。部位別に豊富な症例写真とイラストを用い、精緻な構造の手関節部骨折をいかに治療するかを徹底的に解説する。本書掲載のQRコードを読み込めば、AOが提供する教育コンテンツにアクセスすることも可能。AOが有する教育資源を余すところなく詰め込んだ手の外科医のためのAOマニュアル第2弾が完成!
『音楽の友』に好評連載中の、耳鼻科医が歌手や管楽器奏者などのどや身体を使う著名音楽家や、声を酷使する俳優をゲストに招いて対談する「耳鼻科医から見たアーティストと演奏」。それを一つにまとめ、一挙公開する。著名アーティストたちがそれぞれの悩みや改善点を耳鼻科医と語り合う。またこれから楽器や歌をはじめようとするときに、医学的な観点からアプローチ。姿勢や呼吸などから楽器を演奏するときには、歌うときには、それぞれ最初からいかに自然に、故障なく続けられるような「導入」となる記事を掲載。付録として、故障や疾病、ケガと戦うアーティストの奮闘のもようを専門医の協力を得て取材、収録。手首の骨折からの復帰のもようや、ジストニアの克服など、これまでになかった内容をインタヴューとして紹介する。
耳鼻科医から見たアーティストと演奏
[ゲスト]堀ちえみ(歌手・タレント)、望月哲也(T)、荒木奏美(ob)、彌勒忠史(C-T・演出家)、藤井洋子(cl)、中川英二郎(tb)、堀江美都子(歌手)、五十嵐麻利江(S)、柳澤寿男(指揮者)、青木涼子(能声楽家)、福川伸陽(hr)、大山大輔(Br)、三宅由佳莉(S)、北原幸男(指揮者)、福井 敬(T)、長谷川初範(俳優)、藤原道山(尺八)、大沼 徹(Br)、郡 愛子(Ms、日本オペラ協会総監督)、藤井隆太(fl)
音楽の楽しさを知ろう・経験しよう
[ゲスト]山田和樹(指揮者)、上杉春雄(p)、辻 功(ob)、長谷川陽子(vc)、福崎芳枝(ヴォイストレーナー)
故障・疾病と戦うアーティストたち
[ゲスト]小川典子(p)、金塚 彩(整形外科医)、平良久美(p)、長谷川修(脳神経内科医)、佐藤ひでこ(p)[執筆者]竹田数章、道下京子、池田卓夫、加藤浩子、上杉春雄、辻 功、伊熊よし子、小倉多美子
OpenCV.jsを使って、試してみよう!
マウスで描画! お絵描きツール/減色操作で画像をポスター化/
画像から線画を生成! イラスト・アニメ絵風な着色/画像中の二次元コードを読み取る/
傾いて取り込んだスキャナー画像の修正/画像中の顔をスマホカメラのように検出/
特撮のセット撮影のようにミニチュア風に/固定カメラ中を移動する車両や歩行者だけ抽出
など
Chapter1 HTML5の画像・ビデオ・カメラの入出力
Chapter2 HTML5のユーザインタフェース
Chapter3 OpenCV.jsの導入
Chapter4 画像の構造
Chapter5 色を扱う
Chapter6 画像処理
Chapter7 ビデオ処理
付録A 参考文献
付録B 非同期読み込みの扱い
付録C OpenCV 関数リスト
付録D CSS
BtoB企業限定 WEBマーケティング解体新書
コンピュータにまつわる基礎的な知識が身につく入門書.改訂では内容のアップデートだけでなく,章末問題を充実させて全問に解答例を与えた.
コンピュータの誕生と発展/情報システム/コンピュータと2進数/マイクロプロセッサ/コンピュータの動作原理/オペレーティングシステム/プログラミング/データベース/データ資源とビッグデータ/機械学習/インターネット/ウェブ/ウェブと社会/情報倫理とセキュリティ
本領域をリードする神経筋超音波研究会により,神経筋疾患における超音波検査の基礎から各疾患における評価法をわかりやすくまとめた.エコーの原理,機器の使い方,プローブのあて方のコツのほか,疾患ごとのエコー所見の読み方を豊富な画像,Web動画,および詳細な解説で理解できる.末梢神経・筋疾患の標準的な超音波検査方法を学びたい方のための入門書.
世界中で沸騰するWeb3・暗号資産業界の未来とは? 世界最大の Web3 メディアCoinDesk JAPANの神本侑季はじめ、安宅和人(慶應義塾大学教授、渡辺創太、平将明(デジタル大臣)、落合陽一など、各界の有識者が日本における新たな経済圏の展望を読み解く。