[B! js] sachiko-kameのブックマーク

CoffeeScript 言語リファレンス

関数に引数を渡す括弧 (...) は不要。 print "coffee" のように関数を呼べる。ただし引数が無い場合は空の括弧 ( ) が必要。関数やif文、switch文、try/catch文などでブロックを中括弧 {...} で囲む代わりに、Pythonのようにインデントを揃えることでブロックを表現する。なのでインデントは超重要。代入

sachiko-kame 2021/02/28

"coffeescript の基本構文"

js

リンク

CoffeeScript入門（前編） ― CoffeeScriptの基本構文

前回までは、Railsアプリケーションの作成方法について解説しました。今回からは応用編としてCoffeeScriptについて説明します。 ■ 9.3　CoffeeScript CoffeeScriptとは、一言で言ってしまうと、JavaScriptのコードを生成するためのコンパクトな高級言語です。CoffeeScriptを利用することで、JavaScriptでは冗長なコードを記述せざるを得なかった、また、誤りが混在しやすかった局面で、よりシンプルで、安全なコードを記述しやすくなります。 CoffeeScriptのコードはJavaScriptにコンパイルされた上で実行されますので、クライアント環境に特別なプラグインやライブラリは必要ありません。文法もJavaScriptをベースとしつつ、Rubyのそれにもよく似ていますので、これまでRuby＋JavaScriptを利用してきた人であれば、習得

sachiko-kame 2021/02/28

“CoffeeScript コンパイルするとjs”

js

リンク

1分でできるJavaScript入力フォームinput, textarea絵文字除去

JavaScriptで絵文字を除去する Webサイトで絵文字を入力して送信すると文字化けすることがある。例えば「😭文字化け」と入力すると「〓j字化け」のようになる。これを防ぐにはサーバー側の対応が必要だが容易に対応できないことが多い。この場合JavaScriptで入力時に絵文字を除去すれば簡単に対応できる。絵文字除去の実装方法まず下記のJavaScriptの関数を読み込む。 function removeEmoji(t) { var ranges = [ '\ud83c[\udf00-\udfff]', '\ud83d[\udc00-\ude4f]', '\ud83d[\ude80-\udeff]', '\ud7c9[\ude00-\udeff]', '[\u2600-\u27BF]' ]; var reg = new RegExp(ranges.join('|'), 'g')

sachiko-kame 2019/12/26

"絵文字除去"

js

リンク

var/let/constの使い分けのメモ - Qiita

巻き上げがおきる JavaScriptは関数内のどこでもvarの宣言を書ける関数のどこで宣言しても、先頭で定義したものとしてみなされる先頭部分で使いたい変数は全て定義するのが定石関数スコープである関数内ならどこからでも参照できる var pokemon = 'ライチュウ'; function sing(){ //JavaScriptは関数内のどこでもvarの宣言を書ける //これらの変数は関数のどこで定義しても、先頭で定義したものとして見なされる //var pokemon; console.log(pokemon); var pokemon = 'ピカチュウ'; console.log(pokemon); } sing();

sachiko-kame 2019/12/24

"var let const"

js

リンク

URL - Web API | MDN

URL インターフェイスは、URL の解釈、構築、正規化、およびエンコードに使用します。 URL のコンポーネントを簡単に読み取って変更できるプロパティを提供することで機能します。通常、新しい URL オブジェクトを作成するにはコンストラクターを呼び出すときに URL を文字列として指定するか、相対 URL とベース URL を指定します。その後、解釈された URL のコンポーネントを簡単に読み取ったり、URL を変更したりすることができます。ブラウザーがまだ URL() コンストラクターに対応していない場合は、Window インターフェイスの URL プロパティを使用して URL オブジェクトにアクセスできます。対象とするブラウザーのいずれかに、この接頭辞を付ける必要があるかどうかを確認してください。

sachiko-kame 2019/06/29

"クエリ取得"

js

リンク

あれ、いつも書いてるな～というJavaScript の小技集 | バシャログ。

いい加減髪を切りたいminamiです。 JavaScriptでいつも書いてるな～という処理や、知っていると便利なTipsを簡潔に集めた記事を見てほお～と思ったものがいくつもあったので抜粋してみました。 ※追記1：ご指摘がありましたので一部修正しました。「配列をソートする」ではなく「配列をシャッフルする」でした。 ※追記2：「HTMLをエスケープする」のソースがまちがって表示されていました。修正しました。 ※追記3：予想以上に反響が大きく、多数ご指摘を受けてしまいました。よく使う処理の書き方もいろいろあるんだな～という参考程度にご紹介したのですが、参照元の記事の内容の検証が不十分なまま紹介してしまい申し訳ありませんでした。いろいろと勉強になりました！ 45 Useful JavaScript Tips, Tricks and Best Practices 配列からランダムで値を取り出す v

sachiko-kame 2019/06/29

"ランダム文字列など"

js

リンク

[ JavaScript ] リンクを開く - Qiita

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Javascript でリンクを開く</title> <script> // 同一画面でリンクを開く function openURL(url) { location.href = url; } // 別画面でリンクを開く function openWIN(url) { window.open(url); } </script> </head> <body> <a href="javascript:void('0');" onclick="openURL('https://www.google.co.jp/')">同一画面でリンクを開く</a><br> <a href="javascript:void('0');" onclick="openWIN('

sachiko-kame 2019/06/24

"リンク開く"

js

リンク

Javascriptで配列内に特定の要素が存在するかどうかの判定 - Qiita

JSの配列にはexistsとかcontainsなどとかいうメソッドは無いがindexOfを利用して以下のように判定できる。 var arr = ["a", "b", "c"]; if (arr.indexOf("a") >= 0){ // 存在する } if (arr.indexOf("a") == -1){ // 存在しない }