限られた時間で最大限の成果を出すには!?
Web担当者から業界志望者向けにコンテンツ製作の基本から現場の工程、ビジネスモデルまでこの一冊でわかる! Yahoo!ニュース、東洋経済オンライン、文春オンラインなど国内を代表するメディアの現場のノウハウを紹介。
コーディングに適したプロトタイプが作れる!
本書はAdobe XDを使った
WebデザインとUIのプロトタイピングを、
高品質なサイトを作りながら、
現場のワークフローに沿って学んでいく本です。
ワイヤーフレームの作り方から、
デザインカンプ制作、コンポーネントの管理、
画面遷移の設計、インタラクティブなプロトタイプ制作と共有、
コーディングに必要なデザインスペックの共有、
さらに動きのあるUI設計やプラグイン活用まで、
現場レベルで求められるスキルを、
より実践的な学び方で習得できます。
初学者から、現場経験が浅い新人デザイナー、
さらにグラフィックデザインからWebへキャリアを広げたい方まで、
しっかりWebデザインを学びたい、あらゆる方のための一冊です。
*本書は、Adobe XDのバージョン28.6.12.3をベースに書かれています。
*Adobe XDをインストールして使用するには、macOS 10.12以降、
またはWindows 10 Creators Update(64ビット)(v1703[ビルド 10.0.15063]以降)が必要です。
Chapter 1 Adobe XDの基本と制作準備
01|Adobe XDが必要になった背景
02|Adobe XDの特徴
03|インストールと環境設定
04|フォント環境を整える
Chapter 2 ワイヤーフレームの制作
01|制作の準備をする
02|トップページのワイヤーフレームを作成する
03|コンポーネントについて理解する
04|トップページのワイヤーフレームを完成させる
05|下層ページのワイヤーフレームを完成させる
Chapter 3 スマートフォン版デザインカンプの制作(1)トップページ
01|共通パーツを作成する
02|トップページデザインの作成
Chapter 4 スマートフォン版デザインカンプの制作(2)下層ページ
01|下層ページ共通デザインの作成
02|コンセプトページの作成
03|製品一覧ページの作成
04|敏感肌用化粧水ページの作成
05|よくあるご質問ページの作成
06|店舗情報ページの作成
07|「オンラインショップ」セクションの作成
08|メニューページの作成
Chapter 5 インタラクティブ・プロトタイプの制作
01|プロトタイプモードに切り替えて作業する
02|リンクを設定する
03|共通部分のリンクの設定
04|メニューページのプロトタイプ
Chapter 6 プロトタイプとデザインスペックの共有
01|プロトタイプを共有する
02|デザインスペックを共有する
Chapter 7 デスクトップ版デザインカンプの制作
01|デスクトップ版を作成する準備
02|デスクトップ版トップページを作成する
03|下層ページの共通部分を作成する
04|下層ページを作成する
Chapter 8 コーディングの準備と画像の書き出し
01|コーディングの準備
02|差し替え作業をする
Chapter 9 動きのあるUIの制作
01|自動アニメーションの基本
02|スクロールダウンアイコン
03|開閉式のアコーディオンメニュー
04|ボタンホバー時のアニメーション
05|アンカーリンク
Chapter 10 プラグインの活用
01|プラグインの使い方
02|プラグインの紹介
必須ノウハウが詰まった『111技』本が全面リニューアル+ボリュームアップ!悩む間に成果を出せる便利技から10年後も役立つ本質までがこの1冊でわかる。
■特集1
はじめてのトラブルシューティング ── もしもに備えた基本を身に付ける!
本特集では、トラブルシューティングの基礎知識から実践までを紹介します。トラブルシューティングを行うためには、前提となる基礎知識が不可欠です。Webアプケーションであれば、フロントエンドからバックエンドまでの幅広い知識が必要ですモバイルアプリであれば、Webアプリケーションとは異なるリリースフローを意識しければなりませんし、OSごとの違いを知っておく必要もあります。トラブルシューティングは備えあれば憂いなし。本特集を参考に、できることから始めていきましょう。
■特集2
[実践]AWS CodeDeploy ── 柔軟/安全/高速な自動デプロイ
本特集では、現場で活きるデプロイ環境の構築技術を身に付けることを目標に、AWS CodeDeployを使ったWebアプリケーションのデプロイを実践します。デプロイは、信頼性の高いサービスを提供するうえで欠かせない重要な役割を担っています。AWSCodeDeployにより、柔軟にスケールできる/安定状態にすぐロールバックできる/高速に自動デプロイできる、信頼性の高いデプロイを簡単に実現します。
■特集3
アプリケーションアクセシビリティ ── 誰もが使うWeb、iOS、Androidだからこそ
世の中のアクセシビリティについての情報は伝統的なWeb ページを前提としたものが多く、アプリケーションのUIに関する情報はあまり流通していません。また、モバイルアプリケーションでのアクセシビリティの実装方法もあまり知られていません。そこで本特集では、Web/モバイルアプリケーションでのアクセシビリティについて取り組み方から改善のノウハウ、よくある問題の解決法まで、先進的な取り組みで知れるfreeeでの実例も交えながら紹介していきます。
■一般記事
わかりやすいFAQの書き方 ── システムで処理しやすく、ユーザーに読みやすい!
■特集1
はじめてのトラブルシューティング / 前川 昌幸、山田 祥、曽根 壮大、牟田 裕太郎
■特集2
[実践]AWS CodeDeploy / 二橋 宣友
■特集3
アプリケーションアクセシビリティ / 伊原 力也、中根 雅文、山本 伶、阿部 諒、夕張めろん
■一般記事
わかりやすいFAQの書き方 / 樋口 恵一郎
■連載
現場で使える!モダンフロントエンド技術【第1回】作って学ぶGUIのしくみ / 風間 雅也
Goに入りては……【第18回】Goにおける文字の扱い / 牧 大輔
Perl Hackers Hub【第61回】GitHub ActionsとAmazon ECSを使ったDockerアプリケーションの自動デプロイ / 野口 啓介
Dive to Java【最終回】Java 14新機能 / 末永 恭正、久保田 祐史
インフラ運用のアイデア&テクニック【最終回】マネージドサービスを組み合わせたログ集約システム / 長田 洸明
■コラム
マネジメントの現場【第1回】エンジニアにマネジメントは必要? / 是澤 太志
縁の下のUIデザイン【第18回】エンジニアに意識してほしいこと / 池田 拓司
はまちちゃんとわかばちゃんのREADER'S FORUM【第67回】 / はまちや2、竹原
Webアプリケーション開発の「基礎の基礎」をしっかり学べる入門書。通信技術とソフトウェア開発技術の両面から、Webシステムのしくみをひとつひとつ確実に解説。
SE、プログラマーを目指す人は必須のCAB。
商社・証券・総合研究所でよく使われているGAB。
幅広い業界で使われているIMAGES。
これらのテスト対策はこの一冊から。
「テストセンター方式のWeb-CAB」C-CAB登場。C-CABの構成はWeb-CABと同じ。Web-CAB完全対応の本書を使えば、C-CAB対策もできる。
対策本売上No1の秘密
○CAB、Web-CAB、GAB、IMAGES、さまざまな種類があるSHL社の採用テストのうち、特に多く使われているテストについて、効率的に対策できる。
○IMAGES全科目に対応。
○実際の出題範囲、出題内容を忠実に再現。
○丁寧な問題解説で読みやすい
■「1冊で合格!」のコンセプトで制作!「テキスト」とリンクした「厳選問題集」で効果的に学べる!【購入者特典】全問(学科・実技)が演習できるWEBアプリを提供!
テキストを読んだら、すぐに問題編にGO!それが合格への近道です。テキストに加え「厳選頻出過去問」を分野別に収載。読者特典のWEBアプリを活用すれば、スマホやパソコンでいつでも問題演習ができます。
■「2分冊の分冊切り離し方式」なので、持ち運びに便利!
本書は、「2分冊方式」を採用しています。「1分冊」には、ステージ1からステージ3までのテキスト&厳選問題集。「2分冊」には、ステージ4からステージ6までのテキスト&問題集。使いやすいように「目次」や「索引」も分冊に分かれており、カバンに入れて持ち運びやすい仕様になっています。
【本書の特徴】
(1)まず「マンガ1コマFPナビ」でイメージを作れる!!
本書は、全レッスンで、フルカラーの「マンガ1コマFPナビ」からスタートします。まずやさしい「イメージ学習」で、どんな学習をするのかを頭に軽く入れるところからスタートしましょう。さらに、時折現れる「4コマFP劇場」で、ほっこりしながら学習を進めて下さい。
(2)「すんなりリズムよく読み進む」ワケは「楽しいイラストと図表」!!
「聞き慣れない専門用語」や「ややこしい規定」が多いFP試験分野。そうしたとっつきにくい部分を、「楽しいイラスト」や「明解な図表」などで、すんなり学習が進むよう、『ポップで楽しい工夫』が満載です。
(3)ぐっと理解が深まる「特別講義」!!
専門的で難しい部分に、とっておきの工夫を施しました。「面倒すぎる暗記」は、「必殺語呂合わせ」を伝授します。さらに難しすぎる出題が多い分野では「特別講義」でしっかりサポート!学習がつまずきやすい部分でも決して「あきらめさせません!」の工夫がいろんなページに入っています。
(4)「問題集」は、全問WEBアプリ付きのテキストとリンクした厳選過去問題集です!!
問題集は、直近15回の本試験出題論点を分析し、学科試験・実技試験の全問題から重要な選択肢・設問を厳選して収載。テキストを読んだ後に問題を解くのがFP学習では、とても効果的です。本書掲載の問題は、WEBアプリを使ってパソコンやスマホで問題演習ができます。無料のWEBアプリを活用すれば、効率よく反復学習ができます。
(5)動画をみて学習が進みます!〜人気FP学習Youtubeチャンネルとコラボ!!
本書企画協力者の『小田博隆』先生による、Youtube「おーちゃん【1級FP技能士】TV」動画とコラボしています!
数ある動画の中から、本書の各分野のページに掲載されているキャラクターに「スマホをかざすだけ」で、おすすめ講義動画リストが表示されます!内容が細分化されているので、苦手な項目の学習などに最適です。
◇Part1 Webテスト概要
◇Part2 計数 四則逆算/表の計算/欠落した表の計算
◇Part3 言語 長文の趣旨選択/IMAGES形式の長文/GAB形式の長文
◇Part4 英語 IMAGES形式の英語/GAB形式の英語
◇Part5 性格・意欲 性格検査OPQ/意欲検査MQ
◇コラム/企業規模に応じて使うテストが変わる?
◇コラム/古きに学ぶ就活の心得
■特集1
[さらに速く! さらに書きやすく!]詳解Ruby 3 ── JITコンパイラ、並列プログラミング、静的型解析
2020年12月25日にリリースされたRuby3には、「JITコンパイラ」「並列プログラミング」「静的型解析」の3つの新機能が追加されました。本特集では、これらがどのような機能で、どのような意図で実装されたのか、どう使うのが効果的なのかを、Rubyの開発を行っているコミッターの方々に解説いただきます。最終章では、言語設計者であるまつもとゆきひろ氏にRubyのこれからを語っていただきます。
■特集2
iOS 14最前線 ── UIKit、SwiftUI、iPadOS、ウィジェット
本特集では、iOSやiPadOSアプリのUI 開発に関する最新情報を解説します。第1章では、Appleプラットフォームの現状を整理します。第2章と第3章ではそれぞれ、2008年の公開以来アップデートを続けるUIKitと、2019年に新しく登場したSwiftUIという2つのUIフレームワークを用いて、UI開発を行う方法を見ていきます。第4章では、iOSアプリをiPadOSとmacOSに最適化する方法を解説します。第5章では、iOS 14の最大の新機能であるウィジェットについて学びます。
■特集3
OKR運用指南 ── 個人と組織の目標がリンクする管理手法
OKRは、開発にも適した目標管理手法で、Objective(目標)の「O」とKeyResult(成果指標)の「KR」を組み合わせたものです。組織の掲げる大きな目標とそれを達成するための成果指標から、最終的には個人の目標とそれを達成するための成果指標までが数珠つなぎになることで、最も重要な目標に注力でき、組織の透明性が上がり、一人一人の自律性やモチベーションが高まります。本特集では「個人のOKRを設定する」(第2章)、「チームにOKRを導する」(第3章)、「OKRの運用を改善する」(第4章)といった具体的なシナリオを通じてOKRの実践的な運用方法を紹介していきます。
Web系エンジニアになるための教科書が誕生!
・需要と将来性
・単価
・スキルの可搬性
・ワークスタイルの柔軟性
・フリーランス案件の充実度
・他の職種との掛け算の容易性
・ジョブチェンジの実現性
・オンライン上での業務の完結性
が全て満たされている、現代における最強のチート職業である「Web系エンジニア」になるために必要な知識、キャリアステップがこれ1冊だけですべてわかります!
ーーーーーーーーーー「はじめに」より抜粋ーーーーーーーーーーーーーーーーーーーーー
ITが社会基盤として完全に定着したこと、IT知識がビジネスパーソンの必須教養になったこと、および小中学校や高等学校でのプログラミング教育の必修化や副業解禁の流れ等により、プログラミング学習が空前のブームになっています。
そのブームに乗ってITエンジニアという職業の人気も非常に高まっていますが、その中でも「需要」「将来性」「単価」「働き方の自由度の高さ」等により最も注目されているのが、GoogleやAmazon、メルカリやクックパッドのような「Web系企業」で働く「Web系エンジニア」です。
学生の方だけでなく、ジョブチェンジを検討している多くの社会人の方もWeb系エンジニアを目指してプログラミングを学習されていると思いますが、そもそも「Web系企業とはなにか」「Web系エンジニアにはどういう職種があり、どういった仕事をして、どういった技術を使っているのか」といった重要な情報が、体系的にまとめられている書籍は今まで存在しませんでした。
そういったニーズにお応えするために企画されたのが本書です。Web業界の概要やWeb系企業の定義、SIer(エスアイヤー)系企業とWeb系企業の違い、Web制作とWeb開発の違い、Web系エンジニアの各職種における具体的な仕事内容、Web系エンジニアになる方法、フリーランスエンジニアになる方法、必要とされるスキルやキャリア戦略を、できる限り現場の実態に即した形で包括的に解説しています。
Web系エンジニアを目指しているプログラミング初学者の方や、Web系エンジニアとしてスキルアップしていきたい駆け出しエンジニアの方がご一読頂くことで、Web業界とWeb系エンジニアの全体像、および必要とされるスキルやキャリアの概観を把握できる内容になっています。
[目次:特集/インタビュー/主な記事/連載/執筆者一覧など]
はじめに
<第1章>12星座別! 開運ミュージック
1)牡羊座 2)牡牛座 3)双子座 4)蟹座 5)獅子座 6)乙女座
7)天秤座 8)蠍座 9)射手座 10)山羊座 11)水瓶座 12)魚座
<第2章>目的別! 開運音楽あれこれ
1)仕事運 2)金運 3)恋愛・結婚運
4)健康運 5)天体逆行期間中
<第3章>タロットカードで毎日開運!
22枚のタロットカード解説
【巻末付録】ミニタロットカード(大アルカナ22枚)
攻略テクニックを凝縮 + 再現問題を最多級収録!
<本書の特徴>
・頻出傾向をカリスマ講師が厳選!
・最新の過去問題を忠実に再現。だから実践的な演習ができる
・圧倒的な問題数で、必要な類題演習がたくさんできる!
・数学から遠ざかっていた受検者でも理解できるわかりやすい解説!
・「玉手箱」対策の決定版!
アクセンチュア、三菱UFJ銀行、日本生命保険、富士通、TBS、アサヒビール、
読売広告社、日本マイクロソフト、KDDI、東京ガス、商船三井、JR西日本、
昭和シェル石油、三井地所 など、人気企業の内定続出!
▼Webテストの概要
・Webテストってどんなもの?
・Webテストはいつ受けるの?
・Webテストの基本構成
・事前にWebテストの種類はわかる?
・Webテストの種類と見極め方
▼玉手箱の概要
・玉手箱の構成
・出題形式と特徴
▼第1章 計数 四則逆算
・出題形式とポイント
・練習問題
・解答と解説
▼第2章 計数 図表の読み取り
・出題形式とポイント
・練習問題
・解答と解説
▼第3章 計数 表内空欄の推測
・出題形式とポイント
・練習問題
・解答と解説
▼第4章 言語 GAB形式
・出題形式とポイント
・練習問題
・解答と解説
▼第5章 言語 IMAGES形式
・出題形式とポイント
・練習問題
・解答と解説
▼第6章 言語 趣旨把握形式
・出題形式とポイント
・練習問題
・解答と解説
▼第7章 英語 GAB形式
・出題形式とポイント
・練習問題
・解答と解説
▼第8章 英語 IMAGES形式
・出題形式とポイント
・練習問題
・解答と解説
▼第9章 性格テスト
・性格テストの概要
・玉手箱の性格テストとは?
・性格(パーソナリティ)
・性格(パーソナリティ)の尺度
・意欲(モチベーションリソース)
・意欲(モチベーションリソース)の尺度
安すぎる手数料、送り込まれてくるド素人、引き延ばされる契約期間…etc.業界を知り尽くした著者が暴露する経営者が知らないインチキマーケティングの真実。
◇Part1 Webテスト概要
◇Part2 WEBテスティングサービス
◇Part3 TG-WEB
◇Part4 Web-CAB
◇コラム/企業規模に応じて使うテストが変わる?
最新の実戦ノウハウを1冊に凝縮!
Webサイトのコードが読める・分かる。書式、HTMLタグ、CSSプロパティーすべてを網羅した定番リファレンス。
基本から押さえておくべきトピックスを次世代Webへの投資、ビジネスを展開する著者が事例で解説。
MikuMikuDance(MMD)はPCで利用できるフリーの3DCG作成ツールで、動画サイトを中心に作品がどんどん公開されています。付属のボーカロイドモデルのほか、自由に使えるモデルが多くあり、さまざまなポーズをとらせて作品を作れます。しかし「自由に動かせる」と言っても、人間の動作を自然に再現するのは楽ではありません。そこで本書では、人体とモデルの違い、モデルの基本操作、「ダンス」「日常動作」「アクション」などの目的別テクニックを詳しく解説していきます。さらに、モーションにさまざまな効果を追加できるMikuMikuEffect、人間の動作をMMDに取り込めるKinectベースのモーションキャプチャなど、最新の技術やテクニックも多数盛り込みました。