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

マガジン一覧

週刊ドットインストール

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

【週刊ドットインストール】 Pencilのススメ、256times開講中、次の動画レッスンを準備中

「Pencil、楽しいですよ」と聞いて試してみました。まだまだ荒削りではありますが、たしかに大きな可能性を感じますね…。 一言で言うと「AI を使って UI を組み立ててくれるツール」ですね。デザイナーさんにお願いするときのように「こういう感じでよろしく!」「ここがもうちょっと…」という感じに話し合いながら UI を作り込むことができます。とっても便利。 これまでも Figma などで AI は使えましたが、Pencil はちゃんと Web を検索して、その都度それっぽい

11

【週刊ドットインストール】 JavaScriptのクラス第四弾をリリース、DaVinci Resolveを引き続き研究中

外資系企業に勤める友人と久しぶりに話したのですが、満面の笑みでこう教えてくれました。 「最近、AI が議事録とってくれるじゃないですか!いままで英語で発言されるたびに超集中してメモとっていたのですが、それがなくなりました!すっっっっっごく楽です!」 AI が登場してほんの 2、3 年….。さまざまな議論はあるものの、自動化できるところは AI にまかせて、本当に楽しいと思える仕事に集中していきたいところですね(Claude Code の remote control が出

12

【週刊ドットインストール】 OpenClaw生活が始まった、米中Tech Newsが興味深い

最近、Switch で「Heave Ho」なるゲームにはまっていました。現在 1,000 円前後。ちょっとした協力ゲームなのですが、難易度が絶妙で、技(?)が決まると気持ち良いです。 慣れるまでは「???」と思ったりもしますが、勢いをつけてジャンプできるようになったり、右手と左手を器用に切り替えながら移動できるようになったりすると楽しくなってくるのでおすすめです。 プレイ中の様子は以下の動画でどうぞ。Switch 2 でなくとも遊べます。 さて、というわけで今週も社内の

28

【週刊ドットインストール】 DaVinci Resolveを研究中、256timesにてJavaScriptクラスを運営中

最近は「クリップボードからの貼り付け」に対応しているアプリや Web サービスが多くなってきた印象がありますね…。Claude Code では多用していましたが、Figma や note、GitHub でも対応していてとっても便利です。 みんな結構使っているものだと思っていたら、先日話した人に「知りませんでした!」と言われたので操作の一例を紹介しておきます。 【macOSの場合】 スクショのショートカットキーに ctrl キーを加えると「クリップボードにコピー(スクショ画

17
もっとみる

レッスンリリース

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

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

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

13

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

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

7

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

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

7

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

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

7
もっとみる

コラム

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

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

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

10

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

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

19

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

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

56

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

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

52
もっとみる

リニューアルのお知らせ

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

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

「動画は見たけど、身についているか不安…」という方向けに、これまでもミニクイズや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
もっとみる

HTML / CSS を極めるコーナー

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

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

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

19

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

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

7

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

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

11

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

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

42
もっとみる

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

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

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

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

11

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

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

6

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

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

12

締め切りました! - 【04/20@大阪】 屋外立ち話オフ会へのお誘い

今年はどこかでオフ会やりたいな…と狙っていたのですが、いろいろなタイミングがばっちり合ったので突発的に開催してみます。大阪です。 このご時世なので今回は「屋外で立ち話オフ会」としてみました。18:30〜19:30の好きな時間に立ち寄っていただいて単におしゃべりする、というだけの会です。 「ドットインストール / 256timesの運営メンバーと話してみたい!」「他のユーザーの方と交流してみたい」という方は是非ご検討ください。 開催概要今回の屋外立ち話オフ会に関する詳細は

5
もっとみる