Qiita - JavaScriptタグが付けられた新着投稿

canvasを画面比に応じて可変にする(canvasでお絵かきアプリ)

SN

5/27 03:29



背景

canvasを画面サイズに応じて可変させたい。

純粋にそのまま実行するとjavascriptにて操作するときにcssで書いた値は有効にならず、「幅300px 高さ150px」という認識で動くのです…


結論

回避策とし...

Chart.jsで散布図を作る

SN

5/27 02:17



web上にグラフを表示させる


今回初めてhtml, css, jsをちゃんと書いた

超入門者向け


グラフ描画をweb上でやりたい。

フリーのライセンスで使えそうなものとして、Chart.jsを使ってみた。

今回...

JavaScriptで素数 2

SN

5/27 00:00

参照記事:

99 Haskell Problems より、[31] でもその前に

Haskellで素数 2 自分でもやってみた。

Pythonで素数 2 Pythonでやってみた。

JavaScriptで素数 あんまり芳しくなかった前回。


前記...

React Native for Webの0.7が出て、導入しやすくなった

SN

5/26 23:31

2018/05/18に、React Native for Webの0.7.0がリリースされました。

https://github.com/necolas/react-native-web/releases/tag/0.7.0

(その直後、軽微な修正によるアップデートがちょこちょこ出ていま...

【JavaScript】1日で基本を学ぶ〜中編

SN

5/26 22:40



オブジェクトとは

まず最初に、前回に引き続きこちらの本を参考にさせていただいた。

岩田宇史「いちばんやさしいJavaScriptの教本」(インプレス)

オブジェクトとは・・・人によって様々な説明ができる...

Googleフォームをカスタマイズして導入、Ajax処理を行う

SN

5/26 22:32



はじめに

Googleフォーム、簡単にアンケート等作成できて便利ですよね

実はこれ、デザインをカスタマイズして自アプリ・サイトに導入することもできます

下記の記事をみていただくとどのように導入で...

Ajax(jQuery)での通信中にローディング画像を表示する

SN

5/26 21:29



やりたいこと

Ajaxでサーバーと通信する際、くるくるのローディング画像を表示したい。


概要



beforeSend を使用する。これを使うことでajaxのリクエスト前に処理を実行させることができます。



removeC...

スマホを最高級電子部品として電子工作に組み込む(加速度編)

SN

5/26 18:52

前回,スマホを最高級電子部品として電子工作に組み込むで,OpenCVを使ってサーボモータを動かすのを書きました.

好評だったので,今度はスマホの加速度を使ってみたいと思います.


加速度モジュールでは...

react-navigator + react-native-parallax-scroll-view でタブアイコンが押されたらParallaxScrollViewをScrollToTop

SN

5/26 18:51



react-navigator + react-native-parallax-scroll-view でタブアイコンが押されたらParallaxScrollViewをScrollToTop

ライブラリのソースに下記を追加


/node_modules/react-native-parallax-scroll-view/src...

【JavaScript】1日で基本を学ぶ〜前編

SN

5/26 17:59



サクサク動くアプリを作りたい

今までLaravelを使用したアプリを作成してきたが、ユーザー側から見て動作が重たく感じる・・・と言うのも、ページ遷移の都度、該当ページの読み込みを行なってきたからだ。

そ...

Railsでページ読み込みしないとjsが効かないのを解決する方法

SN

5/26 17:51



今回陥った事象

aタグやlink_toメソッドでページ遷移するとjsが効いていない。ページをリロードするとjsが効いている。


ググった結果

turbolinksの仕業(おかげ?)らしい。


tubolinksの役割



Turbolin...

Bot Framework v4開発環境構築 on Mac (JavaScript版)

SN

5/26 16:15

Bot Framework v4がプレビューになったので、ローカルで試す用のメモ


バージョン情報

以下のバージョンで試しています。プレビュー版なので、今後変更になる可能性があります


Mac OS High Sierra 10.13.4
bo...

プログラミング中のエラー発生時に確認すること(初心者向け)

SN

5/26 13:59



この記事はプログラミング中のエラー発生時に確認することを初心者の方向けに簡単にまとめました。


1.エラー文を読んだか?


2.エラー文について調べたか?


3.スペルミスはないか?


4.全角スペースは入...

値にnull値が入っていたせいでJavascrpitで配列が文字列として認識された件

SN

5/26 13:05



何をやろうとしていたのか。

htmlのデータ属性に埋め込んでいた配列をjQueryのdata()メソッドで取得し、console.logで表示。

以下コード


word.js

var words = $(".word__wrapper").data('word');
...

PhotoshopとSwipeGeneratorで動くHPを作る 1

SN

5/26 11:04



SwipeとSwipeGeneratorについて

SwipeとSwipeGeneratorの説明やインストールについては以下のページを参照してください。

https://qiita.com/isamua/items/4d328b587434d111e495


画像を動かす、拡大、縮...

Redmineのチケットのコメント追加時に親チケットにもコメントをコピーする

SN

5/26 05:44

以前作成した「RedmineのJavaScriptからREST APIを使用する」の実践内容。

redmine.tokyo 第14回勉強会のLTで発表した。


目的

WBS状にチケットを切ると親チケットと子チケットができる。

この時、子チ...

Ramdaにおける関数のあいだの等式

SN

5/26 01:56

Ramdaの関数どうしの関係に関するメモ。

趣味でRamdaのドキュメントを読みながら考えていたことをまとめることにしました。

学術的関心の意味でポイントフリーの書き方を目指します。



- まだ途中...

Monaco Editor 使い方事始め

SN

5/25 22:59



最初に

 現在プライベートで開発中のテキストエディタ、CMeDitorではaceエディタというライブラリを使っている。aceは非常に便利で高機能。Delphi時代のCMeDitorよりも理想のエディタを作れる!と満足してい...

Vue.jsのurlに含まれる「#」を消す方法

SN

5/25 20:58

Vue.jsで

npm run dev


とかしてlocalhost:8080とかにアクセスすると思います。

すると、

localhost:8080/#/ (少し違うかもしれないがこんな感じ)


「#」を消したい!!!!!!!!

ということでrouter/...

Vue.jsでdevtoolsを追加しても検証ツールのメニューに出てこない時の対処法

SN

5/25 20:42

Vueで開発をしていて、devtoolsを入れるのはあたりまえだと思うのですが、使えなくなるときがあります。

原因がここに書いてある(というか答えもこれに書かれているが)

https://github.com/vuejs/vue-devt...

PureComponent にインラインのアロー関数を渡してもいい場合

SN

5/25 18:54



前提知識


[React] Component と PureComponentの違い - Qiita
【React】 PureComponent にアロー関数を渡してはいけない - 藤 遥のブログ



本題

PureComponent にインラインのアロー関数を渡してもいい場...

余りを求めないでFizzBuzz

SN

5/25 17:50



実装

fizz = ["Fizz"];
buzz = ["Buzz"];
for(i=1; i<=100; i++) {
fizzbuzz = fizz[i] = fizz[i-3]||"";
fizzbuzz += buzz[i] = buzz[i-5]||"";
console.log(fizzbuzz||i);
}



説明


配列の...

TypeScript Sampleをやってみるその3付録

SN

5/25 17:09



はじめに

前回の続きの付録。d3のサイトにあるサンプルをローカル環境で試す時にたぶんみんなはまるので、備忘録を投稿します。

JavaScriptではブラウザーの制約でローカルのcsvを読込ができません。解決...

Chrome拡張機能:ダウンロードしたファイルをアップロードする

SN

5/25 16:30



はじめに


やりたいこと

以下の操作を自動化する。


Flickr等で見つけた自由利用可能な画像ファイルをダウンロードする。
アップロードフォームにダウンロードした画像ファイルを指定してアップロードする。...

Firebase Cloud Storageに格納した画像を一覧表示する

SN

5/25 16:26



はじめに

まずはじめに、ここで記述する方法が正攻法なのかわからないので、もっといい方法があれば教えてほしいという意味も込めて投稿しています。


問題点

最近Firebaseをさわり始めました。

Cloud Stor...

JavaScriptで文字列を1文字ずつ入力するかのように見せかけてみた。

SN

5/25 11:50

実際に確認したい人はこちらへ

https://junya0215.github.io/cacao_ame/design_ui/inputTextAnimation/

動作はChrome, Safari, Firefox で確認




<body>
<!-- ここではソースコード表示します --...

ビルド環境なしで Hyperapp をおためし

SN

5/25 11:02

「1 kB JavaScript framework」を謳う Hyperapp をさくっとお試し。


確認環境


Google Chrome


バージョン: 66.0.3359.181(Official Build) (64 ビット)





ソースコード

Github 上の README に書いて...

1次元畳み込みを利用した時系列解析をTensorFlow.jsを使ってやって見た

SN

5/25 10:28

今日はみなさん

前回の記事にてTensorFlow.jsでconv1dのモデルロード時におかしなことになっているということを書いたのですが、先ほど (2018/5/24 16:20現在) 解消されたことが確認されたため、早速1次元畳み...

Vue meetupでテスト書いている人が少なかったのでオレオレテストを晒してみる Part. 1

SN

5/25 10:03



Vue meetupでテスト書いている人が少なかったのでオレオレテストを晒してみる Part. 1

Vue.js ではじめるシングルページアプリケーションの開発 - HDE BLOG

みなさん Vue.js Tokyo v-meetup #7 お疲れ様でし...

VueとVuexの間の値の受け渡し方

SN

5/25 01:08



0. はじめに


最近、Vuexを使い始めて、Vue.jsからVuexに値を受け渡す時にいくつかの方法があり、どういう方法があって何が良いのかが把握できなかったので、備忘録的に記述します。

公式がかなり詳しいので...

PR:bitflyer

bitFlyer ビットコインを始めるなら安心・安全な取引所で