Archive for the ‘ ドットインストール ’ Category

ドットインストールの『YAML入門 (全11回)』を再収録しました #dotinstall

Pocket

今週は「YAML入門」を再収録しました。各種フレームワークやツールで使われている記法なので覚えておくといいですね。

screen_1

↑ 今回は広く使われているYAML 1.1を対象にしています。

screen_2

↑ 配列やハッシュをすっきりと記述していくことができます。

旧版では取り上げなかったアンカーやエイリアスについても説明しつつ、仕様をもとにより正確な解説になるように心がけました。全11回にまとめてみたのでご興味がある方は是非どうぞ。

» YAML入門 (全11回) – プログラミングならドットインストール

ドットインストールの「SQLite入門(全30回)」を再収録しました #dotinstall

Pocket

今週は「SQLite入門」を再収録しました。旧版に比べて大幅に内容を充実させました。使いそうな機能はほぼ網羅できたかと思います。

screen_1

↑ 軽量データベースとして人気です。

screen_2

↑ 基本から応用まで幅広く紹介しています。

今回は全30回と大作になったのでプレミアム動画とさせていただきましたが、01から05までは無料サンプルとして公開しています。なお旧版に関しても2016年5月31日にプレミアム化されますのでご了承ください。

SQLiteの基礎からきっちり抑えたいという方は是非ご覧ください。

» SQLite入門 (全30回) – プログラミングならドットインストール

ドットインストールの「Ruby入門 (全26回)」を最新版に合わせて再収録しました #dotinstall

Pocket

今週は「Ruby入門」を再収録しました。前回収録したのが2年前だったので構成を見直しつつ全26回にまとめています。

screen_1

↑ スクリプト言語で定評のあるRubyについて説明していきます。

screen_2

↑ 基本的な文法を抑えておきましょう。

Rubyは奥が深いのでどこまでカバーするか迷いましたが、旧版では取り扱わなかったメソッドのアクセス権、モジュール、例外なども盛り込んでみました。

Rubyの基礎を抑えておきたい、という方はいかがでしょうかね…。詳細は以下からご確認ください。

» Ruby入門 (全26回) – プログラミングならドットインストール

連休中ですがドットインストールに『Cloud9入門 (全8回)』を追加しました #dotinstall

Pocket

今週は『Cloud9入門 (全8回)』を追加しました。Cloud9はブラウザ上で動作する統合開発環境です。

プログラミングの学習をする際に環境を整えるのが大変だったりもしますが、Cloud9を使えば簡単にそうした環境を準備することができます。

screen_1

↑ ブラウザだけで開発環境を整えることができます。

screen_2

↑ PHP、Ruby、Pythonなど、さまざまな言語に対応しています。

本格的な開発をする場合はローカル開発環境を構築するのがおすすめではありますが、Cloud9で慣れてからでもいいかとも思います。

全8回にまとめてみたので、環境構築が面倒、もしくはさっと何かを試したい、という方は是非どうぞ。

» Cloud9入門 (全8回) – プログラミングならドットインストール

ドットインストールに『Three.js入門 (全23回)』を追加しました #dotinstall

Pocket

今週は「Three.js入門 (全23回)」を再収録しました。ブラウザ上で3Dグラフィックスを描画するためのライブラリですね。

screen_1

↑ 3D表現をするための標準的なライブラリです。

screen_2

↑ 3D空間に部品などを配置していきます。

わりと頻繁にバージョンアップされているので旧版の内容を更新しつつ、テクスチャの貼り付け方法やパーティクルの表現、ピッキング処理まで取り上げてみました。なお、中上級者向けの内容となりますのでプレミアム動画とさせていただきました(旧版も2016年4月25日 14:00にプレミアム動画になります)。

全23回にまとめてみましたのでご興味がある方は是非ご覧ください。なお01-05まではサンプルとして無料公開中です。

» Three.js入門 (全23回) – プログラミングならドットインストール

それから今回のレッスン作成にあたっては@P5Aholicさんにいろいろアドバイスいただきました!(先日関西にいったときにお会いして現在リモートアルバイトとして一緒にコンテンツを作成してもらっています)。彼のポートフォリオではThree.jsのすごい作品が公開されているので(かなりレベル高いですが)こちらも是非ご覧ください。

» Generative Art Gallery

今週は『JavaScriptでインタラクティブアートを作ろう (全11回)』を追加しました #dotinstall

Pocket

今週は『HTML5でインタラクティブアートを作ろう』を再収録して『JavaScriptでインタラクティブアートを作ろう (全11回)』を追加しました。

アート的かと言われるとまだまだなのですが汗、JavaScriptの高度なトピック(bindやprototypeなど)について説明してみました。

screen_1

↑ ボールが跳ねまわる作品を作っていきます。

screen_2

↑ HTML5のCanvasを使って描画していきます。

中上級者向けの内容を含むのでプレミアム動画となりますが、01-03までは無料公開していますのでよろしければ是非ご覧ください。

» JavaScriptでインタラクティブアートを作ろう (全11回) – プログラミングならドットインストール

『Scratch 2.0入門 (全19回)』をドットインストールに追加しました #dotinstall

Pocket

今週は「Scratch入門」を最新版にあわせて再収録しました。NHKでもプログラミング番組が始まることですしね…。

旧版で扱ったのはScratch 1.4でしたが、今回はブラウザ上でプログラミングができるScratch 2.0を取り上げています。ブロックを自分で作れたり、スプライトのクローンが作れたりと便利ですよね。

screen_1

↑ MITが開発している子供向けプログラミング学習ソフトです。

screen_2

↑ ブロックを組み立てつつプログラミングの「考え方」がわかります。

基本的な使い方を学んだあとに簡単なゲームを作る過程を全19回にまとめました。子どもたちだけでなく、大人がプログラミングを楽しむのにもよいかと思うのでご興味がある方は是非どうぞ。

» Scratch 2.0入門 (全19回) – プログラミングならドットインストール

【01-04まで無料公開中】 ドットインストールに『Flexbox入門 (全15回)』を追加しました #dotinstall

Pocket

今週は『Flexbox入門 (全15回)』をドットインストールに追加しました。Internet Explorer周りが悩みどころですが、いままで実装が大変だった複雑なレイアウトが簡単に組めるので案件によっては使い始めてもいいかもしれませんよね。

screen_2

↑ シンプルな記述で要素を柔軟に配置していくことができます。

screen_1

↑ Flexboxを使うとこういうレイアウトも簡単に組み上げることができます。

flex-grow、flex-shrink、flex-basis、それからmargin:autoあたりが少しややこしいですが、例を出しながらわかりやすく説明できたかと思います。

プレミアム動画とはなりますが、01-04まではサンプルとして無料公開中なのでご興味のある方は是非ご利用ください。

» Flexbox入門 (全15回) – プログラミングならドットインストール

【01&02が無料公開中】 ドットインストールに『JavaScriptで単語帳を作ろう (全7回)』を追加しました #dotinstall

Pocket

今週はドットインストールに『JavaScriptで単語帳を作ろう (全7回)』を追加しました。単語帳のデータを自分好みに変えれば実際に学習に使うこともできるかと思います。

screen_1

↑ シンプルな単語帳アプリを作っていきます。

screen_2

↑ JavaScriptの応用編としていかがでしょうか。

中級者向けの内容かと思いますので今回はプレミアム動画にさせていただきましたが、01と02は無料サンプルを公開しているのでよろしければ是非ご覧ください!

» JavaScriptで単語帳を作ろう (全7回)

ドットインストールを見ながらコーディングができるAtomパッケージ「Dotinstall Pane」をリリースしました #dotinstall

Pocket

さきほどリリースしたばかりですが、ドットインストールを見ながらコーディングができるAtomパッケージ「Dotinstall Pane」をリリースしました。

687474703a2f2f7374617469632e646f74696e7374616c6c2e636f6d2f61746f6d5f7061636b6167652f73637265656e73686f742d6d61696c2e706e67

↑ 動画を見ながらコーディングできます。

詳細ページは以下のとおりです。

» dotinstall-pane

簡単に使い方をば。

  • settings -> install -> “dotinstall”で検索してインストールしてください。
  • Option (Alt) + Shift + dで表示/非表示を切り替えます。
  • Option (Alt) + Shift + Enterで再生/停止できます。
  • 右クリックメニューから「選択テキストでドットインストール内を検索」ができます。

atom-html-previewなどと組み合わせるとAtom内で学習→コーディング→確認までできて便利かもですね。

まだ不具合等あるかもしれませんが、Atomユーザーの方は是非ご活用ください。