CoffeeScript

1/31ページ

p5.js + CoffeeScriptの開発環境構築

CodePenにてp5.jsで遊んでいたが、コードが大きくなってきたのでローカル環境構築。「とりあえず自分用プレイグラウンドができればよい」という状況。 今時functionとか打っていられないのでCoffeeScriptを使いたい。もちろん最近のESはfunctionなど書かなくてよいが、const draw = () => {}ではp5.jsが作動しない。(thisの問題だろうか) ビル […]

chart.jsでRailsアプリにグラフを組み込む

Railsで作成したアプリにグラフを組込みたいと思い、幾つかの方法を調べた結果、chart.jsを使ってみることにしました。 chart.jsとは キレイなグラフを簡単に組み込むことのできるライブラリです。 ”.js”とある通り、Javascriptで実装されています。 公式サイトにはいくつかサンプルが掲載されています。 Chart.js samples 使用する環境 $ […]

React.jsチュートリアルをCoffeeScript 2で書いてみる

Reactのドキュメントではすでにこのチュートリアルは使用されていないのですが、そこら辺は気にせずに行きます。 CoffeeScript 2とは? CoffeeScriptのメジャーアップデートです。2017年9月12日現在はbeta5ですが、期待の新人です。 v1.xから大きく変わったことは、コンパイル後のコードがES2015+になった事です。class等はclass等のまま出力されます。また、 […]

プログラマ5級【Moving Zeros To The End (ゼロを最後尾に移動)】このプログラミング問題があなたに解けるでしょうか!!

【Codewars】ブラウザでコーディングの基礎からトレーニングできるサイト (ブラウザでvimが使えて32種類のプログラミング言語に対応。4000個以上の問題が投稿されています!) という記事で Codewars サイトを紹介させていただいたんですが、なんせ英語のサイトなので「問題が読めましぇーん」という方も少なくないと思いますので、簡単な(正答率の多い)問題から順に「問題文の日本語訳」を提示し […]

vue-client + CoffeeScript 2.0

概要 ※ CoffeeScriptのtranspileいらない版の記事を投稿しています。 vue-clientで作成したプロジェクトでCoffeeScript 2.0を利用するための設定のメモ書きです。 手順その1(モジュールインストール) vue-clientにて、プロジェクトのひな形を作成します。 # ひな形作成 $ vue init webpack vue-coffee # ひな形作成後、モ […]

ゲームが完成しました

はじめに 3年くらい前から少しづつ作り続けていたゲームが完成したので紹介します。 このゲームのテーマとして、 ・インストール不要、URLを開くだけで簡単に遊べる ・PCからでもスマホからでも遊べる ・空き時間に軽い気持ちで遊べる を意識して作りました。 ゲームの紹介 とりあえずゲームのURLを貼りますね。 https://kotoyayo.firebaseapp.com/kotori/index. […]

CoffeeScript v2 on Rails

Ruby on Railsと言えばCoffeeScript、CoffeeScriptと言えばRuby on Railsと言われたぐらい、Railsでは昔からCoffeeScriptを採用していました。Ruby使いにとってはCoffeeScriptの文法は馴染みやすいものであり、また、モジュールなども無かった当初はSprocketsという考えも悪くありませんでした。 時代は移り、sprocketsだ […]

【初心者向け】これからRailsエンジニアとして成長したい人がすべきこと

はじめに プログラミング初心者でRuby, Railsを始めて1か月〜半年ぐらいの人でこれからエンジニアとして成長したい人を対象に書いています。 そもそも未経験 独学で失敗したという人は多いと思います。諦めずにプログラミング教室に通いましょう。今では1か月、2か月通えば1人で勉強できるレベルまでの必要な最低限の知識を身につけることができます。 プログラミングを上達させるためには必ずわからないことを […]

1 31