教材・情報

Bootstarapを利用してコピペだけでWEBサイトをつくろう【初級 補講】

初級コース特別補講として、WEBサイトを作ります。 Bootstarapをメインとし、すべてコピペだけで完成させるのが目標です。

Bootstarapとslickで機能性の高いWEBページを作る【初級第8回-2】

初級コース第二期最終回となりました。 今回はこれまでに学んだことに加え、新たな知識としてBootstarapを学びます。 WEBページには必須ともいえるフレームワークですが、どのような仕組みになっているか触れていきましょう。 そして、質の高いコードに触れ、HTML,CSS,JSの理解を深めましょう。

JavaScriptで学ぶ配列の仕組み【初級第7回-2】

プログラミングにおいて配列はデータを扱う際に重要な構造です。 そして、必須の知識であり、理解に苦戦する知識でもあります。 今回の講義では、『配列』というものを正しく理解できるよう、解説していきます。

JavaScriptを使って簡単なゲームを作ろう【初級第6回-2】

手軽に触れられるプログラミングとして利用されているJavaScript。 第3回講義でJavaScriptに触れましたが、今回はそのJavaScriptにもう少し踏み込みこんで触れたいと思います。 最初は簡単な動作を行い、後半ではHTMLフォームを交えた簡単なゲームを作りましょう。

ドメインとサーバー、FTPによるファイルのアップロード【初級第5回-2】

WEBプログラミングと切っても切り離せないものがWEBサーバーとドメインです。 WEBで公開するために不可欠な2つですが、実際どのようなものか把握しておくと、今後の活動に差が出ます。 本講義ではFTPソフトを利用してレンタルサーバへのファイルアップロードを行います。

WEB制作していく上で重要なGoogleサービス【初級第4回-2】

現在、Googleは様々なWEBサービスを打ち出しています。 これらサービスは、絶対必要なものからあったら便利だなというものまで様々です。 当講義では、その中でも重要なサービスを取り上げ、WEBサイトへの利用方法を紹介します。

CSS、JavaScriptから学ぶHTMLの属性とレスポンシブデザイン【初級第3回-2】

第3回の講義では、HTMLを学習する上で重要な属性とそれを利用したCSSによるレスポンシブデザインを学びます。 どちらもHTML制作では欠かせない知識ですので、理解できるまで繰り返し学んでください。

HTMLによるWEBサイトを2時間で作ってみよう【初級第2回-2】

今回は簡単なWEBページを作成し、プログラミングを学ぶきっかけづくりにしたいと思っています。 その内容は、HTMLで自己紹介サイトを作ろう!です。

WEB制作とプログラミングの基礎知識とパソコンの環境設定【初級第1回-2】

初級コースの初回は、WEB制作の流れ、プログラマの仕事、コーディングについてを学び、その後にプログラミングをする上で必要なパソコンの環境設定を行います。

HTMLによるWEBサイトを2時間で作ってみよう【初級最終第8回】

初級コースも最終回となりました。 今回は今後さらにプログラミングを学び続けるきっかけづくりとしての内容にします。 その内容は、HTMLで自己紹介サイトを作ろう!です。

WEBプログラミングに適した環境設定とExcelの便利機能【初級第7回】

本講義では、WEBプログラミングから少しだけ離れ、そのプログラミングをやりやすくするための環境設定や、プログラミングをする際に良くつかわれるExcelの便利機能を紹介します。 尚、環境設定はあくまで私見ですので、自分に向いていないと思った際には、参考にしないでも結構です。 Windows向けの内容となっております。

JavaScriptで学ぶ配列の仕組み【初級第6回】

プログラミングにおいて配列はデータを扱う際に重要な構造です。 そして、必須の知識であり、理解に苦戦する知識でもあります。 今回の講義では、『配列』というものを正しく理解できるよう、解説していきます。

JavaScriptを使って簡単なゲームを作ろう【初級第5回】

手軽に触れられるプログラミングとして利用されているJavaScript。 第2回講義でJavaScriptに触れましたが、今回はそのJavaScriptにもう少し踏み込みこんで触れたいと思います。 最初は簡単な動作を行い、後半ではHTMLフォームを交えた簡単なゲームを作りましょう。

ドメインとサーバー、FTPによるファイルのアップロード【初級第4回】

WEBプログラミングと切っても切り離せないものがWEBサーバーとドメインです。 WEBで公開するために不可欠な2つですが、実際どのようなものか把握しておくと、今後の活動に差が出ます。 本講義ではFTPソフトを利用してレンタルサーバへのファイルアップロードを行います。

WEB制作していく上で重要なGoogleサービス【初級第3回】

現在、Googleは様々なWEBサービスを打ち出しています。 これらサービスは、絶対必要なものからあったら便利だなというものまで様々です。 当講義では、その中でも重要なサービスを取り上げ、WEBサイトへの利用方法を紹介します。

CSS、JavaScriptから学ぶHTMLの属性とレスポンシブデザイン【初級第2回】

第二回の講義では、HTMLを学習する上で重要な属性とそれを利用したCSSによるレスポンシブデザインを学びます。 どちらもHTML制作では欠かせない知識ですので、理解できるまで繰り返し学んでください。

教材用HTMLの基礎テンプレート(Jquery,Bootstarap含む)

今後、教材として必ず使うHTMLのセットをご自分で用意して頂くよう、手順を作りました。 自分で作ると、フォルダの構造が理解できるようになってきます。

WEB制作とプログラミングの基礎知識【初級第1回】

初級コースの初回は、WEB制作の流れ、プログラマの仕事、コーディングについてを学習します。

最終回 いままでの講義で学んだ知識のおさらいと実習

これまでの講義で様々な言語や知識を学んできました。 そこで、第一期コース最終回となる本講義で学んできた知識をすべて使った実習を行いたいと思います。

第12回 TwitterやFacebook、InstagramなどのSNSの使い方とその有効利用

スマホの台頭により目にすることが多くなったSNS(ソーシャル・ネットワーキング・サービス)。 主なものでInstagramやTwitter,Facebookなどがあります。 今回の講義では、このSNSの使い方と有効的な利用方法を紹介します。

第11回 JavaScriptで学ぶ配列の仕組み

プログラミングにおいて配列はデータを扱う際に重要な構造です。 そして、必須の知識であり、理解に苦戦する知識でもあります。 今回の講義では、『配列』というものを正しく理解できるよう、解説していきます。

第10回 DBとPOSTとGETを使って簡単な掲示板(BBS)を作ろう

第八回、九回とDBに関する操作を学習してきました。 今回は前回の宿題の解説と、その応用編としてPHPで掲示板(BBS)を作ってみましょう。

第9回 PHP環境上SQLによるDBの操作でデータ表を作ろう

第八回の講義では、SQLによるDBの基本的な操作を学習しました。 今回はさらに踏み込んで、DBを利用した仮想エクセルのデータ表を作ってみましょう。

第8回 PHP環境上でSQLを使ってのDB(データベース)管理

データベース(以下DB)の操作にはプログラミング言語であるSQLが必要になります。 そしてそのSQLは、PHPやPython、Rubyなどのプログラミング環境内で利用することにより、DBとの連携が可能になります。 今回の講義では、PHPを利用してDB管理を行います。

第7回 CSS、JavaScriptから学ぶidやclassの上手な使い方

HTMLコーディングしていくうえで疑問に思うのが、id属性やclass属性の存在です。 実はこれ、なくてはならない存在で、これがなければCSSやJavaScriptが成立しません。 そこで、上記の言語を利用することにより、各属性の理解を深めましょう。

第6回 WEBサイト公開時に利用すべきGoogleサービス

WEBサービスを世に出す際、まずWEBサイトがGoogle検索結果に表示されるところから始めなければいけません。 そうなるために利用すべきGoogleサービスがあり、それは知っておかなければいけない知識でもあります。 当講義では、WEBサイト公開時にまず利用すべきGoogleサービスを紹介します。

第5回 スマホ対応レスポンシブデザインとBootstarap

スマートフォンでHPを閲覧するユーザーが増えた昨今、スマホ用のデザインページが必須となりました。 とはいえ、PCとスマホ別々にページを用意するのは効率的ではありません。 そんな時に開発されたのがレスポンシブデザインです。 今では必須となったこのデザイン知識ですが、どのような使い方をするのか解説します。

第4回 Googleサービスを知り、WEBサイトに利用する

現在、Googleは様々なWEBサービスを打ち出していますが、それらをすべて把握している人は稀です。 当講義では、その中でも重要なサービスを取り上げ、WEBサイトへの利用方法を紹介します。

第3回 WordPressから学ぶプログラミング言語『PHP』

どのプログラミング言語に限らず、何かサービスを作ったら、必ず告知ページ、WEBサイトが必要になります。 ユーザーにそのサービスが周知されなければ、サービスとして成立しないというのがその理由です。 そして、その告知に使えるWEBサイトが簡単に作れるのがWordPressであり、それを構成するプログラミング言語『PHP』です。 今回の講義では、この2点を重点的に説明します。

第2回 ドメインとサーバー、ディレクトリ構造

WEBプログラミングと切っても切り離せないものがWEBサーバーとドメインです。 WEBで公開するために不可欠な2つですが、実際どのようなものか把握しておくと、今後の活動に差が出ます。