ひとりでのアプリ開発 - fineの備忘録 -

ひとりでアプリ開発をするなかで起こったことや学んだことを書き溜めていきます

Web開発

Web開発 - キャンバスAPIを使って簡単なお絵描きアプリを作ってみた

簡単なお絵描きアプリを作成するなかで、キャンバスAPIの使い方を簡単にまとめます。

Web開発 - JavaScript:Window.localStrageを使ってブラウザにデータを保存する

本記事は、Window.localStrageを使って、ブラウザにデータを保存する方法をまとめます。

Web開発 - JavaScript: IndexedDBを使ってクライアントサイドのデータベースを操作する

IndexedDBとは、ウェブブラウザー内でクライアントサイドのデータベースを操作するためのAPIです。本記事はIndexedDBの使い方を簡単にまとめます。

Web開発 - SweetAlert2:Alertをポップにするライブラリ

本記事は、SweetAlert2というアラートををポップにするライブラリを紹介します。

Web開発 - ラバーダック・デバッグをするためのウェブアプリを作ってみた

Web開発 - ラバーダック・デバッグをするためのウェブアプリを作ってみた

Web開発 - Particle.jsを使ってウェブページに動的な背景効果をつける

Particle.jsはウェブページに動的な背景効果や粒子アニメーションを追加することができる軽量なJavaScriptライブラリです。本記事は、Particle.jsを使ってみます。

Firebase - Firebaseのデプロイの更新・取り消し、プロジェクトの削除

本記事では、Firebaseのデプロイの更新、取り消し、プロジェクトの削除の方法をまとめます。..web.appだけ更新されない場合の原因と対処法も記載しています。

Firebase - Firebase Hostingを使ってデプロイをする

本記事は、Firebase Hostingを使ってデプロイする方法をまとめます。

Web開発 - JavaScript:デジタル時計を作ってみる

本記事は、デジタル時計をHTML、CSS、JavaScriptで作成したときのコードをまとめます。JavaScript の Date オブジェクトの使い方を学ぶには良い題材だと思います。

Web開発 - 正規表現

本記事は、正規表現でよく使われる記法をまとめます。

GAS - ウェブアプリにGoogle Driveにある画像を表示させる方法

本記事では、GASで作成するウェブアプリに Google Driveにある画像を表示する方法をまとめます。"Failed to load resource: the server responded with a status of 403 ()" とエラーが発生した場合の対応法も記載しています。

Web開発 - JavaScript:ToDoリストを作ってみる

JavaScriptの練習として、ToDoリストアプリを作成します。HTMLとJavaScriptの間でどのようにデータを渡すのか、体験的に学ぶことができます。

Web開発 - JavaScript:ページにJavaScriptを追加する方法

JavaScriptを追加する方法は2つあります。本記事はその2つの方法をまとめます。

Web開発 - JavaScriptとは

初めに 本記事は、JavaScriptとはどのようなもので何ができるのか、まとめます。

Firebase - Googleが提供する無料でWebアプリを公開できるMBaaS

本記事は、FirebaseというGoogleが提供する無料でWebアプリを公開できるMBaaSを紹介します。

Stripe - オンライン決済を導入する

本記事では、Stripeというオンライン決済代行サービスを紹介します。オンライン決済代行サービスには、Paypalなど他のサービスもありますが、おそらく最も有名で個人開発に適したものがStripeになります。ノーコードで実現できるものもあり、簡単にオンライ…

Web開発 - CSS:CSSの基本

本記事では、CSSとはどのようなものであるか、CSSの主な役割、CSSの基本構造などをまとめます。

Web開発 - HTML:HTML Living Standard と HTML5 について

現在は、HTML Living StandardがHTMLの標準となっています。本記事では、HTML5とHTML Living Standardの2つの標準に分裂するまでの経緯と現在の標準がHTML Living Standardになった経緯を簡単にまとめます。

Web開発 - HTML:画像

本記事では、<img> タグを使い、ウェブページで画像を表示するための方法をまとめます。

Web開発 - HTML:テーブル

本記事は、HTMLにおけるテーブルの作り方を学びます。罫線やセルの結合、列のグループ化などについても触れます。

Web開発 - HTML:高度なテキストに関するHTML要素

本記事では、HTMLの高度なテキストに関するHTML要素として、<dl>要素(説明リスト)、<blockquote>要素(引用)、<time>要素について、説明します。</time></blockquote></dl>

Web開発 - HTML:ハイパーリンク

本記事では、HTMLにおけるハイパーリンクの作成方法について記述します。

Web開発 - HTML:セクショニング

HTML5では、ページの構造をより意味のある区分に分割するためのセクショニング要素が導入されました。本記事では、セクショニングとはどのようなものか説明し、具体例を用いてセクショニングに使うタグの使い方をまとめます。

Web開発 - HTMLの<head>タグ

HTMLにはに囲まれたタイトルやCSSへのリンクなどウェブブラウザに表示されない情報を記述する部分があります。本記事はタグの役割やタグ内に記述する情報について、まとめます。

Web開発 - HTMLとは

本記事はHTMLはどのようなものか、概要をまとめます。