Tag: 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も必要です。...

OGPのデバック

API連携という他人様の仕様に従わないといけないというシステムは、どこからどう考えても逆さになっても他人様の仕様に従うしか方法がないということを皆さん...

node.jsのインストールと環境設定(Windows10とLinux)

Windows10 (Local PC) インストール 8.11.3LTSをダウンロードしてインストールします。(2018-07-27現在)インストーラが起動するので楽ちん。すでにインスト...

WebStorage

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

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

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

ES6でsuperagentを使ってみる

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

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

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

絵文字削除

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

jQueryでFunctionを使う

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

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

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

LocalStorageの使い方

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

clmtrackr

clmtrackr library

Ajaxの設定(新しい方の)

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

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は分けてインポート...

画像のon/offというかhover

<img src="[IMAGE_FILE_NAME]_off" class="CLASS" > $(function(){ if(0<$(".CLASS").size()){ $(".CLASS").hover(function(){ ...

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

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

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

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

AngularJSでバリデーションする

jQueryだと面倒なバリデーションをかなり楽にやってくれます。これは結構いいかな。Form作る時なんかはこれがいいですね。 Emailのバリデーション よく使う...

Angularjsを使ってみる初歩

https://angularjs.org/ 上記公式サイトからダウンロードする。2017年現在1.5.xぐらいが安定版になるかと思われます。2.x.xを試したい人は是非是非というとこ...

httpのRedirect

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