256times by ドットインストール 動画で学んだあとにアウトプットを積み上げたい！という方向けに、プロによる丁寧な解説付きで模写コーディングが練習できるサービスです。株式会社ドットインストールが運営しています。読み方は「ニゴロタイムズ」です。 https://256times.com/ https://note.com/256times 256times by ドットインストール https://d2l930y2yx77uc.cloudfront.net/assets/default/default_note_logo_202212-f2394a9e5b60c49f48650eee13f6e75987c8c4f1cfa7555629a9697dc6015cd9.png https://d2l930y2yx77uc.cloudfront.net/assets/default/default_note_logo_202212-f2394a9e5b60c49f48650eee13f6e75987c8c4f1cfa7555629a9697dc6015cd9.png 249F80 ja Wed, 08 Apr 2026 21:28:16 +0900 JavaScriptの課題をもっと解きたい！という方向けに『動かして学ぶJavaScript Level 2-2』を開講します https://assets.st-note.com/production/uploads/images/261975236/rectangle_large_type_2_aa87b6a42a131f295eed8b940050fcb3.png?width=800 JavaScript クラスですが、Level 2-2 も開講することになりました。Level 2-1 同様、1 日 1 問、合計 2 つの課題に挑戦していただきます。こちらのクラスもドットインストールのプレミアムプランをご利用でしたら無料で参加可能です。また、プロによる模範解答と解説もついてきます。

どんな課題が出るの？


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 25 Mar 2026 14:47:54 +0900 https://note.com/256times/n/n861d1f41f1f1 https://note.com/256times/n/n861d1f41f1f1 JavaScriptにもっと慣れたい！という方向けに『手を動かして学ぶJavaScript Level 2-1』を開講します https://assets.st-note.com/production/uploads/images/257999155/rectangle_large_type_2_20791f84501320b023411d5ca6f280f2.png?width=800 先日から展開している JavaScript クラスですが、Level 2-1 を開講することになりました。だんだんと書くコードが増えてきたので、Level 2 からは課題は 1 日 1 問、合計 2 つの課題に挑戦していただきます。

こちらのクラスもドットインストールのプレミアムプランをご利用でしたら無料で参加可能です。また、プロによる模範解答と解説もついてきます。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Tue, 10 Mar 2026 14:14:07 +0900 https://note.com/256times/n/n8ef80e312712 https://note.com/256times/n/n8ef80e312712 HTML/CSSの次はJavaScript！という方へ、『手を動かして学ぶJavaScript Level 1-4』を開講します https://assets.st-note.com/production/uploads/images/254437012/rectangle_large_type_2_d2c4727df95cb8b1eb8be3b8a577bbfb.png?width=800 先日から展開している JavaScript クラスの第四弾をリリースすることになりました。「HTML/CSS はだいたいわかったので次は JavaScript を…」という方はいかがでしょうか。

このクラスでは 4 つの課題に挑戦していただきます。ドットインストールのプレミアムプランをご利用の方は無料で参加可能です。今回もプロによる模範解答と解説がついてきます。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 25 Feb 2026 08:41:02 +0900 https://note.com/256times/n/n46e67d3abea0 https://note.com/256times/n/n46e67d3abea0 HTML/CSSの次にチャレンジしてみよう！『手を動かして学ぶJavaScript Level 1-3』を開講します https://assets.st-note.com/production/uploads/images/248804621/rectangle_large_type_2_7e4f73f7e0e08482c7a000a8d7e2019f.png?width=800 先日からリリースしている Level 1-1、Level 1-2 に続いて、「手を動かして学ぶJavaScript Level 1-3」もリリースすることになりました。

このクラスでは 4 つの課題に挑戦していただきます。ドットインストールのプレミアムプランをご利用の方は無料で参加可能です。今回もプロによる模範解答と解説がついてきます。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Tue, 03 Feb 2026 13:42:22 +0900 https://note.com/256times/n/n00ce0575fff1 https://note.com/256times/n/n00ce0575fff1 HTML/CSSの次は？という方向けに、『手を動かして学ぶJavaScript Level 1-2』を開講します https://assets.st-note.com/production/uploads/images/247190171/rectangle_large_type_2_4508216f205520dcfa1a521de86cead3.png?width=800 先日の「手を動かして学ぶJavaScript Level 1-1」が好評だったので第二弾をリリースすることになりました。

このクラスでは 4 つの課題に挑戦していただきます。また、ドットインストールのプレミアムプランをご利用の方は無料で参加可能です。さらに、プロによる模範解答と解説もついてきます。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 28 Jan 2026 12:14:04 +0900 https://note.com/256times/n/na79434dc1829 https://note.com/256times/n/na79434dc1829 HTML/CSSはある程度わかったので次はJavaScriptに...という方向けに『手を動かして学ぶJavaScript Level 1-1』を開講します https://assets.st-note.com/production/uploads/images/243724401/rectangle_large_type_2_fa5e053ddf297945c0bc891867db6fad.png?width=800 今年は 256times で JavaScript のクラスを展開していきます。ある程度 HTML / CSS がわかったので JavaScript を学習中…という方が対象となります。

JavaScript のクラスでは 4 つの課題に挑戦していただきます。また、ドットインストールのプレミアムプランをご利用の方は無料で参加可能です。さらに、プロによる模範解答と解説もついてきます。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 14 Jan 2026 10:31:34 +0900 https://note.com/256times/n/n3d9aa30fd29b https://note.com/256times/n/n3d9aa30fd29b 少し難しめのグリッドレイアウトに挑戦したい方に！『手を動かして学ぶ模写コーディング Level 3-5』を開講します https://assets.st-note.com/production/uploads/images/235060033/rectangle_large_type_2_b2eb2e8316c71572da4ce0391dc6dacb.png?width=800 先日の Level 3-4 に引き続き、『手を動かして学ぶ模写コーディング』クラスの Level 3-5 もリリースしました。こちらも以前に開講していたグリッドレイアウトのクラスを無料版としてリニューアルしたものとなります。

今回も出される課題は 2 つだけ。また、ドットインストールのプレミアムプランをご利用の方は無料で参加することができます。さらに、プロによる模範解答と解説もついてきます。Level 3-4 同様、難易度は少し高めです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Mon, 15 Dec 2025 10:30:00 +0900 https://note.com/256times/n/ndb40c6dc298e https://note.com/256times/n/ndb40c6dc298e グリッドレイアウトの基礎を固めたい方に！『手を動かして学ぶ模写コーディング Level 3-4』を開講します https://assets.st-note.com/production/uploads/images/235059982/rectangle_large_type_2_78ea322db4844efef2fc076a4dcec4f9.png?width=800 『手を動かして学ぶ模写コーディング』シリーズに Level 3-4 が登場です。なお、このクラスは以前に開講していたグリッドレイアウトのクラスを無料版としてリニューアルしたものです。

今回も出される課題は 2 つだけ。また、ドットインストールのプレミアムプランをご利用の方は無料で参加することができます。さらに、プロによる模範解答と解説もついてきます。難易度が少し高めなので「これまでのクラスはちょっと簡単すぎるかな」という方におすすめです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Tue, 09 Dec 2025 09:47:15 +0900 https://note.com/256times/n/n63b667aede95 https://note.com/256times/n/n63b667aede95 CSSの基礎をじっくり固めたい方に！『手を動かして学ぶ模写コーディング Level 1-4』を開講します https://assets.st-note.com/production/uploads/images/231999019/rectangle_large_type_2_7bad3953ea1aa9626de3d196d64de18e.png?width=800 『手を動かして学ぶ模写コーディング』クラスですが、じっくり基礎固めをしたい方のために Level 1 を拡充していきます。第一弾としてまずは「Level 1-4」を開講することになりました。

今回も出される課題は 2 つだけ。また、ドットインストールのプレミアムプランをご利用の方は無料で参加することができます。さらに、プロによる模範解答と解説もついてきます。「模写コーディングに慣れていきたいけど…簡単なものから取り組んでいきたい」という方におすすめです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 26 Nov 2025 08:29:22 +0900 https://note.com/256times/n/nf5f2bf9b6f41 https://note.com/256times/n/nf5f2bf9b6f41 256timesを『プロの解説付きで模写コーディングをがっつり練習できるサービス』にリニューアルしました https://assets.st-note.com/production/uploads/images/207757231/rectangle_large_type_2_213a713a868c58e6f9f789a1f84303ae.png?width=800 先日予告した通り、256timesのリニューアルを行いました。最近展開していた「模写コーディング」のクラスを中心に、コンテンツを大幅に刷新しています。

実践的な課題で初心者を脱しよう！


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Tue, 12 Aug 2025 11:39:28 +0900 https://note.com/256times/n/ne45a8b40be83 https://note.com/256times/n/ne45a8b40be83 256timesヘルプ https://assets.st-note.com/production/uploads/images/206975593/rectangle_large_type_2_633d110836a5fcd6c09e9677643b4fbf.png?width=800

課題はどうやって解くの？


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Fri, 08 Aug 2025 11:12:22 +0900 https://note.com/256times/n/neb26a3e7487e https://note.com/256times/n/neb26a3e7487e レスポンシブデザインやグリッドレイアウト対応のページも実装できるようになろう！『手を動かして学ぶ模写コーディング Level 3-2』を開講します https://assets.st-note.com/production/uploads/images/205487154/rectangle_large_type_2_53de07886e8ca5f9142a9dcf5db45bd4.png?width=800 現在、シリーズ展開している『手を動かして学ぶ模写コーディング』クラスの「Level 3-2」を開講します（「ん？Level 3-1 ではなくて…？」と思われた方は文末をご参照ください）。

今回も出される課題は 2 つだけ。また、ドットインストールのプレミアムプランをご利用の方は無料で参加することができます。さらに、プロによる模範解答と解説もついてきます。「模写コーディングに慣れていきたいけど…簡単なものから取り組んでいきたい」という方におすすめです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Thu, 31 Jul 2025 14:06:55 +0900 https://note.com/256times/n/nf442a98e634e https://note.com/256times/n/nf442a98e634e 【8月中旬予定】 現在展開している『模写コーディングクラス』を中心に256timesをリニューアルしていきます https://assets.st-note.com/production/uploads/images/203929262/rectangle_large_type_2_525c73cfd676d9503b4aaf75ab0dbac5.png?width=800 現在展開中の『模写コーディングクラス』が好評なので、このクラスを中心に256timesの構成を見直し、8月中旬を目処にサービスをリニューアルしていきます。

何が変わるの？


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Thu, 24 Jul 2025 10:54:07 +0900 https://note.com/256times/n/nf471d5b102f6 https://note.com/256times/n/nf471d5b102f6 実務レベルの課題でスキルアップしていきたい方へ！『手を動かして学ぶ模写コーディング Level 2-3』を開講します https://assets.st-note.com/production/uploads/images/203905334/rectangle_large_type_2_3a121c808de2ddb461ddd6e2c9ce7166.png?width=800 現在、シリーズ展開している『手を動かして学ぶ模写コーディング』クラスの「Level 2-3」を開講します。

今回も出される課題は 2 つだけ。また、ドットインストールのプレミアムプランをご利用の方は無料で参加することができます。さらに、プロによる模範解答と解説もついてきます。「模写コーディングに慣れていきたいけど…簡単なものから取り組んでいきたい」という方におすすめです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 23 Jul 2025 14:19:59 +0900 https://note.com/256times/n/n9364104b5848 https://note.com/256times/n/n9364104b5848 フレックスボックスの実践的な実装を学べる『手を動かして学ぶ模写コーディング Level 2-2』を開講します https://assets.st-note.com/production/uploads/images/202476010/rectangle_large_type_2_6c37be0451ed9fef77075fe99532e89b.png?width=800 現在、シリーズ展開している『手を動かして学ぶ模写コーディング』クラスの「Level 2-2」を開講します。

今回も出される課題は 2 つだけ。また、ドットインストールのプレミアムプランをご利用の方は無料で参加することができます。さらに、プロによる模範解答と解説もついてきます。「模写コーディングに慣れていきたいけど…簡単なものから取り組んでいきたい」という方におすすめです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 16 Jul 2025 08:28:31 +0900 https://note.com/256times/n/n4fc47eb0f406 https://note.com/256times/n/n4fc47eb0f406 フレックスボックスの基礎から練習したい！という方向けに『手を動かして学ぶ模写コーディング Level 2-1』を開講します https://assets.st-note.com/production/uploads/images/200652412/rectangle_large_type_2_71d7eedf5725a099e4cff9cb80cf11c4.png?width=800 『手を動かして学ぶ模写コーディング』クラスが好評なので、少しレベルをあげた「Level 2」シリーズを展開していきます。なお、レベルによって以下のような違いがあります。

  • Level 1 → フレックスボックスを使わないレイアウト（リリース済）

  • Level 2 → フレックスボックスを使ったレイアウト

  • Level 3 → レスポンシブに対応したレイアウト（今後リリース予定）


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Mon, 07 Jul 2025 12:02:15 +0900 https://note.com/256times/n/n7e57ccbc4006 https://note.com/256times/n/n7e57ccbc4006 小さなコンポーネント模写から始めてスキルアップ！『手を動かして学ぶ模写コーディング Level 1-3』を開講します https://assets.st-note.com/production/uploads/images/199601997/rectangle_large_type_2_ef100a357f131c788c7c572ec49cfbbe.png?width=800 現在展開中の『手を動かして学ぶ模写コーディング』クラスが好評なので、第3弾を開講します。

今回も出される課題は難易度が低めの 2 つだけ。また、ドットインストールのプレミアムプランをご利用の方は無料で参加することができます。さらに、プロによる模範解答と解説もついてきます。「模写コーディングをはじめたいけど…簡単なものから取り組んでいきたい」という方におすすめです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 02 Jul 2025 10:15:53 +0900 https://note.com/256times/n/n0902266e6797 https://note.com/256times/n/n0902266e6797 たくさん模写してスキルアップしたい...！という方のために、『手を動かして学ぶ模写コーディング Level 1-2』を開講します https://assets.st-note.com/production/uploads/images/198378044/rectangle_large_type_2_cb0e231f4b57429dd4159cf29da92242.png?width=800 先日リリースした初心者向けのクラスが好評だったので、そこからもう一歩だけレベルを上げたクラスを企画してみました。

今回も出される課題は難易度が低めの 2 つだけ。また、ドットインストールのプレミアムプランをご利用の方は無料で参加することができます。さらに、プロによる模範解答と解説もついてきます。「模写コーディングをはじめたいけど…簡単なものから取り組んでいきたい」という方におすすめです。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Thu, 26 Jun 2025 12:22:53 +0900 https://note.com/256times/n/n044b80fa6dd9 https://note.com/256times/n/n044b80fa6dd9 簡単な課題から模写コーディングを始めてみたい...！という方向けに『ミニミニカンプで模写コーディング Vol.1』を開講します https://assets.st-note.com/production/uploads/images/198810750/rectangle_large_type_2_8334463ddbe89626b178c1b72c6ff44b.png?width=800 【追記: 2025/06/26】
クラス名を『ミニミニカンプで模写コーディング Vol.1』から『手を動かして学ぶ模写コーディング Level 1-1』に変更しました。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Thu, 12 Jun 2025 08:26:00 +0900 https://note.com/256times/n/na884629c7dfb https://note.com/256times/n/na884629c7dfb 実務レベルのコーディングに慣れていこう！『ミニカンプ模写トレーニングクラス Vol.2』を開講します！ https://assets.st-note.com/production/uploads/images/194057888/rectangle_large_type_2_5e88725fca41c6aa950ffb48d6c726e8.png?width=800 【追記: 2025年07月30日】
このクラスは「手を動かして学ぶ模写コーディング Level 3-3」として正式リリースされることになりました。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 04 Jun 2025 10:40:05 +0900 https://note.com/256times/n/nb12804093ce1 https://note.com/256times/n/nb12804093ce1 実務レベルのコーディングスキルをコツコツ身につけたい方へ！ミニカンプ模写トレーニングクラスを開講します！ https://assets.st-note.com/production/uploads/images/191208108/rectangle_large_type_2_40443503d6b2f64b4882fbf07b3d8730.png?width=800 【追記: 2025年07月30日】
このクラスは「手を動かして学ぶ模写コーディング Level 3-1」として正式リリースされることになりました。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Thu, 22 May 2025 07:18:32 +0900 https://note.com/256times/n/ndde02113b85e https://note.com/256times/n/ndde02113b85e コードを書いたあとに「これでよかった？」と心配になるすべての人へ！抜け・モレを見抜くレスポンシブWebデザイン4日間【5/12開講・256times限定クラス】 https://assets.st-note.com/production/uploads/images/188606414/rectangle_large_type_2_518ec33f2e0e1725ebb017aed2e80686.png?width=800 模写コーディングで 見た目はできても「本当にこれでいいのかな？」と感じたことがある方に向けてクラスを作りました。題材となるのは、レスポンシブ Web デザインのカード一覧です。

5月12日（月）より、期間限定で開講します。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 07 May 2025 15:20:44 +0900 https://note.com/256times/n/n89c986be306b https://note.com/256times/n/n89c986be306b 「動画でわかったはずなのに、手が止まってしまう...」そんなあなたへ！翌日の「あ、なるほど」がクセになるCSSグリッドレイアウト実践クラスを開講します https://assets.st-note.com/production/uploads/images/185850735/rectangle_large_type_2_8c96c9ef2c94e8a985f9521c100a30f6.png?width=800 ドットインストールにて「CSS入門 グリッドレイアウト編」が公開されたので、「動画を見てわかったつもり」で終わらせずに、自信をもって「思いどおりに配置できるようになった！」となるためのクラスを開講します。

書いて覚えるグリッドレイアウト - 256timesWeb制作でよく見かけるレイアウトを題材に、CSSのグリッドについてじっくり理解を深めることができるクラスです。256times.com

続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 23 Apr 2025 11:11:53 +0900 https://note.com/256times/n/n4444f5f3a843 https://note.com/256times/n/n4444f5f3a843 初級？中級？そのあいだにいるあなたへ。「よく見るページ」の模写コーディングを通じて自分の限界を超える4日間【4/14開講・256times限定クラス】 https://assets.st-note.com/production/uploads/images/183471666/rectangle_large_type_2_a98f3bb2ac910ef723abf0a4f46c854b.png?width=800 今回はコンパクトにアレンジされた「よく見るページ」を模写コーディング！4月14日（月）より、期間限定の開講です。

▼ お申し込みへ進む


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Thu, 10 Apr 2025 14:26:58 +0900 https://note.com/256times/n/ne59f6a315327 https://note.com/256times/n/ne59f6a315327 そろそろ“初級”を卒業したい方向け！段階的にレスポンシブWebデザインを極める4日間【4/7開講・256times限定クラス】 https://assets.st-note.com/production/uploads/images/181956893/rectangle_large_type_2_845546cf3a24ded770faddb891e98e4e.png?width=800

3月に限定リリースした「1日1枚」シリーズがレベルアップ！今回は「商品カード」のリストを模写コーディングするクラスを期間限定で開講します。


続きをみる]]> https://assets.st-note.com/production/uploads/images/81126702/profile_289cc89ca3f065332f310f65e6a7ff99.png?fit=bounds&format=jpeg&quality=85&width=330 256times by ドットインストール Wed, 02 Apr 2025 16:13:59 +0900 https://note.com/256times/n/n07651daae92b https://note.com/256times/n/n07651daae92b