javaScript
正規表現 正規表現とは、いくつかの文字列を1つの形式で表現するための表現方法です。 この表現方法を利用すれば、たくさんの文章の中からカンタンに特定の文字列を抽出できます。 ここではJavaScriptで正規表現について見てみます。 しかし、正規表現は、…
スプレッド構文 スプレーや霧吹きは、高圧の空気などを用いて、液体を霧状に噴出する装置です。 この機構を最初に思いついた人は天才だなあ、と思います。 そういうものはたくさんありますが、自分の身近にあるものは尚更そう感じます。 そんなスプレーのよ…
アロー関数に救われたい 高校時代、弓道部に所属していました。 高校に入って、部活の見学をしていたとき、先輩たちの放った矢がズドンと音を立てているのを聞いて、入部を決めました。 授業は嫌いでしたが、部活は結構楽しかったので、学校にはちゃんと行っ…
手法 値をすべて配列に格納 値が重複しないように配列(リスト)を操作 配列(リスト)の要素数を調べる 調べた要素数が1ならば、すべての値が等しい。 以下は、PHP、Python、JavaScriptの記述です。 処理速度などは一切考慮していません。 PythonとJavaScr…
forEachはundefinedを、mapは値を返す 表記のとおりです。 久しぶりにJSを使ったら、ちょっとつまづいたのでメモです。 const arr = [1, 2, 3].forEach(value => { return value * 2; }) console.log(arr) // undefined const arr = [1, 2, 3].map(value => …
目次 非同期処理って理解しづらいですよね。でも、分解して見ていけば、きっとわかるはず! 同期処理 非同期処理 コールバック Promise async/await 参考 ※ 注意 Google Chormeでしかテストしていません。 各項目での説明やソースコードは参考にした記事をち…
前提 Google Chromeでしかテストしていません Milkcocoaってなに? Uhuru社から提供されているBaaS(Backend as a Service)です。 Baasというのは、「自分でサーバを用意して、データベースを入れて〜」というような一連の環境構築をする必要がなく、さらに…
前提 Google Chromeでしか検証していません Ajaxを使うメリット 非同期通信ができることです。 具体例を挙げると ユーザのストレスを軽減できる サーバへの負荷を軽減できる というメリットがあります。もちろんデメリットもありますが、ほかのサイトでいろ…
注意事項 以下のファイルの文字コードはすべてUTF-8で実装しているので、Windows環境などでは、日本語が 文字化けする可能性があります。それらを踏まえた上で、テスト用のテキストなどに日本語 を使うことは避けていますが、やはり、環境によっては上手くい…
環境 Ubuntu16.04 Node.js v7.7.1 npm 4.1.2 SQLite3をnpmでインストール node.jsはサーバサイドでjavascriptを扱えるようにしたもの。当然、データベースも扱うことが できます。 今回はSQLiteというデータベースを使ってみます。ほかの選択肢としてはmongo…
そもそもコレなんて呼ぶ PHP、javaScriptで、いつも使っているけど、何て言うのか 覚えていますか? ネット上とかで毎回見ているけど、意外とスルーしていたりします。 正解は == 等価演算子 === 厳密等価演算子 うーん、会話で使うには長いんですよね。普段…
thisイコール「自分自身」からの脱却 以下のコードはGoogle ChromeとFireFoxでしかテストしていません コードにはjQueryを使用しています 先にコードとコンソール(開発者ツール)での結果を出します。 <div id="test_zone"> <button id="test_button">テストボタン</button> </div> $(function() { "use strict"; console.l…
注意(2017.12.30追記) JavaScriptの進化は早いです。少し前に調べものをしていたら、自分の知っているJSとは別物のような記述の仕方などが出てきて戸惑いました。 この記事では古いクラス実装の手法を紹介していますが、まだこの記事と同じようなスタイル…
strictモードとは? 近頃見られるようになった下記のような記述。javaScriptを書く際、必須になりつつあります。 (function() { 'use strict'; // 処理 })(); jsファイルの先頭に 'use strict'; と記述することにより、strictモードを 宣言することができま…