マップリンク – ReactとSVGで、簡単なインタラクティブ地図制作ツールを作ってみた
この短い記事では、僕がどのようにしてインタラクティブな地図アプリ「MapLink」を作成したかについて説明します。このアプリでは、拡大、縮小、左右上下への移動がスムーズにでき、ダブルクリックで好きな色付けをし、完成した地図をPNGファイルとしてダウンロードすることが可能。
ワシの制作するサイトとウェブアプリで、新しい体験が出来る。
最近ワシが何をしているか、投稿と実績でチェックしてね。
サイト・アプリの制作や、リニューアルをしようと思っている?
一緒に話し合おう!
27/男/ニュージーランド人
ニュージーランド人のウェブ開発者です。よろしく!
オークランド市育ちで、専攻はコンピューター化学でオークランド大学を卒業した。卒業後数年間経って、英語の教師として来日した。大好きになってきた日本から離れたくなくて、もうちょい日本にいようと決意した。日本語を必死に勉強して、日本語能力試験をN1合格し、ウェブ開発者として日本のIT会社に就職した。
これからどんな未来(イライ)になっていくのか、今まで色んな経験をしてきたワシが待っているゾ!
(個人プロジェクト・アプリ)
日本語の助詞の使い方を練習するアプリ。このプロジェクトを少しずつ改善していく予定。TypescriptとNextJSで書かれています。テストはVitestで行っています。
(個人プロジェクト・アプリ)
ヘッドレスWordpressの概念実証。NextJSのサーバーレス機能とNodeJSを「お問い合わせ」フォームに使用しています。
この短い記事では、僕がどのようにしてインタラクティブな地図アプリ「MapLink」を作成したかについて説明します。このアプリでは、拡大、縮小、左右上下への移動がスムーズにでき、ダブルクリックで好きな色付けをし、完成した地図をPNGファイルとしてダウンロードすることが可能。
日本語以外の入力を許可しないことで、スパムロボットを阻止しよう. この記事を読んで「wpcf7_validate」 と 「wpcf7_spam」 のContactForm 7のフィルターを使って、お問い合わせフォームのバリデーションとスパム対策を行う方法をご紹介します。