chart.jsのtooltipに表示させる文字列を変える - Qiita
やりたいこと chart.jsのtooltip（カーソルをグラフに合わせると出てくる吹き出しみたいないやつ）に表示させる文字列を変更する デフォルトではtitleにx軸、labelにy軸の値とグラフの色が入る 今回はcoffeescriptで記述した やりかた myChart = new Chart(ctx, { type: 'line', data: { ... }, # 表示するデータ options: { tooltips: { callbacks: { title: (tooltipItem, data) -> # title内ではtooltipItemの値（カーソルが重なった箇所のデータ）を表示する場合は`tooltip[0]`のよう要素を指定することに注意!! return tooltipItem[0].xLabel + "hoge" label: (tooltipItem,
RailsでJSファイルが読み込まれない！と困った話 - Qiita
前提 AWSのcloud9を利用して、Railsを使った簡単なMAP表示アプリを製作していた時の話です。 Rails初心者のため、「アセットパイプラインって何？」レベルの知識しかありません。 そんな時に、思わず嵌ってしまって解決するのに時間が掛かった経験をしたため、同じ様な事象に悩む方々いたら参考になればと思い投稿しました。 概要 ①勉強を兼ねて、Google Maps APIを利用したMAP表示アプリを制作。 ②「rails g controller maps index」でmapsコントローラを新規に作成。 ③index.html.erbにmap表示用の"divタグ"とmap描画用の"scriptタグ"及び”JSコード”を埋め込んで、動作を確認。 ④上記の方法で無事動作したため、新規に作成したmap.jsファイルにJSコードを記載し、jsファイルを読み込んでmapを描画させようとした。
RailsでJSファイルが読み込まれない！と困った話 - Qiita
前提 AWSのcloud9を利用して、Railsを使った簡単なMAP表示アプリを製作していた時の話です。 Rails初心者のため、「アセットパイプラインって何？」レベルの知識しかありません。 そんな時に、思わず嵌ってしまって解決するのに時間が掛かった経験をしたため、同じ様な事象に悩む方々いたら参考になればと思い投稿しました。 概要 ①勉強を兼ねて、Google Maps APIを利用したMAP表示アプリを制作。 ②「rails g controller maps index」でmapsコントローラを新規に作成。 ③index.html.erbにmap表示用の"divタグ"とmap描画用の"scriptタグ"及び”JSコード”を埋め込んで、動作を確認。 ④上記の方法で無事動作したため、新規に作成したmap.jsファイルにJSコードを記載し、jsファイルを読み込んでmapを描画させようとした。
画面遷移時にJSがロードされないとき `turbolinks:load`イベントをバインドする - Qiita
Rails (5.1.6) turbolinks (5.2.0) turbolinks-source (5.2.0) 参考 [Ruby on Rails 4] Turbolinks 5 で JavaScript が発火しない問題の対処 | deadwood Turbolinksを調べてみた 解決手順 'data-turbolinks-track': 'reload' を使用していた ページ遷移時、JSがロードされなかった jquery:document.ready で turbolinks:load イベントをバインドすることでJSのロードが必ず実行されるようになった
EC2でslack hubotを動かす - Qiita
初EC2を立てるまで でせっかく立てたので早速hubotを動かしたいと思います。 nodeインストール nodebrewをインストール $ wget git.io/nodebrew $ perl nodebrew setup Fetching nodebrew... Installed nodebrew in $HOME/.nodebrew ======================================== Export a path to nodebrew: export PATH=$HOME/.nodebrew/current/bin:$PATH ======================================== $ vi ~/.bashrc $ cat ~/.bashrc # .bashrc # Source global definitions if [
p5.js + CoffeeScriptの開発環境構築 - Qiita
CodePenにてp5.jsで遊んでいたが、コードが大きくなってきたのでローカル環境構築。「とりあえず自分用プレイグラウンドができればよい」という状況。 今時functionとか打っていられないのでCoffeeScriptを使いたい。もちろん最近のESはfunctionなど書かなくてよいが、const draw = () => {}ではp5.jsが作動しない。(thisの問題だろうか) ビルドツールにはParcelを使用する。なお、各ライブラリ・ツールの解説はしない。 必要なパッケージをインストールする。 $ mkdir p5 $ cd ./p5 $ npm init $ npm i --save p5 coffeescript parcel-bundler
Rails Js 発火しない - Qiita
あれ...... qestion.jsというファイルが発火しない..... 謎な点 application.jsではaleart();など発火するにも関わらずquestion.jsだと発火しない 原因 question.coffeeというcoffeescriptがcontrollerを作った時に作られており、おそらくquestion.coffeeeがquestion.jsとしてコンパイルされquestion.jsが２つあることになり、エラーが起きたのだと思う。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signi
coffeescriptを残したままcoffeescript2を使いたい - Qiita
2017年、久しぶりにcoffee scriptがメジャーアップデートを行いました。 「coffeescript？オワコンだろ？」と言われる中、jsの括弧の多さに辟易してtype scriptやES6へ進めない、進みたくないcoffee使いの方は根強く存在していると思われます。(知らんけど) しかしcoffee script2(以下2系)はES2015/6に準拠する形でのコンパイルが行われるらしいので、互換性の心配が付きまといます。しかし同時にasync/awaitが使えるようになったというので興味はあります。 過去にcoffeeで書いた遺産が動かなくなったら困るので移行できない、でも使ってみたい。 そこで私はcoffeescriptを残したまま「coffeescript2」をインストールすることにしました。 2018/03/19追記 coffee-scriptはcoffeeコマンドを呼び
CoffeeScriptの小さなサンプルメモ - Qiita
console.log("Hello") # 関数 myTest = (msg) -> console.log(msg) myTest("hogehoge") # 関数、戻り値あり showTest = (msg) -> msg + "hogehoge" # return console.log(showTest("---")) # 連想配列 menu = coffee: 100 cake: 200 console.log menu["coffee"] console.log menu.cake # クラス class Test # コンストラクタ # 引数にそのまま @ をつけるとthisのプロパティとなる constructor: (param1, @param2) -> console.log("constructor") @param1 = param1 # @に入れることで、th
【CoffeeScript】findの小さなサンプルメモ - Qiita
まず、JavaScriptの基本 Array.prototype.find() - JavaScript | MDN https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/find
Hubotを使ったSlackボットをIBM Cloudで動かす - Qiita
Hubotを使用したSlackボットを作成し、IBM CloudのNode.js上で動かしてみました。Qiita上ではいくつか解説エントリーがあるのですが、環境の変更などの影響で記載されたとおりにやってもうまくいかない箇所がいつくかありましたので、内容的に重複しているものもありますが、私がやった手順をまとめました。 作成したもの Slack上でRSS連携して購読している情報がUTC(Coordinated Universal Time)表記なのですが、JST(Japan Standard Time)に読み替えないと該非が分からず、毎回9時間加算する脳内変換をするのも面倒でした。そこで、時間（HH:MM）を含むメッセージが該当チャンネルに書き込まれたら、自動的に9時間加算した時間を書き込むようにしました。 セットアップ Node.jsとnpmはインストール済みの前提です。適当な作業ディレクト
hubot-slackで発生した「ERROR An error occurred while processing. RTM event: a is not defined.」と格闘した話（解決） - Qiita
hubot-slackで発生した「ERROR An error occurred while processing. RTM event: a is not defined.」と格闘した話（解決）CoffeeScriptHubotIFTTTSlack はじめに Google Home、Raspberry Pi、Hubot、IFTTT、学習リモコン（RM3-Mini）を使って音声で家電操作をしていたのですが、ある時Hubotが「ERROR An error occurred while processing. RTM event: a is not defined.」というエラーを出力するようになりました。 調査・対応方法について、日本語の記事が見つからなかったので、残しておきます。 何が起きたのか？ 今年の年始に、10ドルのRM Mini3とGoogle Homeで家電を操作する方法に取り
jsのbindは意味がわからない - Qiita
jsのbindは意味がわからない。 bind() メソッドは、呼び出された時に新しい関数を生成します。新しい関数が呼び出される時、this キーワードは与えられた値がセットされ、ます。2 個目以降の引数は、新しい関数より前に、ターゲット関数の引数として与えられます。 Function.prototype.bind() - JavaScript | MDN 「引数をbind(拘束)した新しい関数を作れる」という事はわかったけど、それ何が嬉しいの？と思っていた。 しかし先日、ある出来事をきっかけに理解することができたのでポエムを書いてみる。 この物語はフィクションです。登場する人物はすべて架空のもので(略 私はmodule(もしくはpackage)の開発者。githubを通じて便利な関数を公開している。 先日もredCharacterという超絶便利な関数を公開した所だ。 // java scr
CoffeeScript 2という新たなる希望 - Qiita
CoffeeScriptは滅びぬ！何度でも蘇るさ！ CoffeeScriptがいかに駄目かを理解している皆さんならご存じの通り、これまでのCoffeeScriptには重大な欠点があった。それは「CoffeeScriptはECMAScript5(ES5)のaltJSである」と言うことだ。ES5以前のJavaScriptが駄目すぎるため、そこがCoffeeScriptの限界になってしまっていた。駄目な奴は何をやっても駄目なのだ。 ECMAScript2015以降(ES2015+)において、JavaScriptは目覚ましい発展を遂げた。ジェネレーター、テンプレートリテラル、class構文、モジュールベース、async/await等多くの機能が追加された。いくつかの機能は既にCoffeeScriptに存在していたものであったが、ジェネレーターのような全く無い物は新たに追加する必要があった。しかし、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CoffeeScriptを始める② - Qiita
Railsにおけるfrontvalidationの書き方 - Qiita
jquery.pep.jsでコールバックが受け取れない - Qiita
【CoffeeScript】mapの小さなサンプルメモ - Qiita
coffee script - Qiita
[Rails]js-cookie.jsを使ってbootstrap4のタブの情報を保持する - Qiita![[Rails]js-cookie.jsを使ってbootstrap4のタブの情報を保持する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c943552af660d5a523737e3bb54330e696fffe3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCUmFpbHMlNURqcy1jb29raWUuanMlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTZib290c3RyYXA0JUUzJTgxJUFFJUUzJTgyJUJGJUUzJTgzJTk2JUUzJTgxJUFFJUU2JTgzJTg1JUU1JUEwJUIxJUUzJTgyJTkyJUU0JUJGJTlEJUU2JThDJTgxJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz00Y2E2ZjhmOGUxYjQxM2E2OWNiYTAyN2YxMWIyYWE3MQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBkYWNoMV9rZW4mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWUwZjlmNjg4MTM0MzVlMDI2MDg0Y2Y1ZjRkZjkzZWRk%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D4d942283b49528a008a6642faa482e72)
