プログラミング入門ナビ by Proglus（プログラス）

プログラミング学習初心者のための情報メディア

本ページにプロモーションが含まれる場合があります

You are here: Home / 2018 / Archives for 6月 2018

Archives for 6月 2018

GitHubが主催するイベント「GitHub SATELLITE 2018」に参加

By

先日（2018/6/12）、GitHubが主催するイベント「SATELLITE」に参加して参りました。
800人の募集枠が2日で埋まった人気イベントのことで、参加できてラッキーでした。

GitHubは、ソフトウェアのバージョン管理でお馴染みの、世界最大級のソフトウェア開発のプラットフォームです。

MicrosoftによるGitHubの買収

GitHubは、2018/6/4にMicrosoftに75億ドル（約8200億円）で買収されたことと、日経新聞が「設計図共有サイト」という微妙(?)な翻訳を掲載して話題になりました。

日本マイクロソフト CTO 榊原彰氏が登壇しました。
GitHubの独立性をたもって、すべての開発者が今までどおり安心して使えるようにするのがミッション。
ひとまずは安心してよいと思いました。

パネルディスカッション：Rubyが生まれた頃、そしてこれからのRuby

まつもとゆきひろ氏(プログラミング言語Rubyの生みの親)と、GitHubのソフトウェアエンジニアの、アーロン・パターソン (GitHub)氏のパネルディスカッションでは、興味深い話がいろいろと聞けました。

まつもとゆきひろ氏が登壇した理由ですが、GitHubはRubyを使い開発が行われていることから、親交があるとのことです。

Rubyの始まりについて

1993年にできた。
まつもと氏は、ソフトウェア会社で社内ツールをつくっていた。
しかしながら、社内ツールをつくってもお金を稼げないので、プロジェクトは解散となった。
保守担当として2人のこされたうちの1人となった。
今で言う、サポートエンジニア的なお仕事、
あまり管理されてなかったので、その時にRubyを作った。
当時はコンプライアンスに対して大らかで、退職時に上司に開発したRubyを持っていってよいか相談したらOKがでたので、今Rubyが世の中にあるそうです。

Ruby コアコミッター

100人弱。そのうち、日本人半分。
スーパーアクティブなのは日本人。
10年前、Rubyはオープンソースだが、クローズドだと言われた。
日本語で会話が行われているため。
そこで、公式言語を英語にした。
やりとりは、英語でRedmineに書くルール

Rubyの未来。

Ruby on Railsが登場して 2006年に、すごい話題になった。
ハイプ曲線（特定の技術の成熟度、採用度、社会への適用度を示す図）はすぎている。
今は、GitHub、 AirBnb、CookPadなどの、中の人と話をして、Rubyを良くしていこうとしている。
だんだん改良が行われる。

オープンソース・ソフトウェアの作り方も今と昔

20年前

Rubyは 3年間一人で開発して作った

今

「Streem」という新プログラミング言語の下記はじめのソースコード200行をGitHubで公開したら、他の開発者からプルリクエスト（開発したソースコードを取り込んでほしいと依頼する機能）が来て、あっというまに動作するものが完成したとのこと。

開発環境について

テキストエディタは、Emacsを 30年くらい利用している。
キーボードはこだわっている。

最近よく使うキーボードは、

Microsoft エルゴノミックキーボード

左右に別れているキーボードです。
腱鞘炎対策とのこと。

Thinkpad

出張のときは、ノートパソコンの、Thinkpadの内蔵キーボード を利用。
Lenovo ノートパソコン ThinkPad E480 14.0型 Core i5搭載/8GBメモリー/256GB SSD/Officeなし/ブラック/20KN0079JP

Let’s Split

左右に完全に分かれるキーボード。
検索してみたところ、組み立て式のようです。
switchtop

こちらも、腱鞘炎対策とのこと。

ウェアラブルキーボード「Tap」

手に装着して入力する、SFのような入力デバイス。
まだ使いこなせてないとのこと。
どれだけ早く打てるか未知数ですが、VRやメガネ型デバイスと相性が良さそうです。

おわりに

そのほかのセッションでは、GitHubプラットフォームの活用について、様々な知見が得られました。
これからも。開発系のイベントに参加して、最新情報をキャッチアップしていきたいと思います。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

GitHubアカウントの新規作成方法

By

GitHubの新規アカウント作成についてまとめました。

Udemy オンライン講座 「Web開発入門完全攻略コース」サポート記事です。

準備するもの

メールアドレス

GitHubトップページ

GitHub

  • ユーザー名
  • メールアドレス
  • パスワード
    を入力。

利用規約とプライバシーポリシーを確認してから、
Sign up for GitHubボタンをクリック

プラン選択

ここでは freeプラン（無料で使えるプラン）を選択します。
※あとで、有料プランに変更することも可能です。

アンケート

「skip this step」リンクをクリック
又は、
アンケートに答えて、「submit」ボタンをクリック

スタートプロジェクト

「Start a project」ボタンをクリック

emailアドレスの確認

Please verify your email address （メールアドレスを確認してください。）と表示されるので、登録したメールアドレスの受信箱を確認します。

確認メールが届く

すぐにGitHubからメールが届くので、開きます。

確認リンクのクリック

Verify email address (メールアドレスを確認) リンクをクリックします。

emailアドレスの確認が完了


メールアドレスの確認が完了しました。
お疲れ様でした。
これでGitHubを使えるようになりました。

おわりに

この記事ではGitHubアカウントの作成方法について説明しました。

オンライン講座「アプリ開発入門総合コース 」では、GitやGitHubの使い方を始めとした、アプリ開発入門が学べます。

264レクチャー18時間の大型コースで、HTML5, CSS3, JavaScript, Bootstrap, SQL, Ruby, Ruby on Rails, Cloud9, Git, GitHub. Web開発に必要なプログラミングスキルを1つのコースで沢山学べるお得なコース

無料プレビューを1時間以上用意していますので、ぜひご覧ください。
「アプリ開発入門総合コース – プログラミング初心者が実務で使える本質的なエンジニアスキルを習得できる入門講座 –」

Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！Web開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！中村 祐太 Yuta Nakamura, Proglus （プログラス）MySQL/Bootstrap/Node.js/Git/GitHub等ウェブ開発に必要な様々なスキルを沢山学ぼう！カフェのウェブサイト、フォトギャラリー、ポートフォリオサイト、天気情報アプリ等の開発に挑戦！ 4.5 (7755 ratings)356 lectures, 22 hours

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

JavaScriptのエラーを自力で解決するための方法

By

JavaScriptを学習していて、プログラムが期待したとおりに動かなくて困ったことはありませんか？

そんなときはコンソールを開いて、エラーがないか確認してみましょう。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

WebブラウザのGoogle Chrome を利用して説明します。

動画でJavaScriptのエラーを自力で解決するための方法を学習する

Google Chromeのデベロッパーツールを表示する

エラーを表示するコンソールは、Google Chromeに標準で搭載されているデベロッパーツールの機能を使います。

デベロッパーツールを起動するには、

ブラウザの表示領域で右クリック > 検証をクリック

01 右クリック 検証

Consoleタブをクリックして選択します。

02 console表示

プログラムを実行

JavaScriptのプログラムを実行します。
ここでは、Hello World!とConsoleに出力する簡単なプログラムを記述します。

・・・略・・・

<script>
   console.log('Hello World!');
</script>

・・・略・・・

プログラムにエラーがない場合

このように表示されます。
Hello World!と表示されています。
03 エラーなし

プログラムにエラーがある場合

console.log('Hello World!');

↓とすべきところをあえて、間違えて実行します(c->k)

konsole.log('Hello World!');

04 consoleにエラー表示

Consoleにエラーメッセージが表示されています。

Uncaught ReferenceError : konsole is not defined

日本語だと次のような意味になります。

  • キャッチされていない参照エラー : konsole は定義されていません。

エラーがある行の数も表示されているので、参考にします。

これで、9行目のkonsoleの部分なにか間違いがあると、あたりを付けることができました。

エラーメッセージの種類

MDNにエラーのリストが掲載されているので必要に応じて参照することができます。

おわりに

この記事では、JavaScriptでエラーを自力で解決するための方法について学習しました。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

実践:Webサイトのコーディング – Web開発入門完全攻略コース

By

Web開発入門完全攻略コースのセクション「実践Webサイトのコーディング」について説明いたします

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。

動画で学習する

概要

このセクションではここまで学習してきた HTML と CSSL の基礎をベースと
してWebサイトのコーディングの実践を行っていきます

完成品を確認

実際に完成品を見てください

01 完成形

CSS Cafeという名前の架空の Web サイトのトップページを制作します
基礎を理解しやすいようにシンプルなものとなりますが実際のウェブサイトの制作に
つながるエッセンスがいろいろ詰まっています

グローバルナビゲーション

見ていくと　ヘッダーエリアがあってこのようなグローバルナビゲーションを画像を使わずにCSSで作成します

2カラム

その下にメインのイメージです

この部分はメインエリアとサイドエリアの2カラムになっています

見出しで使っているこの装飾も CSS で作る方法を学習します
このサイドエリアにはバナーが入る想定です

ダミー画像

今はダミーの画像を入れています
このタミーの画像も自分で画像ファイルを作って入れているわけではなくて

url とサイズを記入するだけでダミーの画像を簡単に表示できる
無償で使える便利なサービスを紹介します

フッター

フッターエリアは　このフッターのナビゲーション
そして著作権表示です

コーディング資料

コーディングの仕様です

HTML5, CSS3
文字コード：UTF-8
動作環境は mac また windows の google chrome 最新
版とします

おわりに

オンラインプログラミング学習講座「Web開発入門完全攻略コース」のセクション「実践Webサイトのコーディング」について説明しました。

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

MySQL:データベースのデータ型とは何か、主なデータ型の種類について説明します

By

データベースのデータ型とは何か、主なデータ型の種類について、データベースやSQLの初心者向けに説明いたします。

標準SQLを意識した内容としていますが、具体的にはMySQLについて記述しています。

この記事は、世界最大級のオンライン学習プラットフォームUdemyにて公開中のオンライン講座「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」のサポート記事です。

データ型とは

  • データベースでは、テーブルを作成する時に、それぞれの列（カラム・フフィールド）に指定した形式のデータしか、入力できないように設定する。

  • この時指定するデータの形式をデータ型という。

主なデータ型の種類

  • 数値型
  • 文字列型
  • 日付・時刻型

動画で学習する

数値型

int型 （イント、インテジャー）

  • 整数 -2147483648～2147483647

tinyint型 （タイニーイント）

  • とても小さな整数 -128～ 127

float型（フロート）

  • 小さい (単精度) 浮動小数点数  -3.402823466E+38 から -1.175494351E-38、0、および 1.175494351E-38 から 3.402823466E+38

double型 （ダブル）

  • 普通サイズ (倍精度) 浮動小数点数 -1.7976931348623157E+308 から -2.2250738585072014E-308、0、および 2.2250738585072014E-308 から 1.7976931348623157E+308

数値型 補足①

int unsigned

数値は、符号なしとすることができます。言い換えると、正の整数だけ扱うとすることができます。正の整数だけ扱うことで、扱える値の範囲が増えます。

tinyint(1)

  • 真偽値 true / falseを扱うことができる
  • 内部的には true は数字の 1 、 false は数字の 0 で管理されている ※関連して・・・MySQL では 0 と null が false で、空文字を含むそれ以外の値は全て trueとなる。

null（ヌル）

  • データが存在しないことを表す値のこと

数値型 補足②

実務上、
– 整数型はint
– 整数の中でも、真偽値を扱いたいときや、127以下の数字を扱う時はtinyint
– 小数を扱う時は、doubleを使うことが多い。
– floatは、floatを使う理由が明確に説明できる場合には使う。

文字列型

char型 （キャラ）

  • 固定長の文字列 255文字まで。文字列を格納する時に指定した長さになるようにスペースが埋め込まれれる

例) 商品コードで5桁固定 “CD123”。 定義方法 : char(5)
varchar型（バーキャラ）
可変長の文字列 255文字まで。

例）email “nakamura@example.com”。 定義方法：varchar(255)
text (テキスト)
長い文字列 65535文字まで ・・・実務上は、255文字まではvarchar,  それ以上はtextとすることが多い。

日付・時刻型

date型（デイト）

  • 日付  ‘1000-01-01’ から ‘9999-12-31’

datatime型（デイトタイム）

  • 日付と時刻 ‘1000-01-01 00:00:00.000000’ から ‘9999-12-31 23:59:59.999999’

time型（タイム）

  • 時刻 ‘-838:59:59’ から ‘838:59:59’

おわりに

UdemyにてSQL入門講座を公開中

世界最大級のオンライン学習プラットフォームUdemy（ユーデミー）にて、SQL初心者向けのオンライン講座を公開中です。

ベストセラーコースにも選ばれたことがある人気のコースです。
ぜひ、ご利用ください。

「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」

エクセル作業からのステップアップ！データベースのデータを取得し、効果的にレポーティングしたいビジネスパーソンにおすすめ。データベースを操作する言語SQLを短期間で身につけビジネスの現場で使うための実践型カリキュラム。MySQL使用。

Bestseller はじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コースはじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース中村 祐太 Yuta Nakamura, Proglus （プログラス）MySQL 使用。エクセル作業からのステップアップ！データベースのデータを取得し、効果的にレポーティングしたいビジネスパーソンにおすすめ！データベースを操作する言語SQLを短期間で身につけビジネスの現場で使うための実践型カリキュラム。 4.4 (7037 ratings)144 lectures, 7 hours

環境

  • MySQL 5.7

動画でプログラミング入門をしよう

オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する