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

マガジン一覧

週刊ドットインストール

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

Image

【週刊ドットインストール】 今週から『AIを使った開発の体験会』が始まります

「AI を使った開発において、初学者がつまづきやすいところは…?」という疑問から始まった 体験会の企画 ですが、おかげさまでたくさんのお申込みをいただきました。 せっかくなのでたくさんの方とお話をさせていただきたく…と思い日程調整を始めたのですが、これがもう大変で…汗。 しょうがないので、Claude 先生にサクッと管理ツールを作っていただきました。社内向けとはいえ、Zoom や Google カレンダーと連動するので結構大変でした….が、数時間で完成。 AI 以前だっ

3
Image

【週刊ドットインストール】 AI開発体験会へのお誘い、Ghostty入門をリリース

知り合いから紹介されて、気になっていたゲームが Switch でついに発売。Steamでも高評価されているレトロっぽいパズルゲームです。 最近少しバタバタなので現実逃避気味に早速プレイ苦笑。「動きを記録して再生する」という技のみでステージをクリアしていくのですが、「あ、そういうことねぇ…」というアハ体験があってなかなか楽しいです。 前に進んでいけば自然と操作を覚えていく、というゲームデザインもそうですが、ロボットの動きが細かいところまで作り込まれているあたりにもこだわりを

13
Image

【週刊ドットインストール】 256timesの新クラス開講、DaVinci Resolveでショート動画作成、Ghostty入門は来週リリース予定

「バイコーしている場合じゃない」みたいな論説をネットで見かけて「バイコー・・・???」と思ったのですが、「バイブコーディング」の意味だったようです苦笑。わからなかった…。 「スプシ(スプレッドシートの略)」を最初に聞いたときも違和感を覚えましたが、こうした略語は自然と受け入れられていったりしますね。「バイコー」もそのうち一般化しそうです。 さて、それはいいとして今週もドットインストール社内のいろいろをお伝えしていきます。 256timesにて『動かして学ぶJavaScr

11
Image

【週刊ドットインストール】 256timesのクラスを運営中、レッスン制作の進捗、メモアプリ『IDEA*PAD』をリリース

まったくノーマークだったのですが「ぽこ あ ポケモン」が売れているらしいですね。まったく知りませんでした。そして早速入手したのですが…なるほど、これは時間泥棒ですな。 「これの次はあれで、その次は・・・」、と頭の中にスタックがどんどん積まれていくので、やめどきが難しい苦笑。忙しいときは積極的に封印しないといけないようです汗。 さてそれはいいとして今週もドットインストール社内のいろいろをお伝えしていきます。 256timesのクラスを運営中先週リリースした『動かして学ぶ

10
もっとみる

レッスンリリース

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

Image

『Ghostty入門』をリリースしました

主に macOS 用となりますが、Ghostty がよく使われるようになってきたように思えるので、入門レッスンをリリースしてみました。 Ghostty はいわゆるターミナルアプリですね。標準アプリより動作がキビキビしているのと、画面分割にも対応しているので、AI を使って同時に複数の作業をするときなどに便利ですね。 ターミナルアプリなので派手な機能があるわけではないですが、小気味よい操作感がやみつきになるので、一度使ったら標準のターミナルには戻れないような気もしますね…。

11
Image

【無料レッスン】 macOS専用かつ初学者向けではないですが...『AeroSpace入門』をリリースしました

今年初のレッスンは「AeroSpace入門」をリリースしました。macOS 専用&ある程度 PC に慣れた方向けですが、無料かつユーザー登録不要で見られるようにしたので、(かなりマニアックですが…)ご興味のある方はぜひご覧いただければと思います。 AeroSpaceって?一言でいうと「ウィンドウマネージャ」です。自動で隙間なく、きれいにウィンドウを並べてくれるのですっきりします。 また macOS の Spaces に相当する「Workspace」という機能もあって、ショ

14
Image

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

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

7
Image

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

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

7
もっとみる

イベント・コミュニティの開催

イベント・コミュニティへのお誘いやその概要について書いた記事のまとめマガジンです。

Image

【締め切りました!】 『AIを使った開発を体験してみたい!』という方を募集します

「AIを使った開発に興味はあるけど、何から始めたらいいかわからない」 「プログラミングは未経験。でも作ってみたいものはある」 「一人でやってみたけど、よくわからなかった…」 「Claude というもので業務が効率化できるらしいけど…どうやって?」 そのような方のために、Zoom にて体験セッションを実施してみることにしました。完全無料です。変なセールスもありませんのでご安心下さい。 なお、弊社としては今後のコンテンツを作るにあたって「AI を使った開発において、つまづきや

36
Image

※締め切りました!4月度ユーザーヒアリングご協力のお願い

4月にもオンラインでユーザーヒアリングを実施することになりました。ユーザーの皆様にご協力いただき、おかげさまでサービス改善も少しずつ進んでおり、ありがたいかぎりです。 「協力してもいいよ!」という方は以下をご覧のうえ、応募フォームよりお申し込みいただければうれしいです。ご協力いただいた内容は、サービスの改善・向上に活かしてまいります。 ご参加いただいた方には、プレミアムサービス3ヶ月分のクーポンを差し上げます。 対象となる方(以下を満たす方) 大学生、大学院生、主婦(

11
Image

※締め切りました!1月度ユーザーヒアリングご協力のお願い

新年の意気込みでもお知らせしたユーザーヒアリングですが、今月もオンラインにて実施することになりました。 今回はドットインストールのプレミアムユーザーの方が対象となりますが、「協力してもいいよ!」という方は以下をご覧のうえ、応募フォームよりお申し込みいただければうれしいです。ご協力いただいた内容は、サービスの改善・向上に活かしてまいります。 ご参加いただいた方には、今回もプレミアムサービス3ヶ月分のクーポンを差し上げます。 対象となる方(以下を満たす方) 大学生、大学院

6
Image

※締め切りました!ユーザーヒアリングご協力のお願い【プレミアムサービス3ヶ月分進呈】

不定期に開催しているユーザーヒアリングですが、11月下旬にオンラインにて実施することになりました。ご協力いただいた内容は、サービスの改善・向上に活かしてまいります。 ドットインストールユーザーの方で協力してもいいよ!という方は以下をご覧のうえ、応募フォームよりお申し込みいただければ大変うれしいです。 なお、ご参加いただいた方にはプレミアムサービス3ヶ月分のクーポンを差し上げます。 対象となる方(以下を満たす方) 大学生、大学院生、主婦(夫)、社会人の方 ヒアリング時

12
もっとみる

コラム

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

Image

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

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

10
Image

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

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

18
Image

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

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

56
Image

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

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

52
もっとみる

リニューアルのお知らせ

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

Image

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

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

8
Image

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

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

19
Image

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

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

9
Image

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

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

5
もっとみる

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

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

Image

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

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

7
Image

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

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

16
Image

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

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

18
Image

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

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

22
もっとみる

HTML / CSS を極めるコーナー

Web 制作のアウトプットを始めた方が迷やすいトピックをコラムで解説する「 HTML / CSS を極めるコーナー」のアーカイブです。

Image

他の人が書いた「リセットCSS」? - HTML / CSS を極めるコーナー

「リセット CSS 」とは何でしょうか。一言でいうと、主要なブラウザがデフォルトでつけているスタイルをリセットするためのコードです。 ただ人によっては以下のどちらか、または両方を浮かべるかもしれません。 自分が書いた「リセット CSS 」 他の人が書いたオープンソースの「リセット CSS 」 リセット CSS に定義はない上記のどちらも「リセット CSS 」と呼ぶことができて、定義はありません。人によって認識が異なり、実はあいまいなものです。 ▼ いろいろな「リセッ

19
Image

要素が中央揃えにならない? - HTML / CSS を極めるコーナー

中央揃えといえば 「 margin: 0 auto 」と「 text-align: center 」 です。 どちらかを書いてみてうまくいった方にする…のではなく、どんなルールを理解しておけると良いでしょうか? ※ 本記事は以前、週刊ドットインストールで掲載した「HTML/CSSを極めるコーナー(仮)」に加筆したものです。 中央揃えの使い分けルール結論としては、以下の 3 点が使い分けルールとなります。 どちらもブロックボックスにのみ使うことができる 要素自体を中央

7
Image

図解「 background 」 - HTML / CSS を極めるコーナー

先日ドットインストールで ミニクイズをリリース しました。知識が定着しているかサクサク確認できるという新機能なのですが、そこで得たデータをもとに、学習者の苦手をフォローアップしていく取り組みにつなげています。 CSS において明らかだったのは、背景画像の指定が難しい、ということでした。学び始めは「仕様」文化も目新しいので、細かなルールがある背景のスタイルに関するプロパティは壁になり得るのかもしれません。 この記事は、とくに詰まりやすい background 関連プロパティ

11
Image

今日からはじめる「 MDN 」 - HTML / CSS を極めるコーナー

「仕様は、MDN で調べるのがおすすめです。」「わからないことがあったら、MDN を見ましょう。」と動画レッスンや、ユーザーの方からご質問をいただいた際にお答えしています。 ただどうしても MDN より、インターネットのあちこちに公開されているお助け記事のほうが参考にしやすいようです。やはり MDN はとっつきにくいところがありますよね。 それでも「 MDN を見ましょう」と伝えたい理由は、長い目で見れば、基礎がつくられ、あとが楽になるためです。そして、仕事に活かしたい方

42
もっとみる