メインコンテンツへスキップ

マガジン一覧

週刊ドットインストール

レッスン制作の進捗、リリース情報、社内のあれこれなどをまとめて、毎週木曜日にお届けしている「週刊ドットインストール」を集めたマガジンです。

【週刊ドットインストール】 JavaScriptのコラム追加、サブスク管理アプリを更新中、レッスン制作の進捗

最近は ProductHunt で「AI 関連ではない新サービス」を見つけるのが趣味なのですが苦笑、昨日見つけたこちらがなかなか素敵でした。 Paper はデジタルで「リアルなノート」を再現したサービスですね。質感、音、書き心地がとても良いです。ページをパラパラとめくる感覚も、すごくリアル。 手描きまではさすがに難しいようですが、久々に「手触り感がいいなあ」と感じたサイトでした。気になる方はぜひ試してみてください。 さて、それはいいとして今週もドットインストール社内のい

16

【週刊ドットインストール】 2026年も地味にコツコツとがんばります

新年、あけましておめでとうございます。本年もどうぞよろしくお願いいたします。今年最初の投稿なので、2026 年の意気込みをまとめてみますね(2025 年の意気込み)。 256times で JavaScript も学べるように昨年は Vue.js や Nuxt、GSAP や Figma などのレッスンを作成しましたが、256times をがっつりリニューアルすることができました。動画でのインプットだけではない、アウトプットも重視した実践的な学習をサポートできたのではないか、

33

【週刊ドットインストール】 サブスク管理アプリをリリース、Figma入門が完結、256times稼働中

2025 年も大詰めですね。今年はなんといっても AI 駆動開発が生活をがらりと変えてくれました。 これまでは「これ作りたいなぁ。でも大変そうだし、誰に頼むべきか…」となっていましたが、いまは「作りたい!」から「(AI で)作って!」までの距離が限りなく近くなりました。実に素晴らしい。 なお、昔に比べると書くコードの量は格段に減っていますが(というか、ほぼゼロ)、だからといってコードやコンピューティングに関する知識が不要かというとそうでもないですね…。 「こういうアプリ

13

【週刊ドットインストール】 256timesでグリッドレイアウトのクラスが開講、Figma入門は今週末に完結予定

まったく知らなかったのですが、「ブラザーズ 2人の息子の物語」というゲームが名作でした。なぜ知らなかったのか。古いゲームなのでグラフィック的には「うーむ」という感じなのと、動きも微妙なのですが、世界観がとても良いです。 Switch 版だと 1,600 円ぐらいのお手頃価格なのと、クリアまで 3 時間ぐらい?なので「年末年始になにか良いゲームないかな?」という方はチェックしてみるといいですね。なお、Switch 以外ではグラフィックが強化されたリメイク版もあるようです。素晴

10
もっとみる

コラム

ドットインストールスタッフによる読み物コンテンツです。かゆいところに手が届く学習のコツや制作の裏話などを公開しています。

「getElementByIdの括弧の中に書くのはtarget?、それとも'target'?」がわかるようになるコラム(もしくはMDNの読み解き方)

今年は 256times で JavaScript が学べるクラスを展開していこうと思っているのですが、「質問が来るに違いない…」と思われるものを先回りしてコラムにしておきます。 シングルクォーテーションはいつつけるの?JavaScript の学習を始めた方からよくいただく質問として、以下のようなものがあります。 document.getElementById('target')document.getElementById(target) …ですよね、わかります。この

8

業界知識の底上げをしたい方に!4ヶ月でITパスポートに合格するまでの体験記

この記事は、弊社内で唯一プログラムを書けないスタッフが IT パスポートを受験した体験記です。 「受験しよう!」と思い立ったのが 2024 年 1 月。4 ヶ月ほどの学習を経て、同年の 4 月 21 日に合格することができました。 「今後のキャリアを考えるにあたってもっと業界知識が欲しい」「エンジニア同士の会話についていきたい」という悩みがきっかけだったのですが、受験して本当に良かったです。 ITパスポートとは?IT パスポート(公式サイト)は、社会人や学生が備えておき

19

【弊社スタッフがやってみた】 模写レッスンのコーディングに何分かかる?

「Web制作の実務をこなせるレベルになるには、どのぐらい学習すればいいですか?」 そのようなご質問をよくいただきます。ただ、これはとても答えづらくて…日々の学習時間やタイピング速度、英語力などによって、かなりの幅があったりします。 そこでひとつの目安として、弊社スタッフ(Web制作会社での勤務経験あり)が、模写コーディングを実際にやってみた動画を公開してみます。このぐらいの速度で模写できたら…実務レベル!と言っても良いような気がしますね。 模写コーディングのルール今回の

55

コマンドラインツール開発のすすめ

はじめまして!ドットインストールでアルバイトをしている大学生 I です。 これまで Python を使った機械学習とコンピュータビジョンを勉強してきた経験を活かして、ドットインストールでは業務効率化ツールの開発を手掛けています。 業務効率化を行う方法はいくつかありますが、その中でも、コマンドラインツールが便利です。Webアプリケーションのような GUI のあるツールだとマウスで複数回、操作する必要がありますが、コマンドを使用すれば、1 回の操作で終えることができます。

51
もっとみる

レッスンリリース

「リリースされた新しいレッスン動画」についてお知らせ・ご紹介している記事をまとめたマガジンです。

『Figma入門 実践編』をリリースしました

Figma 入門の最後となる『Figma入門 実践編』をリリースしました。このレッスンでは、これまで習ってきたことを活用しながら、制作の現場で使える、より実践的なテクニックについて紹介していきます。 実践編で学べること今回のレッスンではシンプルなカフェサイトのデザインをしながら、以下のようなトピックについて学ぶことができます。 これまで習ってきたさまざまなテクニックの復習 レイアウトガイドの設定 プラグイン(画像、地図) スタイル(書体、色) プロトタイプ 今回

8

『Figma入門 コンポーネント編』をリリースしました

基本操作編、レイアウト編に引き続き、『Figma入門 コンポーネント編』をリリースしました。制作がある程度の規模になってくると再利用可能な部品をどう扱っていくかが重要になります。このレッスンでは、そのあたりの仕組みを解説していきます。 コンポーネント編で学べること今回のコンポーネント編では、以下のようなトピックについて学ぶことができます。 コンポーネントとは? メインコンポーネントとインスタンスの違い インスタンスでできること、できないこと コンポーネントプロパティ

7

『Figma入門 レイアウト編』をリリースしました

先日の基本操作編に続き、『Figma入門 レイアウト編』をリリースしました。基本操作編では基本的な図形を描画するための方法を学びましたが、今回のレイアウト編では複数の部品をまとめて扱ったり、配置したりする方法について見ていきます。 レイアウト編で学べること今回のレイアウト編では複数の部品をまとめて扱うためにフレームやグループをどう活用していくか、また、オートレイアウトをどう使っていくかについて詳しく見ていきます。 また最後のまとめとして、今回学んだことを活かして動画アプリ

7

『Figma入門 基本操作編』をリリースしました

以前から作りたかった『Figma 入門』の第一弾をリリースすることができました。Figma、すっかり定番ツールになりましたよね。 Web やアプリの UI デザインやプロトタイピング、プレゼンテーションのスライドまで幅広く使えるので、興味のある方はこの機会にぜひどうぞ! Figmaとは?Figma は Web 業界で広く使われているインターフェースのデザインツールですね。サイトやアプリを作る前のプロトタイピングに最適です。 チーム開発でもデフォルトのツールになりつつある

49
もっとみる

リニューアルのお知らせ

ドットインストールのリニューアルや機能改善についてお知らせ・ご紹介している記事のまとめマガジンです。

動画を見たあとに手を動かしながら復習したい方へ!一部レッスンにて手軽にチャレンジできる「問題集」を試験運用中です

「動画は見たけど、身についているか不安…」という方向けに、これまでもミニクイズや256timesを提供してきましたが、その中間的な位置づけである「問題集」を試験的に運用してみることにしました(プレミアムプランおよび法人向けライセンスのユーザー向けの機能となります)。 主な特徴今回リリースする「問題集」の主な特徴は以下のとおりです。 四択のミニクイズと違って、実際にコードを書いていただきます。手を動かすことで知識が定着していきます。 256timesと違って、いつでも挑戦

8

プログラミング学習がもっと楽しく、もっと身につく、「ミニクイズ」機能をリリースしました!

インプットのあとには、知識を定着させるためのアウトプットが重要です。そこで手軽にアウトプットができるように、レッスン動画に「ミニクイズ」機能を提供することになりました。 動画ごとにクイズが用意されているので、学んだことをその場で確認しながら学習を進めていくことができます。 ミニクイズってどんな機能?動画下の「クイズ」タブから、簡単な四択クイズに挑戦していただくことができます。 たとえば CSS のスタイリングを学んだあとに「このようなボタンを作るのに使えるプロパティは?

19

お得な割引価格でプレミアムプランが利用できるようになりました

平素よりドットインストールをご利用いただき、誠にありがとうございます。この度、プレミアムプランについて、利用期間に応じた割引価格による料金体系を提供することになりました。 現在の 1 ヶ月単位のお支払いに加えて、より長期で学ばれることを検討されている方については、割引価格にて 6ヶ月単位および 12 ヶ月単位の一括払いを提供させていただきます。 【現行の料金体系】 月々払い 1,280 円 / 月(税込) 【新しい料金体系】 【6 ヶ月、12 ヶ月一括払いへの切り替

9

モバイル版UI(動画視聴ページ)が見やすくなりました!

モバイル版 UI(動画視聴ページ)が新しくなりました!ずっと気になっていたので、リリースできてよかったです。 新旧を比較すると、こんな感じです。 リニューアル後は、外側の余白を取り払って動画を大きく表示し、より学習に集中できるようにしました。またボタンや文字起こしなどの配置を見直すことで、より操作がしやすくなっています。 ログインなしでご覧いただける無料レッスンをおいておくので、ぜひスマートフォンからご覧くださいね。

5
もっとみる

代表のひとりごとアーカイブ

ドットインストール社代表のtaguchiが「もっと社内外に向けて情報発信せねば!」と思い立ち、週刊ドットインストール内に始めたコーナーのアーカイブです。

【週刊ドットインストール】 CSSグリッドレイアウトのレッスンを制作中、代表のひとりごと

コンパスが必要になって買ったのですが、最近はスマートな形状になっているものもあるのですね…。ペンタイプなので実にコンパクト。実際に使ってみましたが、使い心地もとても良かったですよ。 さて、それはいいとして今週もドットインストール社内のいろいろをお伝えしていきます。 レッスン制作の状況現在、「CSS入門 グリッドレイアウト編」を制作中です。ちょっと複雑なレイアウトを作るときに便利ですよね。最近追加されたサブグリッドも含め、丁寧に説明していくレッスンになりそうです。リリースま

7

【週刊ドットインストール】 CSSバージョンのお話、レッスン制作の進捗、代表のひとりごと

先日、syntax.fm を聴いていたら興味深いお話が。 Google で CSS の新機能を開発している方のお話しだったのですが、「CSS ではたくさんの新機能が追加されているがうまく広がっていない。CSS のバージョン番号を 3 で廃止したのだが、4, 5, 6, … と作っていくべきではないか?」という主張でした。 たしかにあまり詳しくない人にとっては、未だに「CSS の最新版 = CSS 3」…という意識があるかもですね。ざっくりしすぎな気もしますが「CSS 7

16

【週刊ドットインストール】 レッスン制作の進捗、メンタリングサービス、代表のひとりごと

遅ればせながら、最近、音声入力を使い始めました。(周りに人がいなければ)かなり便利ですね…。なぜ、もっと早く使わなかった…。 実は今この文章も音声入力で打ち込んでいたりしますが、タイプするよりも体感で 1.3 倍ぐらい早いんじゃないかな、という気がしますね…。 すでに使われている方も多いと思いますが、まだ使われていない人は、ぜひぜひ試されることをおすすめいたします(Windows でも macOS でもいけますね)。 さて、そうした小ネタは良いとして、今週もドットイ

18

【週刊ドットインストール】 『PHP入門 データ構造編』リリース、プログラミング学習の悩みを相談しよう、代表のひとりごと

雨で窓を開けられず寝苦しい日が出てきたので、今年はじめての冷房を入れました。あっという間に5月も終わりですね…ラストスパートもがんばります! さて、今週もドットインストール社内のいろいろをお伝えしていきます。 『PHP入門 データ構造編』リリース先週までの 基礎文法編 、制御構造編 、関数編 に続き、『PHP入門 データ構造編』をリリースしました。こちらは 旧版レッスン で取り上げていた配列について、さらに詳しく説明したリニューアル版となります。 「foreachの書き

22
もっとみる