JavaScript

JavaScript

【jQuery】テキストをクリップボードにコピーする方法【コピペOK】

こんにちは。菜笑[なえ] (@nae310_)です。 今回はコピーするボタンを押したときに、任意のテキストをクリップボードにコピーする方法についてです。 完成図 こちらのCopyというボタンを押すと「コピーするテキスト」という文章がコピーされます。 どこかに貼り付けて実際にコピーされていることを確認してみてください。 See the Pen clipboard copy by NaeSato (@N310) on CodePen. 完成コード [コピペOK] コピーする文章、ボタン、コピーされた時のアラー ...

javascript

JavaScript

JavaScriptでフォームの自動入力を実現する!テスト時の面倒な入力とおさらば!

こんにちは。菜笑なえです。 JavaScriptでフォームの自動入力を実現する方法について書いていきます。 テスト時に何度も同じ項目を入力することに疲れている方は必見です。 自動入力までの手順 save_formvalue.js を用意 フォームのあるHTMLでscriptを設定 Console で実行 詳細コード save_formvalue.js を用意 // フォーム値を取得してlocalStorage に保存 function getFormValue(storage_key, form) { v ...

JavaScript

IE11への対応 jQueryでAjax使うとInternal Server Errorがでる

こんにちは。菜笑[なえ]です。 今回は「IE11への対応 jQueryでAjax使うとInternal Server Errorがでる」という内容で書いていきます。 事象 いつも個別対応が必要になるInternet Explorerさん。 今回はjQueryでAjaxを使っていた時に、IE11で確認するとInternal Server Errorがでた時の対処法です。 調べるとキャッシュの問題というのが一番多かったですが、今回はFormData が原因でした。 コード状況 動かなかったのは以下のコードです ...

JavaScript

jQuery datepicker・flatpickrのオプション設定を動的に変える方法

こんにちは。菜笑[なえ]です。 今回は「jQuery datepicker・flatpickrのオプション設定を動的に変える方法」という内容で書いていきます。 事象 セレクトボックス の内容と連携して、datepicker・flatpickrのオプション設定を変える方法です。 同じ方法で対応できるかと思いきや、そうでもなかったです。 datepicker 初期設定 $('.datepicker').datepicker({ dateFormat: 'yy-mm-dd', m ...

JavaScript

jQuery geolocation.getCurrentPositionを使った現在位置取得

jQueryを使って現在位置を取得する方法をまとめていきたいと思います。 コード 解説 navigator.geolocation.getCurrentPosition( successFunc , errorFunc , options ) ; これで現在位置の取得ができます。 取得時の引数には以下を指定します。 successFunc: 成功時の処理 errorFunc: 失敗時の処理 options: 取得時のオプション オプションなどの指定の詳細は、こちらに詳しく書いてあります。>> ...

angular

JavaScript

Angular ngx-translateで翻訳できたりできなかったり

Angularでngx-translateを使って多言語対応していたのですが、あるページではうまく翻訳されるのに、あるページでは翻訳されない。 もっと言うと、前のページから遷移して来たときは翻訳されてるけど、リロードしたら翻訳されなくなった!というよくわからない現況に陥りました。 フォルダ構成はこんな感じ app |— core |— header |— language |— content |— sub_content 言語切り替えの記述はこんな感じ language.service.ts impor ...

angular

JavaScript

Subjectのsubscribeとnextのタイミング

Subjectにnextしても、subscribeされずデータが取れない!と散々悩みました。 まずはその時のコードを。 src/app/shared/service/session.service.ts import { Injectable } from '@angular/core'; import { Observable, Subject } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class SessionService { ...

angular

JavaScript

Angularでfaviconを削除したい

Angularのデフォルトfaviconはこれですよね。 これを削除したいと思い、とりあえずこれらを削除しました。 src/favicon.ico src/index.html // 削除 <link rel="icon" type="image/x-icon" href="favicon.ico"> angular.json // 削除(2箇所) "src/favicon.ico" これで確認してもfaviconが表示されてる! 再起動だと思いng serveしましたが表示されたまま。 そし ...