<コンセプト>PC&モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく!
ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介&ネットショップサイトをチュートリアル形式で作成しながら、基本的なHTML要素/CSSの基本構造(セレクタ、プロパティ、値)を学ぶことができ、レイアウトのテクニックやデザイン(Webデザイン&レスポンシブデザイン)の基本も身につきます。
<本書のポイント>
・チュートリアル学習では、PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます
・定番となったflexbox、displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します
・「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます
・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます
・「動画コンテンツページ」「ネットショップページ」も制作します
<綴じ込み特典つき>
付録1デザインのバリエーションが学べる!「レスポンシブデザインのネタ帖」
付録2インターン、就転職に役立つ!「ポートフォリオ用アレンジのネタ帖」
未来学者エイミー・ウェブと合成生物学のパイオニアであるアンドリュー・ヘッセルが、「生体をプログラミングする」合成生物学の限りない可能性について解説した書。
合成生物学は、これまでのCRISPR(クリスパー)のようにDNA配列を読み取って編集するだけの技術ではなく、コンピューター上でDNA配列をプログラミングし、さまざまな新しい機能を持った細胞、微生物、植物、動物を生み出すことのできる、画期的な技術である。
通常の数分の1の資源で数百万人を養える屋内栽培可能な植物や、注射を必要としない合成インスリン、培養臓器移植を使った再生医療、高度な個別化医療などの研究が進められており、気候変動、資源枯渇、医療費増大など人類が直面している数々の問題を解決する可能性を秘めている。同時に、合成生物学の普及で、持てる者と持たざる者への社会の分断がさらに進み、破滅的な未来をもたらしかねないという危惧もある。
本書では、合成生物学が何を可能にし、人類に何をもたらすのかを具体的に示しながら、その倫理的・道徳的・宗教的問題を予測する。老化防止医療が発展し100歳まで若さが維持できるとしたら、社会構造はどう変わるのか。病気と闘うために新しいウイルスをプログラムすることは許されるのか。合成生物学が未来社会にもたらす光と影を、豊富な事例に触れながら解説していく。
はじめに 生命は運で決まるのか?
パート1 起源
第1章 問題のある遺伝子はお断り
ジェネシスマシンの誕生
第2章 スタートラインに向かう競争
第3章 生命の積み木
第4章 神と、ある研究者と、ケナガマンモス(に近いゾウ)
パート2 現在
第5章 バイオ経済
第6章 生物時代
第7章 9つのリスク
第8章 ゴールデンライスの話
パート3 未来
第9章 近い将来に実現しそうな可能性を探る
第10章 シナリオその1 子作りはウェルスプリングで
第11章 シナリオその2 人間が老化しなくなったら
第12章 シナリオその3 アキラ・ゴールドの2037年版「おすすめレストラン」
第13章 シナリオその4 地下の世界
第14章 シナリオその5 業務連絡
パート4 未来に続く道
第15章 新たな始まり
浮世絵はコンテンツビジネス!? 歌舞伎はバーリトゥード!? 茶の湯はロック!? 俳句はヒップホップ!? 源氏物語はトレンディドラマ!?
「日本文化は高尚なもの」という先入観をブチ壊す! 新感覚★ハードル低めの日本文化講座のはじまりはじまり〜
「まじめそう」「つまらなそう」「敷居が高そう」……。そんなイメージが強い日本文化ですが、見方を変えると、現代のドラマや音楽、スポーツやファッションのように、もっと気軽に楽しむことができます。
浮世絵は「アート」じゃない?
なんで歌舞伎役者はみんな男性なの?
近松門左衛門はなんで教科書に載っているの?
芭蕉が詠んだのは俳句じゃない?
千利休は、革命家「茶★ゲバラ」だった?
『源氏物語』のヒットは「政治」のおかげ?
光源氏は平安の「半沢直樹」?
紫の上は、時を操るスーパーウーマン?
幕末の重要ポイントは「3つの正義」?
平安貴族は意外とお下品?
「日本文化を楽しむプロ」を称する「日本文化の入口マガジン」和樂webの編集部と編集長・セバスチャン高木が、浮世絵や歌舞伎などの日本文化をカジュアルに紹介します。今さら聞けない基礎知識や反骨精神あふれる先人たちの生き様、日本文化の奥深さがわかります。そして、日本文化を楽しむコツをつかめるはずです。
過熱する『朝日新聞』バッシングは、理不尽な「慰安婦」バッシングに転化しています。その最大の焦点が「慰安婦は性奴隷か否か?」でした。そこで、そもそも「性奴隷」とは何かを、3つの角度ー戦前の公娼制度、国際法における軍性奴隷制度、現代日本の人身取引問題から論じあいました。本書はその白熱したシンポジウムの全記録です。フィリピンの被害女性の証言、世界の知識人からのメッセージ収録!
世界累計50万部のベストセラー「Python Crash Course」待望の翻訳版が登場! 10歳の小学生から定年世代まで、世界中の読者が学んだプログラミング入門書で、あなたもPythonの基本をしっかり学びましょう。本書は世界の中学、高校、大学でもテキストとして利用されており、またこの本で得た知識をもとに新しい仕事に就き、また副業をスタートさせている人たちが世界中にいます。
本書「実践編」では、「エイリアン侵略ゲーム」「データの可視化」「Webアプリケーション」という3つのプロジェクトにチャレンジします。次第に難易度のあがるシューティングゲーム作りを通じて、2Dゲームの開発ができるようになり、大量のデータを調査し、可視化するデータサイエンスのための必須知識を身に付け、そしてWebアプリケーション開発ではアカウントを作成し日記を記入、ログとして保管できるプログラム作成を習得します。「必修編」で学んだ方はもちろん、Pythonの基礎を学んでより実践的な知識を習得したい方も必読です。
プロジェクト1● エイリアン侵略ゲーム
第1章 弾を発射する宇宙船
プロジェクトの計画を立てる
Pygameをインストールする
ゲームのプロジェクトを開始する
宇宙船の画像を追加する
Shipクラスを作成する
宇宙船を画面に描画する
リファクタリング:_check_events() と _update_screen() メソッド
宇宙船を操縦する
振り返り
弾を発射する
まとめ
第2章 エイリアン!
プロジェクトをレビューする
最初のエイリアンを生成する
エイリアンの艦隊を編成する
艦隊を動かす
エイリアンを撃つ
ゲームを終了する
まとめ
第3章 得点を表示する
Playボタンを追加する
ゲームをリセットする
レベルアップする
得点を表示する
まとめ
プロジェクト2● データの可視化
第4章 データを生成する
Matplotlibをインストールする
簡単な折れ線グラフを描画する
ランダムウォーク
Plotly でサイコロを転がす
まとめ
第5章 データをダウンロードする
CSV ファイル形式
地球全体のデータセットを地図に描画する(JSON 形式)
まとめ
第6章 API を取り扱う
Web API を使う
Plotly を使ってリポジトリを可視化する
Hacker News の API
まとめ
プロジェクト3●Web アプリケーション
●第7章 Django をはじめる
プロジェクトの準備をする
アプリケーションを開始する
ページを作成する:学習ノートのホームページ
追加のページを作成する
まとめ
第8章 ユーザーアカウント
ユーザーがデータを入力できるようにする
ユーザーアカウントを設定する
ユーザーが自分のデータを持てるようにする
まとめ
9章 アプリケーションの スタイル設定とデプロイ
「学習ノート」にスタイルを設定する
「学習ノート」をデプロイする
まとめ
付録
A バージョン管理にGitを使う
B Matplotlibに日本語フォントを設定する
JavaScriptはいまや、Web開発者からデザイナー、ディレクターまで、Web系の仕事に携わるための必須言語になりました。クライアント側・サーバ側のWebアプリケーション開発はもとより、ブラウザの拡張やOfficeアプリのマクロ言語まで、適用範囲も圧倒的に広い言語となっています。本書では、JavaScriptによる開発にこれから携わろうという読者に向けて、JavaScriptによる開発の全体像を俯瞰したあと、JavaScript開発でもっとも重要な3つの知識、「MVCフレームワーク」「AltJS」「タスクランナー」の基礎をわかりやすく解説します。著者名追加:竹馬 光太郎 和智 大二郎 チクバ コウタロウ ワチ ダイジロウ
GraphQLは2015年にFacebookにより公開された、RESTとは異なるアプローチのアーキテクチャ。クエリ言語を用いてデータを操作し、その表現力の高さにより本当に必要なリクエストを送ることができる。本書ではGraphQLの概要と、GraphQLを用いたWebサービスの開発方法を実装例に沿って紹介。
待望の全面改訂版!!大幅増問!自宅PCで受けるSPIを徹底対策!CUBIC、TAP、TALが対策できるのは本書だけ!
100人以上の騎手のデータをあぶり出し、本誌オリジナルの“馬力絞り出しメーター”を掲載。得意レース、狙える条件なども解説し、馬券に役立つ情報が満載となっている。今回は、いまの日本競馬には避けて通れぬ外国人騎手について、いつも以上に徹底解剖。進化したヒノ式馬券術も見逃せない。
脳神経外科手術の術中モニタリング・マッピングについて、会話形式で平易に解説された、「臨床現場で使える」入門書。好評書の前版の内容を最新のエビデンスに基づき見直し、新たに血管内治療や皮質下刺激などの解説も加えてさらに充実。
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(フック)
FAXDMを中心に法人開拓手法を解説。実践すれば、法人へ気合いと根性の無理な営業を行うことが不要になる。
あのサイトみたいなWebにできたら…。コピペで直ぐに使えて、基礎もしっかり身につけられます!WordPressでも使える!画像だけでは表現できないことも実現できる!
HTML5とCSS3を基本から学べる。レイアウトや配色などWebデザインの基礎知識を解説。企画書の作成からコーディングまでのWebサイト制作の流れを説明。
この1冊で、Web会議の悩みをぜんぶ解決!
本書は、Web 会議のコツをイラストとともにわかりやすくまとめました。Zoom、Google Meet、Microsoft Teams など、どのWeb 会議アプリでも使えるコツです。いつものノートPC で大丈夫です。簡単なのに結果が驚くほど変わります! ビジネス会議だけでなく、就職活動のウェブ面接やプライベートのリモート飲み会にも役立ちます!
■基本の基本を知りたいとき → 第1 章
実践すればすぐに効果が得られる10のコツを問題にしています。Web会議の開始前のチェックリストとしても使えます。
■画像に映る印象をよくしたいとき →第2〜3章
相手に好印象が伝わるコツを解説します。構図とアングルのコツは即効性があります。それに照明と音声のコツを加えると効果が高まります。
■相手との距離を縮めたいとき → 第4 章
小道具を使う演出のコツを紹介します。身近にあるものですが、使うか使わないかで差が出ます。
■マイクを通した声の質をよくしたいとき → 第5 章
現役のアナウンサーも実践している、相手が聞きやすい話し方のコツを紹介します。
■会議をスムーズに進めたいとき → 第6〜7章
話を膨らませて、時間内に目的を達成させるためのコツを紹介します。
***
動画付きなのでよくわかる!
本書では70のコツを、イラストでわかりやすく解説していますが、よりその効果がわかるように、ビフォアー、アフターが比較できる解説動画のQRコードを掲載しています。
第1章 Web会議で100%好かれるのは、どっち?
第2章 開始3秒で差がつくホームポジションのコツ
第3章 驚くほど印象が変わるライティングと音声のコツ
第4章 立体的な画面をつくる背景演出のコツ
第5章 相手が聞きとりやすい話し方のコツ
第6章 相手との距離を縮める会話のコツ
第7章 時間内に目的を達成するWeb会議のコツ
ボバースアプローチはボバース夫妻によって開発され、現在も発展し続けている世界で最も普及した脳卒中患者の治療手技です。本書は前書「脳卒中後遺症者へのボバースアプローチ〜基礎編〜」の続編ともいうべき書籍で、基礎編の著者古澤正道先生はもちろん、多数の熟達な執筆陣による渾身の一冊となりました。特に本書では臨床に重点を置いた内容を網羅し、実践的で、その日からの臨床指針に役立つはずです。イラストや画像を多く掲載、より分かりやすく解説しております。また特典として古澤正道氏による患者治療のWEB動画視聴付。脳卒中リハビリに携わる方々には必読の書籍です。
多くの企業で採用されているWEBテスティングについて、言語検査と非言語検査の各出題パターンを分析し、出題頻度の高い問題について対策ができるように構成。
1日目・2日目では、例題や練習問題で出題のポイントや解き方を身につけ、3日目では本番を想定した「実力模試」にチャレンジ。「最短3日」で対策できる。
「実力模試」は、別冊の解答・解説を用意。
答え・ポイントを隠せる赤シート付き。
◇ 『WEBテスティング』を最短3日で攻略!
◇ はじめに
◇ 本書の特長と使い方
【1章】 WEBテスティングについて
● Webテストとは?
● Webテストの種類
● WEBテスティングとは?
【2章】 非言語検査の解法のコツ
[非言語検査] 割合の計算 頻出問題と解法のコツ
● 練習問題
[非言語検査] 方程式 頻出問題と解法のコツ
● 練習問題
[非言語検査] 整数問題 頻出問題と解法のコツ
● 練習問題
[非言語検査] 金銭の計算(損益算) 頻出問題と解法のコツ
● 練習問題
[非言語検査] 速さ 頻出問題と解法のコツ
● 練習問題
[非言語検査] 推論(条件の選択) 頻出問題と解法のコツ
● 練習問題
[非言語検査] 推論(その他) 頻出問題と解法のコツ
● 練習問題
[非言語検査] 場合の数 頻出問題と解法のコツ
● 練習問題
[非言語検査] 確率 頻出問題と解法のコツ
● 練習問題
[非言語検査] 図表の読み取り 頻出問題と解法のコツ
● 練習問題
[非言語検査] 集合 頻出問題と解法のコツ
● 練習問題
<コラム> 「受検慣れ」がWebテスト攻略のカギ!
【3章】 言語検査の解答のコツ
[言語検査] 熟語 頻出問題と解答のコツ
● 練習問題
[言語検査] 3文の完成 頻出問題と解答のコツ
● 練習問題
[言語検査] 文章の並び替え 頻出問題と解答のコツ
● 練習問題
[言語検査] 適語の補充 頻出問題と解答のコツ
● 練習問題
[言語検査] 適文の補充 頻出問題と解答のコツ
● 練習問題
[言語検査] 文章の完成 頻出問題と解答のコツ
● 練習問題
[言語検査] 長文 頻出問題と解答のコツ
● 練習問題
【4章】 実力模試にチャレンジ
[実力模試] 能力検査1
[実力模試] 能力検査2
[実力模試] 能力検査3
<コラム> 選考の過程でWebテストが2回実施されることもある!?
本書は、毎日使っているWebブラウザをハッキングし、さらなる攻撃の足がかりとして利用する方法について、実用的な知識を解説します。
Webブラウザに対する攻撃は、広く普及しているブラウザを標的にするのが一般的ですが、あまり普及していないからといって標的にならないわけではありません。本書では、Firefox、Chrome、Internet Explorerを主に取り上げていますが、一部最新モバイルブラウザにも踏み込んでいます。モバイルブラウザはまだ大きな注目を集めていませんが、これを標的とする攻撃も増えています。
Webブラウザの普及度を考えれば、その数に比例してセキュリティの問題やエクスプロイトの危険性が高まるのは当然です。本書では、今を時めく最新のブラウザをハッキングする方法をハッカーの立場から説明し、そこから攻撃に対する防御方法を考えます。
第1章 Webブラウザのセキュリティ
第2章 制御の開始
第3章 制御の確保
第4章 同一オリジンポリシーのバイパス
第5章 ユーザーに対する攻撃
第6章 ブラウザに対する攻撃
第7章 拡張機能に対する攻撃
第8章 プラグインに対する攻撃
第9章 Webアプリケーションに対する攻撃
第10章 ネットワークに対する攻撃
第11章 あとがき:終わりに寄せて