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

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

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とはどのようなもので何ができるのか、まとめます。

Chromeでウェブサイト全体のスクリーンショットをする方法

本記事では、Chromeでウェブサイト全体のスクリーンショットをする方法をまとめます。

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> タグを使い、ウェブページで画像を表示するための方法をまとめます。

Markdownでテーブルのセルの結合を実現する

Markdownでテーブルのセルの結合を表現する方法を備忘録としてまとめます。

Web開発 - HTML:テーブル

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

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

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

VS Code - VS CodeでMarkdownを使う

VS Codeに拡張機能を入れて、VS CodeでMarkdownを使う方法をまとめます。

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

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

StackEdit - ウェブブラウザで使えるMarkdownエディタ

本記事は、ウェブブラウザ上で使うことができる Markdown エディタとして、StackEdit を紹介します。

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

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

Web開発 - HTML:テキストやフォントに関するタグ

HTMLでテキストやフォントを管理するときに使うタグを紹介します。

Web開発 - HTMLの<head>タグ

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

Web開発 - HTMLとは

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

GAS - QRコード生成ウェブアプリを作成

GAS を使って、QRコードを生成する Web アプリを公開したので、紹介いたします。

フロントエンドフレームワーク紹介

フロントエンド開発をするときに、フレームワークを使用すると効率的な開発ができます。本記事では、人気のフレームワークをいくつか紹介します。

GAS - トリガーについて

GASを使う目的の一つとして、自動化があります。本記事では、GASの自動実行に欠かせないトリガーについて、まとめます。

GCP - Google Cloud Platform とは

Google Cloud Platform(GCP)は、Google が提供するクラウドコンピューティングサービスです。本記事では、GCPの特徴や料金、始め方についてまとめます。無料枠で使用できるプロダクトなども紹介しています。

GAS - Googleカレンダーの予定をスプレッドシートに書き込む

本記事では、GASを使ってスプレッドシートに Google カレンダーの予定を書き込む方法をまとめます。

Python - タプル(tuple)

本記事では、Pythonにおけるタプル(tuple)について、まとめます。タプルとリストの違いなどが分かります。

GAS - Google Apps Script とは、GAS でできること

本記事では、GAS(Google Apps Script)とは、どのようなもので何ができるのかまとめます。

Python - PyInstaller:exe化

本記事は、Python スクリプトを実行可能な exe ファイルに変換する方法を紹介します。今回は、PyInstaller を使用します。