カテゴリー別アーカイブ: JavaScript

Nuxt3でGoogle Fontsを実装してやんよ!!!!

2023

12

16

Nuxt3でGoogle Fontsを利用する際に思いの外手間取ったので覚え書き 環境準備 Nuxt3で利用できる「Nuxt Google Fonts」なるGoogle Fonts専用モジュールと、webフォントを読み込 ...

続きを読む⇒

Vue3でループ中にコンポーネント出力してやんよ!!!

2022

12

1

Nuxt3が正式リリースされたのでVue3の記述にも慣れるために遅ればせながら触り始めてます。 VuetifyのタブコンポーネントUIを実装する際に、各タブ情報をループしながらコンテンツとなるコンポーネントファイルも一緒 ...

続きを読む⇒

モダンなフロントエンド開発環境をおさらいしてやんよ!!!

2020

9

10

Reactを習得していこうと思うと結局のところモダンなJavaScriptをちゃんと理解してないと詰みポイントが多く、今更ながらモダンなJavaScriptで結構知らない記法や環境設定で理解していない部分が多かった事に反 ...

続きを読む⇒

Javascriptでwebカメラ映像にぼかし機能付けてやんよ!!!

2020

5

1

ZOOMが一般化してきて以前よりお世話になる回数もめちゃめちゃ増えてあっという間にバーチャル背景がリア充達のおもちゃになったので、 この辺りの技術もちょっとはかじってみようと思いましたがいきなりバーチャル背景なんてのもハ ...

続きを読む⇒

jQueryからVue.jsへ移行事始めしてやんよ!!!その2

2019

7

29

前回、jQuery使いの人がVue.jsを覚えたい&移行を考えてる方向けへの 基本的なディレクティブとオプションをまとめました。 jQueryからVue.jsへ移行事始めしてやんよ!!! Vueには他にも便利なコンポーネ ...

続きを読む⇒

jQueryからVue.jsへ移行事始めしてやんよ!!!

2019

6

3

中規模アプリを開発する上で、メンテナンス性を重要視させた上で効率化させたいなぁと思ったので jQueryからVue.jsへ移行の際の事始めを色々と。 Vue.js基本 CDNの取得 とりあえずここからCDNを取得 jQu ...

続きを読む⇒

脱jQueryのコードまとめてやんよ!!!

2018

9

11

jQueryもなんだかんだでメジャーバージョンも3までいって、バージョン依存だったり中規模クラスのサイトになるとコードの再利用やらコンポーネント管理しにくかったりとかの問題もチラホラ出てきて簡単に書けるコードの数々が積も ...

続きを読む⇒

Chrome拡張でBrowserAction起動時に指定URL開いてやんよ!!!

2017

11

14

BrowserAction と PageAction と Override Pages Chrome拡張は大きく3種類の仕様に別れて、 PageAction 特定のサイトやURLにのみ挙動するPageAction。 UR ...

続きを読む⇒

CSVファイルをドラッグ&ドロップでデータをtable表示してやんよ!!!

2017

6

5

通常ファイルをinput要素などから読み込んでFileAPIからプレビューさせるのがセオリーですが、 FileAPIの機能はinputさせなくてもファイルデータを取り込むことが可能です。 HTML・CSSでCSVファイル ...

続きを読む⇒

GoogleMapsAPIでマップで施設検索してやんよ!!! (改良版)

2017

3

10

以前、Google Places APIを利用してGoogleマップの施設、地理的位置、有名なスポットを検索してマップにマーカーを追加しました GoogleMapsAPIでマップで施設検索してやんよ!!! ただこのパター ...

続きを読む⇒

Google マップ APIのマーカーとかエリア別表示とか色々カスタマイズしてやんよ!!!

2017

2

17

2014年1月下旬にGoogle マップがアップデートされ見栄えがかなり変わりました。 そのアップデートされたGoogle Mapsのサイトやブログへの導入法と、一定領域のエリアの中で複数のチェックポイントをつけたり、そ ...

続きを読む⇒

GoogleMapsAPIでgeometryライブラリで指定エリアから半径の距離を表示してやんよ!!!

2016

3

10

過去2回ほどGoogle Maps JavaScript APIを掘り下げてみました。 placesライブラリ編:GoogleMapsAPIでマップで施設検索してやんよ!!! directions API編:Google ...

続きを読む⇒

GoogleMapsAPIでルート検索してやんよ!!!

2016

1

16

前回、GoogleMapsAPIを使って候補を知りたいキーワード検索で対象エリアの施設情報の表示するサンプルの作成をおこないました。 GoogleMapsAPIでマップで施設検索してやんよ!!! なんかもっと色んな事でき ...

続きを読む⇒

GoogleMapsAPIでマップで施設検索してやんよ!!!

2015

11

4

Googleマップで特定位置の周辺○Km圏内でラーメン屋を探したいといった事がGoogleMapsAPIを使ってできるという事でやってみます! Google Places APIを使うには? まず、Googleマップで施 ...

続きを読む⇒

HTML5のWeb Storage使ってスケジュール表作ってやんよ!!!

2015

10

15

Web Storageの基礎知識 Web Storageとは? HTML5で追加された機能で、入力したデータをクライアントサイドのデータベース(ブラウザ)に保存できるようになります。 これまではクッキー(cookie)が ...

続きを読む⇒

トップへ