Javascript

スポンサーリンク
Javascript

【Vue.js】最小限の構成で「Hello, Vue.js!」を表示する

実験的に、サーバを立てることなく Vue.js を動作させたく思い、最小限の構成で変数内に指定した文字を表示する方法をポストします。
Javascript

【DRF】venv仮想環境を用いて、DRFシステムで書籍管理システムを作成する(7)データベースをPostgreSQLに変更する

SQLiteを使用しているとデータベースがロックされてどうにもならない事が起きてしまい、突然ですが使用するデータベースを「PostgreSQL」に変更したいと思います
Javascript

【DRF】venv仮想環境を用いて、DRFシステムで書籍管理システムを作成する(6)データの取得

ここからは、GET、POST、PUT、DELETE の各種メソッドを使用して、API にリクエストを送り、データを処理します。
Javascript

【DRF】venv仮想環境を用いて、DRFシステムで書籍管理システムを作成する(5)Vuetifyの導入

前回はフロントエンドを構築するために Vue.js をセットアップしましたが、続いて、Vue.js で手軽に使用することができるCSSフレームワークとして「Vuetify」の導入方法をポストしたいと思います。
Javascript

【DRF】venv仮想環境を用いて、DRFシステムで書籍管理システムを作成する(4)Vue.jsの導入

第3回目でAPIを動作させることができましたので、次の手順はフロントで使用する「Vue.js」の導入です。
Javascript

【DRF】venv仮想環境を用いて、DRFシステムで書籍管理システムを作成する(3)APIの動作とテスト

第2回目は画像も何も無い、ただただ設定だけを説明した眠たくなるようなポストでしたが、今回はいよいよAPIを動作させてみたいと思います。
Javascript

【DRF】venv仮想環境を用いて、DRFシステムで書籍管理システムを作成する(2)Djangoアプリケーションの作成

DRFを利用して書籍管理システムを作成するの2回目です。前回はDjangoが稼働するところまでをまとめましたが、今回はアプリケーションを作成するところまでを追っていきたいと思います。
Javascript

【DRF】venv仮想環境を用いて、DRFシステムで書籍管理システムを作成する(1)Djangoのセットアップ

venv という仮想環境を使用し、DRFシステムを作成し、書籍の管理システムを作成します。システムにはDjango、Vue3、Vuetify、SQLiteを使用します。
Javascript

Django, Vue, Vuetify, MySQL, PHPMyAdmin環境をDocker Desktopで作成する

現在の現場でタイトルに挙げた Django, Vue, Vuetify を使用しているのですが、学習用の環境が自分のPCでも欲しくなってきたので、Docker Desktopを使用して環境作成に挑戦してみたいと思います。
Javascript

【JS】jQueryとCSSで作る「ハンバーガーメニュー」を少しリニューアルしてみました

以前作成したjQueryとCSSで作る「ハンバーガーメニュー」に少し手を入れて、もうちょっとだけ使えるものにしてみましたのでご紹介したいと思います。
HTML・CSS

【CSS】jQueryで切り替えるシンプルデザインのタブ装飾で下線を表示しないように工夫してみた

切り替えたときにどうやって「タブの下の線」を消せばよいのか試行錯誤した結果を備忘録としてポストします。
Javascript

【JS】jQueryで「コナミコマンド」入力でアクションを起こすスクリプトを作ってみた

以前より作ってみたかった「コナミコマンド」スクリプトを、時間が空いたところで作ってみました。
Javascript

【JS】ランダム文字列を生成するサービスをPHP→JSにリファクタリングしてみた

リファクタリングという言葉を使いたくて、以前にPHPで作成した『ランダム文字列ジェネレータ』を、Javascriptを使って同じものを作ってみました。
Javascript

【JS】Javascriptで改行コードを「<br>」に変換する方法

JSONやJSONPのような取得したデータをHTMLへ表示させるときに、改行コードを「<br>」に変換するスクリプトが必要になったので、いつでもコピペできるように備忘録としてポストしておきたいと思います。
Javascript

【jQuery】JSONデータをフィルタリングして指定のフォームに項目として表示させる方法

データベースから取得したレコードをPHPでJSONデータ化し、javascriptでフィルタしてフォームに表示させる方法を試行錯誤してみたので、ご紹介。
Javascript

【jQuery】スマートフォン(iPhone, Androidなど)とPCを判定するスクリプト

サイトへのアクセス時に「スマートフォン(iPhine/Android)」と「PC」で処理を切り替えたい場合のjQueryスクリプトです。
HTML・CSS

【JS】ハンバーガーメニューをjQueryとCSSで作成する方法

スマホ画面でも常時表示していたグローバルメニューを、ハンバーガーメニューをタップすれば表示し、再度タップすることで非表示にできないかと相談されたので、作ってみました。
HTML・CSS

【JS】スクロールしたら画面途中にあるグローバルナビを画面上部に固定する方法

トップページなどで、動画や画像コンテンツの下に配置してあったグローバルナビを、スクロールしたら画面上部に固定して表示するスクリプトを作成したので、備忘録を兼ねて紹介します。
Javascript

【JS】定義リスト/記述リスト(dl, dd)タグの個数をカウントするスクリプトをjQueryで作ってみた

このブログの一番人気記事である「三文字略語」のページには現在何個の略字を載っけたのか数えたくなったのですが、いちいち自分で数えるのもバカらしく感じたのでプログラムにやらせてみようと作ってみました。
HTML・CSS

Bootstrap3 + jQueryでラジオボタンの背景色を変更するスクリプト

Bootstrapを使用して作成したラジオボタンの選択アイテムの背景書を変更するスクリプトが必要になったので、備忘録としてポストします。
Javascript

【JS】選択済みのチェックボックスの個数をカウントするスクリプトをjQueryで組んでみた

選択されているチェックボックスの個数を取得して表示させたいというリクエストを受けましたので、Javascript(jQuery)を使用して作成してみました。スクリプトの解説をしつつ、いつの日かまた使うことがあると思うので、備忘録をかねてご紹介します。
Javascript

【JS】jQueryで画像のみマウスの右クリックを出来ないようにするスクリプトを組んでみた

画像の上でマウスの右クリック(コンテクストメニューの表示)が出来ないようにするスクリプトをjQueryを使って作成したので、紹介します。
Javascript

【JS】Javascriptでパラパラ画像表示(制御ボタン付き)を作ってみる

2枚以上の画像をパラパラと切り替えるスクリプトをjavascriptで作ってみましたので、ご紹介。ごくごく簡単なイメージギャラリーのようなイメージです。
Javascript

【JS】配列をシャッフルするアルゴリズム、Fisher-Yates

配列内容をシャッフルして出力する際に「Fisher-Yates」というアルゴリズムを利用すると、素早く、偏りもなくシャッフルできるとのことで、コピペできるように備忘録としてポストします。
Javascript

【JS】JavascriptのsetInterval()を使ってストップウォッチを作ってみる

一定時間ごとに処理を行う、JavascriptのsetInterval関数を使ったストップウォッチを作ってみましたので、その備忘録を兼ねたポストです。
Javascript

【JS】Javascriptで少数を切り上げ、切り捨て、四捨五入などする方法

以前のポスト(ミニロト番号ジェネレータ)でJavascriptにおける「小数点以下の切り上げ方法」を少し紹介しましたが、切り捨て、四捨五入する方法もまとめておきたいと思います。
Javascript

【JS】今更ながら Ajax について整理してみる

今更感もありますが、よくわからないままに使っていた「Ajax」について理解したいと思い立ったので、概論からjQueryでの使い方など含めて、整理してみましたのでご紹介。
Javascript

【JS】jQuery / jQuery UI の読込みを Google の Libraries サイト(CDN)から参照する方法

jQuery 及び jQuery UI をCDNから参照する方法を、ほぼ自分用のメモとしてポストします。
Javascript

【JS】HTML数値文字参照へエンコード、デコードするスクリプトをJavascriptで組んでみた

"あ" や "い" のような、HTML数値文字参照コードへ普通の文字を変換(エンコード)したり、逆にHTML数値文字参照コードから普通の文字へ変換(デコード)するスクリプトをJavascriptで作成してみましたのでご紹介。
Javascript

「クリックしたらツールチップを表示するスクリプト」のバージョン2を作ってみた

以前作成した「クリックしたらツールチップを表示するスクリプト」がQiitaでいい感じに改造されていたのに影響を受け、もう少しだけ上手に書いた(と思う) バージョン2がようやく出来上がったので晒してみたいと思います。
スポンサーリンク