CODEPREPからのお知らせ

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

はじめてのHTML、CSS、JavaScriptの内容をリニューアルしました

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

CODEPREPのリニューアルにあわせて、ブックの中でも特に人気がある次の3つのブックの内容をリニューアルしました。

はじめてのHTML

HTML未経験者を対象にHTMLで使用される用語や基本的HTML要素(タグ)について学習します。 HTMLについての基本的な理解と、いくつかのHTML要素を使えるようになることを目標としています。

f:id:mitsuruog:20170129214540p:plain:w150

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

はじめてのCSS

このブックでは、HTMLに様々な装飾を施すための言語であるCSSについて学習します。 CSSについての基本的な理解と、様々なCSSセレクタを使って基本的なスタイリングができるようになることを目標としています。

f:id:mitsuruog:20170129214558p:plain:w150

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

はじめてのJavaScript

このブックでは、Webページに様々な動きを与えるスクリプト言語"JavaScript"の基本について学習します。 JavaScriptについての基礎知識の理解と、変数・演算処理・条件分岐・繰り返し・関数などを利用して簡単なプログラムが書けるようになることを目標としています。

f:id:mitsuruog:20170129214617p:plain:w150

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

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

新ブック『HTMLとCSSで作るWeb名刺』をリリースしました

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

新ブック『HTMLとCSSで作るWeb名刺』をリリースしました。

HTMLとCSSで作るWeb名刺

このブックではHTMLとCSSを利用してWeb名刺をつくりながら、HTML構造の作成方法や画像に関連するスタイリングについて深く学習することができます。

f:id:mitsuruog:20170129213432p:plain:w400

最終的に自分のオリジナル名刺を作成できることを目標にしています。

f:id:mitsuruog:20170129213302p:plain:w150

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

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

https://codeprep.jp/books/50

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

新ブック『CSSのmarginとpaddingを理解する』をリリースしました

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

新ブック『CSSのmarginとpaddingを理解する』をリリースしました。

CSSのmarginとpaddingを理解する

このブックでは、ページレイアウトの重要概念の1つであるmarginとpaddingについて、実際に動作するサンプルを使いながらその仕組みについて深く学習することができます。

f:id:mitsuruog:20170129213716p:plain:w400

最終的に、ボックスモデルやmarginの相殺が起こる原理を理解した上で、marginとpaddingを扱えるようになることを目標としています。

f:id:mitsuruog:20170129212943p:plain:w150

  • 難易度: 基礎
  • 終了時間: 15分(予想)
  • チャプター: 6

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

https://codeprep.jp/books/49

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

CODEPREPリニューアルのお知らせ

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

当サービスは、2017年2月1日にリニューアルを実施いたします。

リニューアルの経緯

Let’s program, it’s fun! - 毎日10分の成功体験を -

当サービスは2013年8月にリリースし、今年で3年半を迎えました。

当初はソーシャルやゲーミフィケーション要素を取り揃え、ユーザー同士が繋がって楽しい学習体験を提供することを考えておりましたが、 今回のアップデートでより本質的な学習体験を提供できるよう、プログラムを書いて動かしながら学ぶ実践型のプログラミング学習サービスに生まれ変わります。

新しいCODEPREPでは1日10分から始められる、プログラムを書くことでページをめくる穴埋め式ドリル形式の”ブック”を幅広く揃え、 「毎日こつこつプログラムを書く習慣」と「様々なものを動かす体験」を提供し、プログラミング学習の「継続」をサポートしていきます。

それに伴い、いくつかの新機能を提供する代わりに、一部のソーシャル機能、及びゲーミフィケーション機能を廃止いたします。

新機能の紹介

①ブック内ディスカッションボード

f:id:maximum80:20170201114124j:plain:w350

ブック内に、そのブック専用のディスカッションボードを設置いたします。

わからなくなったときは、ブック内のディスカッションボードを使って技術的な質問を気軽にすることができます。 また、ブックを解いている間に、そのブックに関わる質問を同時に見ることができ、協力し合うことで皆で楽しくプログラミングを学ぶことができます。

②HINTとTIPS

f:id:maximum80:20170127130830p:plain

これまでのCODEPREPではヒントタブの中にすべての関連情報を記載しておりましたが、 よりわかりやすく問題を解き進めていただくために、問題の説明文の構成を以下のように変更いたします。

  • HINT: 問題を解くためのヒント、サンプル、または正解
  • TIPS: 問題に関わる周辺知識や専門用語に関する補足説明など

③Playground(プレイグラウンド)機能

f:id:maximum80:20170127130833p:plain

これまでの穴埋め(虫食い)形式とは異なる、Playground(プレイグラウンド)機能を提供いたします。

Playgroundでは、プログラムを自由に編集して実行することが出来ます。 これにより、穴埋め問題で解答した内容が実際に身についているのかどうか確かめることが可能です。

(※)Playgroundは、実践編のブックには全て追加されておりますので、是非挑戦してみてください。

廃止される機能

次のゲーミフィケーション機能とソーシャル機能を廃止します。

  • レベル
  • バッチ
  • 経験値
  • 友だち

メンテナンスによるサービスの一時停止について

また、これらの更新に伴いまして一時サービスをメンテナンスさせていただきます。 メンテナンス期間中はCODEPREPをご利用いただけなくなりますので、予めご了承ください。

作業予定日時

  • 2017年1月30日(月)未明 から 2月1日 まで

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