ナビゲーションへスキップ コンテンツへスキップ

WebTecNote

気ままに綴る独学メモ帳

  • About
  • Contact
  • Downloads
メインナビゲーション

カテゴリー: Javascript

Nuxt.jsでStorybookを使用してみたメモ

Nuxtで作ってるサイトにStorybook入れてみたら、NuxtやVueの独自ルールで躓くポイントがあったので、導入から問題の解決方法についてStepByStepでメモりました。

2019/08/22By Tenderfeel Javascript, Vue&Nuxt Nuxt、Storybook、Vue、Vuexコメントする

[Chart.js] レーダーチャートの値が表示されないバグをTooltipカスタムでなんとかする

Chart.js ver2.8.0で発生中の不具合対策についてのメモ。ついでにレーダーチャートのオプション設定についての補足もあります。

2019/08/20By Tenderfeel Javascript Chart.js1件のコメント

[Nuxt.js] Vueコンポーネントでの Code Splitting の利用

そのコンポーネントが読み込まれた時にだけimportしてほしいという場合に

2019/07/29By Tenderfeel Javascript, Vue&Nuxt Nuxt、webpackコメントする

[JS] Web Audio API であの楽器

Web Audio APIで初音ミクのあの楽器を再現するやつ、9年ぶりの復活

2019/07/26By Tenderfeel Javascript Audio、あの楽器コメントする

[JS] 9年前の診断テスト作成スクリプトを今風に書き直してみた

陰陽師のミコマラ中手持ち無沙汰だったので、9年前MooToolsを使ってこさえたやつ、 [MooTools] 診断テスト作成スクリプト Diagnosizm これをライブラリ依存なしで書き直してみた。

2019/07/13By Tenderfeel Javascript ES2015、ES2017、ES2018コメントする

[Vue.js] 続 Constraint Validation API パスワード強度ゲージの表示

[Vue] HTML5 Form Validation を利用するフォーム要素コンポーネント の続き。 脆弱なパスワードかどうか診断してその強さを表示するやつ、Wordpressにも備わってるあれをVueでやる。

2019/07/11By Tenderfeel Javascript, Vue&Nuxt CodeSandbox、Validator、Vueコメントする

[JS] Firebaseの覚書 ④ 認証エラーメッセージの日本語化

公式で多言語対応されてないから自分で翻訳しないとだった。

2019/07/09By Tenderfeel Firebase, Javascript Firebase、FirebaseAuthenticationコメントする

[JS] Firebaseの覚書 ③ OAuth認証

Google, Twitter, Facebook等のOAuth系認証は使うProviderクラスが変わるだけでやることは同じ。なのでまとめました。 Facebook認証とTwitter認証はデベロッパーアカウントでのア […]

2019/07/01By Tenderfeel Firebase, Javascript Firebase、FirebaseAuthentication、login-systemコメントする

[Vue.js] tesseract.jsでOCR

JavascriptでOCRできるtesseract.jsで、ゲームの装備ステータスをスクショから読み取れるのか試した。 うーん、漢字多いなら中国語指定の方が精度高いかも 英語ならスッとできるんだろうけどなあ~~~~~~

2019/06/11By Tenderfeel Javascript, Vue&Nuxt tesseractjs、Vueコメントする

[Vue.js] ファイルアップロード&バリデーション ( use bootstrap-vue )

See the Pen vue.js(bootstrap-vue) File Upload by Tenderfeel (@Tenderfeel) on CodePen. なんでか初回はonchangeが反応しない挙動が […]

2019/05/30By Tenderfeel Javascript, Vue&Nuxt File API、Vueコメントする

[Nuxt.js] Firebaseの覚書 ② ServiceWorkerによるセッション管理

NuxtでリファレンスにあるServiceWorkerによるセッション管理をやってみたのでここに記す…。

2019/05/27By Tenderfeel Firebase, Javascript, Vue&Nuxt Firebase、FirebaseAuthentication、login-system、Nuxt、Vueコメントする

[JS] Firebaseの覚書 ① メールアドレス認証

Firebase Authenticationを利用する認証でメールアドレス&パスワード、メールリンク、Google、Twitter…と一通り実装してみたなかではメールアドレス&パスワード認証が一番面倒臭かった。 この記 […]

2019/05/24By Tenderfeel Firebase, Javascript Firebase、FirebaseAuthentication、login-systemコメントする

[Vue.js] HTML5 Form Validation を利用するフォーム要素コンポーネント

2年前に書いた HTML5 Form Validationサンプル(jQuery + Bootstrap 4.0 + Constraint Validation API) の Vue版です。 HTML5のフォーム要素に備 […]

2019/05/10By Tenderfeel Javascript CodeSandbox、Validator、Vueコメントする

[JS] PHPのarray_combineをJavaScriptで

array_combine — 一方の配列をキーとして、もう一方の配列を値として、ひとつの配列を生成する ピコ太郎のPPAPがまんまそのイメージ。 つまりこういうのがやりたい: const key = [‘green’, […]

2019/04/30By Tenderfeel Javascript ES2015コメントする

[Vue.js] ページネーション機能の作り方(弐)コンポーネントのテスト作成入門

[Vue] ページネーション機能の作り方とコンポーネント作成入門 からの続き。 続きなので前の記事で作ったやつがないとできません! 引き続きCodeSandboxでやります。 ローカルに環境作った方はそちらでどうぞ。 C […]

2019/03/31By Tenderfeel Javascript CodeSandbox、Jest、Pagination、Vueコメントする

投稿ナビゲーション

ページ 1 ページ 2 ページ 3 … ページ 6
フォローする
  • Twitter
カテゴリー
  • CSS (63)
    • Compass (3)
    • Sass (1)
  • Custom (8)
  • Dojo (1)
  • GoogleMap (23)
  • HTML&XHTML (14)
    • HTML5 (3)
  • Information (19)
  • Javascript (90)
    • Firebase (8)
    • Vue&Nuxt (15)
  • jQuery (10)
  • Material (9)
  • Memo (84)
  • MooTools (62)
    • Tutorial (6)
  • Perl (1)
  • PHP (37)
    • CakePHP (2)
    • OOPでBBS (7)
    • Zend Framework (4)
  • Template (29)
    • 4BOX (8)
    • 5BOX (5)
    • 6BOX (4)
    • Form (5)
    • Menu (1)
    • Web Site (6)
  • wordpress (69)
    • plugin (9)
    • Reference (7)
    • Themes Making (3)
最近の投稿
  • [Vue] vue-test-utils の Deprecation warning への対応
  • Vercel+Nuxt.jsで爆速Webアプリ作成
  • [JS] Firebaseの覚書 ⑧ 匿名認証の利用
  • Nuxt.jsでTestCafeを使用してみたメモ
  • [Nuxt.js] core-jsエラーへの対処
最近のコメント
  • [Chart.js] レーダーチャートの値が表示されないバグをTooltipカスタムでなんとかする に chart.js2.9.4でlabelsをテンプレート指定すると表示されない | ダーシャのブログ より
  • [HTML] Aタグにおけるrel属性の意味と効果について に aタグでリンクを繋げる際に気をつけたい事 | デザインスタジオドアーズ名古屋 より
  • レスポンシブWebデザインを実装するためのTips に 1行で、画像をレスポンシブにする – たつブロ より
  • [WordPress] カスタムヘッダーをカルーセル表示に変更する に Tenderfeel より
  • [WordPress] カスタムヘッダーをカルーセル表示に変更する に nirdosh_yaqin より
Tags
1Column 2column Ajax Android Aptana Class CodeSandbox CSS CSS3 Demo Download Dreamweaver Elastic Firebase FirebaseAuthentication Fixed Form free script Fx.Tween Google GoogleMap HTML5 HTML5API IE infowindow iphone JavaScript jQuery MooTools Nuxt OOP PHP Regular Expression rollover Sass Template Vue Web Browser wordpress wp-custom wp-function wp-plugin wp-themes XHTML zeromail
  • RSS - 投稿
  • RSS - コメント
© WebTecNote 2021 • ThemeCountry Powered by WordPress