javascript

3桁区切りを簡単に実装するコード

khiroWebエンジニア(@khiro14726723)です。ユーザーにフォームの入力をしてもらう時に、自動で3桁区切りの表示をする機能があったほうが良いですよね。その機能を、javascript(jQuery)で実装しました。とてもシンプルなコードです。サンプルサイト ki-hi-r…

ユーザーが入力した値をグラフ表示する

HTML / CSS / jQuery を使って入力した値をグラフに表示したいと思ったことはありませんか?この記事では、chart.jsを使用してそのような仕様を実現する方法について解説しています。サンプルサイトも作りました。

Railsアプリ / 非同期通信

非同期通信とは 非同期通信を使用する案件 非同期通信を使った簡単なアプリ 事前準備 作業用ディレクトリを作成する 新規rails アプリを立ち上げる ルーティング、コントローラー、ビューを設定する ローカルサーバーを再起動して、ブラウザを確認する 完成…

Ruby on Railsのアプリケーション内で、javascriptを活かす方法

先ほどスターバックスの店員さんからサラダラップを注文した時に、「フォークもいるかな?いらないと思うんだけど・・・。」と呟かれながらサラダラップとドリンクを受け取ったのですが、確かに、フォークは要らないと思いました。しかし、ストローが無かっ…

非同期通信、インクリメンタルサーチ、自動更新

タイトルの3点について、ざっと書いていきます! 非同期通信 LINEなどで用いられていて、ページがリロードされずに通信が行われるようにする技術。 インクリメンタルサーチ googleの検索画面などで用いられていて、検索ボックスに文字を入力した時に、検索候…

Javascriptについて

最近、Javascriptを勉強し始めたので、学んだことを簡単に書いていきます。 参照記事 https://techacademy.jp/magazine/9650 どうやって読み込むの? HTMLのhead要素の<script>のsrcという箇所でファイル名を指定して読み込みます。 (6行目) 他にも方法はあるみたい…