CODEPREPからのお知らせ

CODEPREP運営事務局の公式ブログです。

新ブック『Canvasで作るエアーホッケー パドル操作編』をリリースしました

CODEPREP運営事務局です。 いつもCODEPREPをご利用いただきまして誠にありがとうございます。

新ブック『Canvasで作るエアーホッケー パドル操作編』をリリースしました。

Canvasで作るエアーホッケー パドル操作編

このブックでは「はじめてのCanvas」の学習を終えた方を対象として、エアーホッケーゲームを題材に、ゲームに必要なループを作る方法、canvasを使ったアニーメションの方法を学びます。

このブックでは 、パドル(パックを跳ね返す棒)の操作と、パドルとパックが衝突した際の処理を実装していきます。

f:id:mitsuruog:20170718200132p:plain:w150

  • 難易度: 実践
  • 終了時間: 30分
  • チャプター: 5

新しいブックはこちらからも試すことができます。

codeprep.jp

CODEPREP運営チーム一同、引き続きサービスの向上に努めて参ります。 今後ともCODEPREPをどうぞよろしくお願いいたします。

新ブック『はじめてのSass』をリリースしました

CODEPREP運営事務局です。 いつもCODEPREPをご利用いただきまして誠にありがとうございます。

新ブック『はじめてのSass』をリリースしました。

はじめてのSass

このブックでは、CSSの拡張言語として人気のSassについて学習します。 Sassの基本的な使い方から始まり、Sassを使う上で知るべき重要な概念について一通り学習します。

f:id:maximum80:20170718135629p:plain:w150

  • 難易度: 入門
  • 終了時間: 15分
  • チャプター: 6

新しいブックはこちらからも試すことができます。

codeprep.jp

CODEPREP運営チーム一同、引き続きサービスの向上に努めて参ります。 今後ともCODEPREPをどうぞよろしくお願いいたします。

新ブック『HTMLとCSS3で作る通知ベル』をリリースしました

CODEPREP運営事務局です。 いつもCODEPREPをご利用いただきまして誠にありがとうございます。

新ブック『HTMLとCSS3で作る通知ベル』をリリースしました。

HTMLとCSS3で作る通知ベル

このブックでは、HTMLとCSS3を利用して新着通知時にアニメーションする通知ベルを作成します。カラーテーマやアニメーションのキーフレームの作成方法などを学習することができます。 最終的に自分の通知ベルを作成できることを目標にしています。

f:id:maximum80:20170711084304p:plain:w150

  • 難易度: 実践
  • 終了時間: 15分
  • チャプター: 6

新しいブックはこちらからも試すことができます。

codeprep.jp

CODEPREP運営チーム一同、引き続きサービスの向上に努めて参ります。 今後ともCODEPREPをどうぞよろしくお願いいたします。

新ブック『Rubyでつくるコマンドラインアプリ』をリリースしました

CODEPREP運営事務局です。 いつもCODEPREPをご利用いただきまして誠にありがとうございます。

新ブック『Rubyでつくるコマンドラインアプリ』をリリースしました。

Rubyでつくるコマンドラインアプリ

このブックではRubyを利用したコマンドラインアプリを作りながら、コマンドライン引数の使い方、 ファイルの操作、文字列の分割、配列に対する操作を学んでいきます。

作成するコマンドラインアプリは、csvファイルを読み込み、各列の最大値、最小値、平均値、中央値、最頻値を出力するアプリになります。

f:id:maximum80:20170711083857p:plain:w150

  • 難易度: 実践
  • 終了時間: 20分
  • チャプター: 6

新しいブックはこちらからも試すことができます。

codeprep.jp

CODEPREP運営チーム一同、引き続きサービスの向上に努めて参ります。 今後ともCODEPREPをどうぞよろしくお願いいたします。

新ブック『WebSocketでチャットをつくろう』をリリースしました

CODEPREP運営事務局です。 いつもCODEPREPをご利用いただきまして誠にありがとうございます。

新ブック『WebSocketでチャットをつくろう』をリリースしました。

WebSocketでチャットをつくろう

このブックではWebSocketを使って簡易チャットを作成します。 なお、サーバーサイドの実装はあらかじめ用意したものを使用します。

f:id:maximum80:20170711083744p:plain:w150

  • 難易度: 実践
  • 終了時間: 10分
  • チャプター: 5

新しいブックはこちらからも試すことができます。

codeprep.jp

CODEPREP運営チーム一同、引き続きサービスの向上に努めて参ります。 今後ともCODEPREPをどうぞよろしくお願いいたします。

新ブック『HTMLとCSS3でつくるホバー時に動くア二メーションリンク』をリリースしました

CODEPREP運営事務局です。 いつもCODEPREPをご利用いただきまして誠にありがとうございます。

新ブック『HTMLとCSS3でつくるホバー時に動くア二メーションリンク』をリリースしました。

HTMLとCSS3でつくるホバー時に動くア二メーションリンク

このブックでは、HTMLとCSS3を利用してマウスホバー時にアニメーションするリンクをつくりながら、CSS3での様々なアニメーションの表現方法について学習することができます。 最終的に自分のリンクを作成できることを目標にしています。

f:id:maximum80:20170704104930p:plain:w150

  • 難易度: 実践
  • 終了時間: 15分
  • チャプター: 5

新しいブックはこちらからも試すことができます。

codeprep.jp

CODEPREP運営チーム一同、引き続きサービスの向上に努めて参ります。 今後ともCODEPREPをどうぞよろしくお願いいたします。

新ブック『jQueryでつくるシンプルなマークダウンエディタ』をリリースしました

CODEPREP運営事務局です。 いつもCODEPREPをご利用いただきまして誠にありがとうございます。

新ブック『jQueryでつくるシンプルなマークダウンエディタ』をリリースしました。

jQueryでつくるシンプルなマークダウンエディタ

このブックでは、jQueryとさまざまなオープンソースライブラリを組み合わせてマークダウンエディタを作ってみます。

オープンソースライブラリを多く利用するためかなり実践的です。事前に「はじめてのjQuery」「marginとpaddingを理解する」を学習しておくとよいでしょう。

f:id:maximum80:20170704104635p:plain:w150

  • 難易度: 実践
  • 終了時間: 15分
  • チャプター: 8

新しいブックはこちらからも試すことができます。

codeprep.jp

CODEPREP運営チーム一同、引き続きサービスの向上に努めて参ります。 今後ともCODEPREPをどうぞよろしくお願いいたします。