渡辺 知規
Author
Publisher
linkedin.com
Pub. Date
2014.
Language
日本語
Description
Lightboxとは半透明な黒を背景に四角いウィンドウ内にコンテンツを表示する機能です。このコースではJavaScriptとjQueryを使ってサイトのページにLightboxを作成する手順を解説します。JavaScripとjQueryの説明からHTMLやCSSでのコーディング、そして実際にLightboxの表示を切り替えなどを順を追って解説します。
このコースでは、JavaScriptとjQueryを使ってサイトのページ上にLightboxを作成します。Lightboxとはよくウェブで見かける、半透明な黒い背景の上に浮かぶ四角いウィンドウの中にコンテンツを表示する機能のことです。JavaScripとjQueryの説明からHTMLやCSSでのコーディングの方法、そして実際にLightboxの表示を切り替える方法など、順を追って解説していきます。このコースをマスターすれば、様々な用途でLightboxを利用できるようになるのはもちろんのこと、JavaScriptやjQueryの基本についても同時に習得することができるでしょう。...
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
日本語
Description
このコースでは、実際にWebデザインを行うときに頻繁に利用するCSS3の新機能と使い方を解説します。具体的にはWebフォント機能やFont Awesomeを使ったアイコンの表現方法、マルチカラムレイアウトや丸角ボックスの作成方法、アニメーションができるトランジション機能やトランスフォーム機能について紹介します。
CSS3での機能追加により、様々なことをCSSのみで表現できるようになりました。このコースでは、実際にWebデザインを行うときに頻繁に利用するCSS3の新機能と使い方を解説します。具体的にはWebフォント機能やFont...
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
日本語
Description
PhoneGap BuildとはHTMLやCSS、JavaScriptなどを使って制作したファイルをモバイルアプリに変換してくれるWebサービスです。このコースではPhoneGap Buildを使いながらGPS機能を用いた地図アプリの作成する方法について学習します。PhoneGap Buildの事前準備や地図機能の実装方法などについて詳しく解説します。
PhoneGap Buildとは、HTMLやCSS、JavaScriptなどを使って制作したファイルをWeb上にアップロードするだけでスマートフォンやタブレット用のモバイルアプリに変換してくれるWebサービスです。iOSやAndroidといった複数のOSに対応したアプリを同時に開発することができます。このコースでは、PhoneGap...
Author
Publisher
linkedin.com
Pub. Date
2014.
Language
日本語
Description
このコースではJavaScriptとjQueryを使ってユーザー登録フォームなどでユーザーが入力忘れや誤記入した場合にユーザーに通知するフォームバリデーション機能を実装する方法を学習します。JavaScriptとjQueryの説明からHTMLやCSSコーディングの仕方、入力必須項目のチェック方法についても紹介します。
このコースではJavaScriptとjQueryを使ってフォームバリデーション機能を実装する方法を学習します。フォームバリデーション機能とは、ユーザー登録フォームなどでユーザーが入力し忘れたり誤った情報を入力した場合にユーザーに通知する機能のことです。JavaScriptとjQueryの説明からHTMLやCSSコーディングの仕方、入力必須項目のチェック方法についても学んでいきます。このコースをマスターすれば、様々な入力フォームにバリデーション機能を実装できるようになるのはもちろんのこと、JavaScriptやjQueryの基本についても同時に習得することができるでしょう。...
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
日本語
Description
ウィークリーWebデザインシリーズではWeb制作全般に関するTIPSを毎週紹介します。とり扱う話題はデザインやコーディング、プログラミングまで多岐にわたります。デザインで便利なPhotoshopの使い方やHTML5やCSS3の新機能、高機能なJSライブラリや便利なjQueryプラグインの利用方法などについて、現場で得た様々なノウハウを厳選してお届けします。
ウィークリーWebデザインシリーズではWeb制作全般に関するTIPSを毎週紹介します。とり扱う話題はデザインやコーディング、プログラミングまで多岐にわたります。デザインについての話題ではPhotoshopの便利な使い方を紹介します。コーディングでは各種コーディングテクニックのほか、HTML5やCSS3の新機能の使い方について解説します。プログラミングではJavaScriptを中心に、高機能なJSライブラリや便利なjQueryプラグインの使い方を学びます。Webデザイナー/Webプログラマーとして様々なプロジェクトに携わるなかで得たノウハウを業界の最新トレンドを反映しながら厳選してお届けします。...
Author
Publisher
linkedin.com
Pub. Date
2014.
Language
日本語
Description
Angular.jsはJavaScriptライブラリで、複雑なWebアプリケーションを簡単かつ効率的に開発していくことが可能です。このコースではノートパッド機能をもったWebアプリケーションを実際に作り、それをAngular.jsを使って実装する方法について学習します。このコースを見れば、Angular.jsの基本的な内容とワークフローがわかるでしょう。
このコースではノートパッド機能を持ったWebアプリケーションをAngular.jsを使って実装する方法について学習します。...
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
日本語
Description
このコースではWordPressの機能を人気のプラグインJetpackとContact Form 7、およびMW WP Formでさらに拡張し、簡単にサイト上に問い合わせフォームを設置する方法を解説します。それぞれの特徴や入手先、インストール方法、さらには管理者への通知メールやサンキューメールの設定方法などについても詳しく説明します。
WordPressは世界中で人気の無料のブログソフト/CMSです。このコースではその機能を人気のプラグインJetpackとContact...
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
日本語
Description
WordPressは世界中で人気の無料のブログソフト/CMSです。このコースではその機能を人気のプラグインであるJetpackとWP Social Bookmarking Light、それにAddThis Sharing Buttonsでさらに拡張し、サイト上に各種ソーシャルメディアの共有ボタンを設置する方法について解説します。
WordPressは世界中で人気の無料のブログソフト/CMSです。このコースではその機能を人気のプラグインJetpackとWP...
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
日本語
Description
WordPressは世界中で人気の無料ブログソフト/CMSです。Backup to DropboxとBackWPupというプラグインを使えば、バックアップを自動的にとれるのでとても便利です。このコースではこれらを使って簡単にサイトのバックアップをとる方法について解説します。その入手先やインストール方法から実際にサイトを復元するまでのやり方を説明します。
WordPressは世界中で人気の無料ブログソフト/CMSです。サイト運営ではトラブルに備え、日頃からバックアップをとっておく必要があります。Backup...
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
日本語
Description
WordPressは世界中で使われている無料のWeb制作ソフト/CMSです。その機能を拡張してさらに便利にしてくれるのがAdvanced Custom Fieldsです。このコースではその機能の紹介からプラグインの入手先やインストール方法、さらにはフィールドグループの作成やサイトへの出力まで詳しく紹介します。
WordPressは世界中で使われている無料のWeb制作ソフト/CMSです。その機能を拡張してさらに便利にしてくれるのがAdvanced...
15) Apple Watch 入門
Author
Publisher
linkedin.com
Pub. Date
2015.
Language
日本語
Description
Apple Watchはアップルから発売された腕時計型のウェアラブルデバイスです。iPhoneと連携させることでさまざまな情報にアクセスできます。このコースではApple Watchの基本的な使い方について解説します。基本設定や操作方法のほか、iPhoneとのペアリングや文字盤のカスタマイズ、Siriを使った音声入力やさまざまなアプリについて紹介します。
Apple...
Author
Publisher
linkedin.com
Pub. Date
2014.
Language
日本語
Description
Edge Animateはさまざまなデバイスに対応したアニメーションなどのコンテンツを効率良く作成することができるソフトです。このコースではEdge Animateの基本的な知識や機能について解説していきます。Edge Animateの画面の見方、各パネルの機能や使い方、各要素のプロパティの設定の仕方についても解説します。
HTML5、CSS3、JavaScriptを利用して、アニメーションなどのコンテンツを効率良く作成することができるEdge...
Author
Publisher
linkedin.com
Pub. Date
2014.
Language
日本語
Description
このコースでは、JavaScriptとjQueryを使ってスライドショーを作成する方法について学習します。具体的には、手動切り替えボタンが付いた画像のスライドショーをJavaScriptとjQueryを利用して実装する方法について解説します。同時にHTMLとCSSでのコーディングの仕方やJavaScriptやjQueryの基本についても学ぶことができます。
このコースでは、JavaScriptとjQueryを使ってスライドショーを作成する方法について学習します。具体的には、手動切り替えボタンが付いた画像のスライドショーをJavaScriptとjQueryを利用して実装する方法について解説していきます。JavaScripとjQueryについての簡単な説明からHTMLとCSSでのコーディングの仕方、画像のスライドアニメーションの実装方法などについて順を追って解説していきます。このコースをマスターすれば、様々なスタイルのスライドショーを作成できるようになるのはもちろんのこと、JavaScriptやjQueryの基本についても同時に習得することができます。...
Author
Publisher
linkedin.com
Pub. Date
2014.
Language
日本語
Description
このコースでは、レスポンシブWebデザインに対応したサイトをDreamweaverを使いながら制作する方法について解説していきます。レスポンシブWebサイトについての説明や、制作するにあたっての設計のコツ、Dreamweaverがもつ機能や使い方などを実際の制作手順に基づいて解説していきます。
このコースでは、レスポンシブWebデザインに対応したサイトをDreamweaverを使いながら制作する方法について解説していきます。レスポンシブWebデザインとは、ひとつのHTMLファイルで、スマートフォンやタブレット、PCといった様々な種類のデバイスに対応したWebサイトのデザインです。レスポンシブWebサイトについての説明や、制作するにあたっての設計のコツ、Dreamweaverがもつ機能や使い方などを実際の制作手順に基づいて解説していきます。...
20) Ajax 入門
Author
Publisher
linkedin.com
Pub. Date
2016.
Language
日本語
Description
AjaxとはAsynchronous JavaScript + XML の略で、JavaScriptを使って非同期通信を利用しWebサイトのコンテンツを動的に書き換える手法です。このコースではモダンなWebサイト作るうえで必須の技術となっているAjaxjについて、その機能を簡単に実装できるjQueryを使って解説します。
AjaxとはAsynchronous JavaScript + XML の略で、JavaScriptを使って非同期通信を利用し、Webサイトのコンテンツを動的に書き換える手法です。このコースではモダンなWebサイト作るうえで必須の技術となっているこのAjaxについて、その機能を簡単に実装できるjQueryを使いながら解説します。具体的にはjQueryとAjaxの基礎知識やAjaxのプログラミング方法、Ajaxを実行して取得したJSONやJSONPへのアクセス方法や、外部APIにアクセスして情報をサイト上に表示する方法などを紹介します。このコースを見てWeb制作の可能性を広げてください。...