作品集
ブロク記事で鋭意作成中(不定期)のスクラッチゲーム
ブロク記事で鋭意作成中(不定期)のHTML&CSSゲーム
ブログ
ブログ記事一覧です。ボタンをクリックすると各トピックごとにリスト表示します。
$ ls ./すべての記事 (106記事)
- Scratch 基礎 タイマー
【Scratch入門】Scratchで簡単なカウントダウンタイマーを作る
2022/07/21Scratchアプリでカウントダウンタイマーを作るポイントを解説していきます。
ID#:31 - Arduino ロボットプログラミング
【ロボットプログラミングへの道】Arudino UnoでサーボモータFS90Rを動かす方法
2022/05/18今回もArduinoを使って、ロボットプログラミングには無くてはならない動力源として使えるサーボモータを扱う方法を考えてみます。
ID#:83 - HTMLアプリ Svelte SVG アニメーション
【SvelteでHTMLアプリ開発】テオ・ヤンセン機構の多足歩行をシミュレートしてみる
2022/05/15前回に引き続き「テオ・ヤンセン機構」をSvelteアプリで視覚化する話です。今回はテオ・ヤンセン機構で多足歩行を再現するまでの実装手順を紹介します。
ID#:82 - Arduino ロボットプログラミング
【ロボットプログラミングへの道】Arudino Unoで簡単なボタンスイッチ操作を覚えよう
2022/05/14今回はアルディーノを使って、もっとも簡単なロボットプログラミングのテクニックであるスイッチ操作を解説します。
ID#:80 - HTMLアプリ Svelte SVG アニメーション
【SvelteでHTMLアプリ開発】テオ・ヤンセン機構をSvelteアプリで再現してみる
2022/05/14今回のお題として「テオ・ヤンセン機構」を簡単に視覚化するため、SvelteでHTMLアプリを作って遊んでみます。
ID#:81 - HTMLアプリ Svelte Sass フォント
【HTMLアプリ作成術】SvelteアプリをNES.cssのSassからスタイリングを試してみる
2022/03/06今回はSvelteアプリにNPMインストールする形式のCSSスタイルファイルの導入方法と、外部フォントを利用する方法の2本立てで解説していきます。
ID#:79 - HTMLアプリ Svelte Sass ミックスイン
【HTMLアプリ作成術】SvelteアプリをTyped.cssでSassからスタイリングを試してみる
2022/03/05今回はSvelteアプリを例にとって、HTML&CSSアプリでSassのミックスインをどう扱えば良いかを、Typed.cssを使って解説してみます。
ID#:78 - HTMLアプリ Svelte SVG画像 タイマー
【HTMLアプリ作成】SvelteでSVG要素を直接操作して制限時間表示できるタイマーを作ってみる
2022/01/20今回はSvelteアプリ作成に慣れるために、HTML&CSSゲームなどに応用のできるタイマーっぽいものを一から作成する過程を解説してみます。
ID#:77 - htmlゲーム作成 四択ミニクイズ
【Html&Cssアプリ】Html/JavascriptとSassを使った四択クイズゲームの作り方
2022/01/18このページでは自前で簡単に作れるHtml&Cssゲーム「四択クイズ」の作成過程をまとめています。Scratchプログラミングを卒業し、本格的なプログラミングをスタートしたい中高生向けの内容になっております。
ID#:50 - Html Svelte 四択ミニクイズ
【Html&Cssで作る四択クイズゲーム開発記録⑦】Svelteアプリの作り方入門!HTML&CSSゲームをSvelteプロジェクトへ移行(マイグレーション)する
2022/01/18不定期で四択クイズミニゲームのリファクタリングを進めていく話の第7段です。今回はこれまでネイティブなHTML&CSSを使って作ってきた四択クイズアプリをSvelteアプリとして再構築・マイグレーションする手順を解説していきます。
ID#:76