Category: Javascript

Vue.jsのチュートリアル(1)

Vue.js for Green プロジェクトを作成する vueを使うディレクトリの作成。ここではPROJECT_DIR mkdir -m 755 PROJECT_DIR cd PROJECT_DIR node.jsのバー...

Nuxt.js

準備 公式ページのインストール方法はこちら nodeが必要です。インストールして使えるようにしておいてください。 $ node -v v9.2.0 当然npmも必要です。...

WebStorage

sessionStorageとlocalStorageがあります。多少語弊がありますがCookieの代わりとして使えるのと、保存できる領域が4MBぐらいあるのでCookieよりも結構大きな...

Vue.jsとaxiosでAjax機能を組み込む

Vueを使うと普通にコーディングしている限りではjQueryが用なしになってしまいます。jQueryで必要になるのはAjaxぐらいの機能しかなく、それだけの機能のため...

Vue.jsの使い方 (はじめての人)

https://jp.vuejs.org/ Vue.jsを触ってみました。Documentがしっかりしているのでほとんど何も準備はいらないです。 Hello Vue! html <div id="app">...

ES6でsuperagentを使ってみる

jQueryのAjaxってたぶん数年後には死んでるらしい。あのFlashのように! Sourceの入手・ダウンロード このソースをまるごとコピペしてsuperagent.jsとリネ...

ES6 Classを使う

Javascriptの歴史もいろいろ変遷していて面倒なんですが、PrototypeよりES6でClass書いた方がシンプルでいい感じです。 こんな感じの構成にします。main.jsで...

Javascriptのオブジェクトとプロトタイプ

Javascriptのオブジェクトはわかりづらいです。ほんと。普段あんまり書かないので。 Javascriptでオブジェクトを作成する オブジェクトの表現が2つあって...

jQuery animateでスクロール移動

基本的にはこのコピペでいけます。 $("html,body").animate({scrollTop:$('移動したいところのID').offset().top}); とはいえ、何かしらのトリガーが大抵...

絵文字削除

PHPで絵文字対処 Formに絵文字入力されると困ってしまう場合4バイト文字を削除でいったん対処。その他いい方法あるんでしょうか。 $text = "EMOJI"; // &am...

jQuery CDN

全バージョのCDNはここ https://code.jquery.com/jquery/

jQueryでFunctionを使う

Functionとかユーザー定義関数とかサブルーチンとかいろいろな言い方がありますが、あるまとまったルーチンを整理して書いておいて使うときにその都度呼び出...

Javascript + jQuery トラブル・デバック・お作法

あんまりフロントエンド的な仕事しないのですが、時々しないといけないときがあってそういうときに若い子からおしえてもらった備忘録。 すべてを読み込んで...

LocalStorageの使い方

LocalStorage(Web storage)は今では殆ど実用的になってきたので私も使おうかと思います。かなり古いブラウザー使っている人にはたぶん無効になってしまうの...

clmtrackr

clmtrackr library

Ajaxの設定(新しい方の)

しばらく使っていなかったらAjaxが新しくなっておりました。大した違いではないのですが、古い方のsuccess:~error:~という書き方が後方互換でかろうじて動い...

黒点のパスワードが見えるコード

javascript:(function(){var%20s,F,j,f,i;%20s%20=%20"";%20F%20=%20document.forms;%20for(j=0;%20j<F.length;%20++j)%20{%20f%20=%20F[j];%20for%20(i=0...

JavascriptでQRコードを生成

QRコードを生成するソースはいっぱいあるんですが、imagemagickがいるとかGD2がいるとかで面倒なので、Google Chart APIを使うのがいちばん簡単かもしれない...

EXIF情報をJSで取得する

exif-jsというのがあって、これでもういいんじゃないかと思います。 sampleにあるindex.htmlを見てみるとだいたいわかります。 var file = data.files[0]; E...

Javascriptでオブジェクト指向

プロトタイプベースオブジェクト指向言語(Prototype Based Object Oriented Language) プロトタイプベースオブジェクト指向言語(Prototype Based Object ...

Javascriptファイルを一括して読み込む

最近はjsファイルが多すぎて厄介です。requireJSとかあるけどよほど大規模にならないと使わないです。 ヘッダーがもの凄い量になるのでjsは分けてインポート...

Javascriptの空のオブジェクトの判定方法

javascript書いてると[object Object]というのが返ってきて、しかも中身が空という場合にどうやって判定したらよいかというお話です。 var obj = {}; if (Ob...

タブレットで見たときのViewportの調整

タブレットで見たとき右側が切れたりするときに使うやつ。結構便利。 PCとスマホとタブレットと3つのデザインを作るのが非常に面倒なので、タブレットのデザ...

httpのRedirect

htmlのheadでリダイレクト metaでリダイレクトできます。htmlファイルそのものにアクセスした際に別のURLへリダイレクトします。同ホスト内の場合はルート相...

Twitterの「Tweet button」を設置する

普通のリンク共有ボタンを作成する Tweetボタンは以下のURLから作成します。特に認証など必要なく誰でも作成が可能です。 http://twitter.com/about/resour...