2024-09-23T12:30:09

Figma UI3のシェイプを使ってボタンを作ろう

デザインツール、設計ツールとして人気のFigmaが、2024年9月に操作画面（UI）を大幅にアップデートして、UI3として順次展開され始めました。 ここでは、そんなUI3を使った基本的な操作を学ぶために、ボタンのデザイン […]

2024-04-02T01:43:07

Astro DBでデータをページに表示しよう

Astro DBは、Astroが公式で提供するデータベースサービスです。これを利用すると、簡易的なCMSとして利用したり、お問い合わせフォームの内容を一時的に保管しておく場所として利用するなど、情報を記録したり取り出した […]

2024-03-11T19:38:21

TypeScriptの「型」とはなにか

TypeScriptは、JavaScriptをベースにさまざまな機能を追加したプログラミング言語ですが、中でも特徴的なのは、名前にもある「型（Type）」という特徴です。 例えばJavaScriptの次のプログラムを見て […]

2024-03-05T16:16:56

kintoneがWebエンジニアにおすすめな理由

kintone（キントーン）は、サイボウズ社が運営する「業務アプリ制作のノーコードツール」とされています。 こう聞くと、エンジニアにとってはあまり縁のなさそうなツールに感じますが、これはサイボウズ社がターゲット層に向けて […]

2024-03-01T19:12:32

フロントエンド（Jamstack）開発で知っておきたいことば10選

Webサイト制作、特にフロントエンド開発の現場は流れが速く、次々に新しい技術・新しいことばが登場します。そこでこの記事では、そんなフロントエンド、特にJamstack開発をするに当たって、覚えておきたいことばを10個紹介していきましょう。

2024-02-01T20:47:04

JavaScriptの繰り返し構文まとめ

JavaScriptの繰り返し構文、for、for of、for in、while、do whileについてそれぞれ紹介しましょう。

2024-01-31T00:08:17

TypeScriptを直接実行できる『ts-node』

JavaScriptでちょっとしたプログラムを作成した時、Node.jsを使って次のようにプログラムを動作させることができます。 しかしこの時、TypeScriptを使って開発をしたいと思った場合は、TypeScript […]

2024-01-30T10:33:29

JavaScriptで小数の計算の誤差を解決する『decimal.js』

JavaScriptに限らず、コンピュータは小数の計算が苦手です。例えば、次のプログラムを実行してみましょう。 100 × 1.1という計算なので、結果は「110」になるはずです。しかし、JavaScriptで実行すると […]

2024-01-28T11:10:27

TypeScriptで「ブロック スコープの変数を再宣言することはできません。」と言われたら

Visual Studio Codeで、TypeScriptを使って開発しているとき、変数名のところに「ブロックスコープの変数 ‘tax’ を再宣言することはできません。」というエラーが発生するこ […]

2024-01-24T11:15:26

Visual Studio Codeをインストールしよう

Visual Studio CodeはMicrosoftが開発する無償の開発用エディタソフトです。 Web制作や、プログラミング開発に非常に役立つエディタなので、是非インストールして学習などに役立てましょう。 ダウンロー […]

2023-08-26T01:03:17

Prettierで変なところで改行されるのを防ぐ方法

Visual Studio Codeに、Prettierプラグインをインストールしてフォーマッタに利用すると、プログラムコードを自動的に整形してくれます。 しかし、標準の状態だと次のようにHTMLタグの途中の変なところで […]

2023-06-23T23:53:18

Snow Monkeyでページ内リンクがメニューに隠れてしまうときの対処法

Snow Monkeyのメニューバーは、標準で画面上部に固定されて表示されます。 しかし、この状態でページ内リンクを設置すると、次のように見出し部分がメニューの影に隠れてしまいます。内容自体は見られますが、これはちょっと […]

2023-03-24T11:29:37

ChatGPTをプログラミング学習に役立てる方法5選

高機能AIチャットサービス、ChatGPTはプログラミング学習にも役立てることができます。ここでは、5つの方法を紹介しましょう。

2022-11-30T13:39:44

Figmaのグループ化、結合・統合とコンポーネントの違いを知ろう

Figmaで複数のシェイプをまとめるときに使う「グループ化」「結合」「統合」と「コンポーネント化」について紹介します

2022-11-22T14:20:07

PHPのFileinfo（finfo）で、ファイルの種類を表示しよう

PHPでファイルをアップロードしたときに、その種類を知ることができるFileinfoファンクションを紹介します。

2022-06-03T22:18:19

ブラウザーで Pythonが動く！？　PyScriptをご紹介

ウェブブラウザー上でPythonで作ったプログラムが動作しちゃう「PyScript」をご紹介！

2022-05-14T10:44:55

ロリポップでWordPressが爆速になる『LiteSpeed Cache』がリリース

レンタルサーバーのロリポップで、WordPressの動作がより高速にする『LiteSpeed Cache』がリリースされました。ハイスピードプラン（月額550円〜）から利用可能です。

2022-04-22T19:26:50

プログラマのためのPC/スマホ/タブレットの選び方 2022年度版

春になって、これから新しく学習用、仕事用にコンピューターを揃えたいという方も少なくないでしょう。 WindowsかMacか、iPadは買うべきか。さまざまなデバイスが登場していて迷ってしまいます。そんなときの1つの指針と […]

2022-04-08T23:42:21

Vue CLI(Vue UI) + Vue Router + Vuex (+ vuex-persist) を使ってメモ帳アプリを作ろう

この記事は、「これからはじめる人のJavaScript/Vue.jsの教科書」のVue3対応、アップデート記事です。本書をお持ちの方は、後半の記事を以下の記事に差し替えてご利用ください。 Vue.jsは、JavaScri […]

2022-03-10T13:37:18

npmってなに？ Node.jsのバージョンを切り替えられるVolta / nとyarnも紹介

プログラミングやウェブ開発でよく利用される「npm」や「yarn」はなにか、Node.jsのバージョンを切り替えられるVoltaやnとともに紹介します。

2021-12-01T12:12:34

JavaScriptのwhile構文で万年カレンダーを作ろう

JavaScriptで同じような処理を繰り返したいときに使えるwhile構文を使って、万年カレンダーを作ってみましょう。