JavaScript関連のことを調べてみた2020年11月02日

【AngularJS】href属性の中にバインドした値を入れる際に、keyを指定したい

# 問題点
PHPとAngularJSで開発を行っていた際に、以下のようなコードを書きました。

“`php:view.php

エラーです

// 中略

“`
※`error`に関しては`”err_pth”`というkeyに対し、エラーが起きた箇所を示す値を持つオブジェクトです。

今回、実現したかったこととしては、エラーごとのリンクを表示させるという機能でしたが
このような記述ではHTMLの方にうまくリンクが描画されませんでした。

# 対応
原因は、ダブルクオーテーションの中にダブルクオーテーションが含まれていることでした。

`エラーです`

というような感じで、内側はシングルクオーテーションにした結果、無事反映がされました。

JavaScript を学んだ記録①

# この記事
ほぼ初めてJavaScriptを学習したので、その記録を残します。

## コメントアウト

“`
　// 　console.log(“hello java”);
　console.log(“hello javascript”);
“`
※下だけ実行される

## 計算
他の言語同様に算術演算子が使用できる

“`
　console.log(12/3);
　console.log(12%3);
“`
↓

“`
4
0
“`

## 文字列と数値
文字列はシングルクォーテーション、ダブルクォーテーションで囲んで使用
合わせて中で使うのはダメ

“`
console.log(12+3);
console.log(’12+3′);
console.log(’12’ + ‘3’);
“`
↓

“`
15
12+3
123
“`
文字列→数値へ変換など(16進数)

“`
parseInt(‘aa’, 16));
“`
↓

“`
170
“`

## 変数

“`
　// 定義
　let name = ‘U.S.’;
　console.log

HTMLでJavaScirptのwindow.alert()関数を使う方法

# 初めに
この記事ではこれの作り方を紹介しています。

このサイトの情報は偶然ぼくが前のサイトに戻れるボタンのソースコードを応用して発見した方法ですので、詳しいことは分かりません。
そのためあくまでやり方だけを本記事ではご紹介させていただきます。
なお、この方法はおそらく推奨されていない方法です。予めご了承の上お使いつください。

## 本題
やり方は簡単です。``タグを使って`href`のところに`javascript:alert(‘message’);`を指定するだけです。
こんな感じで：
`タグのボタンにする文章`

## 補足
と言っても分かりづらいと思うのでここから細かく書きながら解説していきます。
まず、``タグを用意します

投資実績3軸グラフ・テーブル表示(GoogleスプレッドシートAPI連携)

# はじめに
以前に下記の投稿をしました。

– GoogleスプレッドシートとAPIでデータ取得をしてみました。（Google MAP）
（参考 ー Qiita：[【Google MAP】Googleスプレッドシート API連携 + 絞込み](https://qiita.com/yoshi_yast/items/44ef9da9bc136e455950)）

– 令和500円投資というのを実施しています。
（参考 ー Qiita：[実践！令和 500円貯金(投資)をするといくら貯まるのか？(Vue.jsでのグラフ&テーブル表示)](https://qiita.com/yoshi_yast/items/6a057be8e454cd4ed7c5)）

– QiitaAPIを使用し自分の投稿データを2軸グラフで表示してみました。
（参考 ー Qiita：[Chart.jsを使用して複数軸のグラフを表示する(Javascript)](https://qiita.com/yoshi_yast/items/f4557cb48a13f198d42a)）

上記を踏まえて、JavaScriptでGo

Chart.js でY軸を表示しながらグラフを横スクロールする【デモページあり】

下記画像を見て「ぴん」とくる方むけの記事です。


# デモページ
下記 JSFiddle ページにデモがあります。
https://jsfiddle.net/oktopus1959/w4gan9tk/23/

適当にソースを修正して「Run」を実行すると、その修正を反映した表示がされます。いろんな値をいじって、表示がどのように変化するかを見るのも面白いですよ。

# 基本アイデア
「[参考](#参考)」にも書きましたが、

– Y軸のイメージを別の canvas にコピーして元のイメージと重なるように配置する

です。

# ソースコード
Chart.js, JavaScript, CSS にある程度慣れている方なら、コメントを読めばやっていることが理解できるかと思います[^todo]。

[^todo]: コピーすべきY軸イメージの幅や高さの

業界未経験からのエンジニア最初の1年+αを振り返る

# 目次
[僕は何者か](#1-僕は何者か)
[何故記事を書くか](#2-何故記事を書くか)
[心構え的な話](#3-心構え的な話)
[1年間の勉強の過程](#4-1年間の勉強の過程)

#1. 僕は何者か
– 現在27歳、メガバンクに新卒入社して法人営業を4年半やった後に勉強をスタートして転職。
2019年9月に退職、本格的に勉強をはじめて、2020年1月に今の会社に入社しました。
– HTML/CSS/Javascript([Riot.js](https://qiita.com/phi/items/53f9fcc2551f7b86dffc))を使ってwebページ制作、アプリ開発におけるフロントエンドエンジニアをやっています。
– 最近は、Swift/Java/Kotlinを使いながらCordovaプラグインの開発もやっています。

#2. 何故記事を書くか
– ゼロからフロントエンドの勉強を始める人がより効率的に勉強できるようになってほしく
– 特に自分みたいにちょっと遅めに飛び込んでくる人たちの参考になればと思い(余計なお世話かもしれない)
– 自分自身に発破をかけるべく

#

gasエラーtips

##本記事の目的
gasで自分が詰まったところ、エラーが発生したところを共有して皆さんの役に立てていただきたい

###エラー1
gsuiteで作成したwebアプリは公開してもgsuite内の人しか見ることができない。
例をあげるとgasでhtmlをgsuiteのアカウントで作成した場合、他のブラウザでログインしていない状態で見ようとするとドライブのエラーと表記が出る。
なのであまりないとは思うのですがgasでhtmlや、webアプリを作成されたときはgsuiteではなくフリー版の@gmail.comでないと公開できないです。

###エラー2
シートから時間の値を取得した場合の処理について(11/3に記載します)

##最後に
随時追記していきます。最終更新(11/2)

現在私は個人事業主として下記のサイトの事業を取り進めております。(サイトはまだ作成して間もないのでまだガタガタです、、)
ホテルの自動チェックインのラインでの実装や、rpaの制作をメインに進めています。
作業の自動化等にご興味があれば是非ご連絡ください。何卒よろしくお願いいたします。
https://senren.

【JavaScript】axios(ajax)でエラー時のレスポンスbodyが取得できない

## はじめに

盲点だったのでメモ。
フロントからRailsのAPIへpostしてエラーになった際、詳細なメッセージをresponseボディに入れて返したかった。

##Ruby on Rails

“`ruby
if user.save
render json: { status: 200, data: user }
else
render status: :unprocessable_entity, json:{ messages: user.errors.full_messages }
end
“`

## JavaScript

“`javascript
axios
.post(process.env.API_URL + ‘/api/v1/users/signup’)
.then((res) => {
console.log(res)
})
.catch((e) => {
console.log(e)
})
“`

## 結果

“`shell
Error: Request failed with status co

JavaScriptで図形の左寄せの直角三角形を作る【自分用】

初めての投稿です。
プログラミング初心者なので間違いはあると思いますが、あらかじめご了承ください。

今回は題名の通りJavaScriptで左寄せの直角三角形を作る方法です。
課題をやっていて躓いたため、誰かのためになればと思い、ここに覚書きとして残しておきます。

yahoo!知恵袋にはString.repeatメソッドを使うやり方が多くあり、たぶんそちらの方が主流（というか簡潔）なのではないかと思いますが
for文の2重ループにて処理する方法は以下の通りです。

“`
for(var i=0; i<5;i++){ for(var a=0;a“);
}
“`
ポイントとしては2行目のfor文の条件式a

Mean ShiftをJavaScriptで実装した

# はじめに

「[色々な機械学習処理をブラウザ上で試せるサイトを作った](https://qiita.com/norimy/items/669c19ecf2256b3ecae5)」中で実装したモデルの解説の四回目です。

今回はMeanShiftの実装について解説します。ほぼ解説はしていませんが。

デモは[こちら](https://ai-on-browser.github.io/)から。（TaskをClusteringにして、ModelのMean Shiftを選択）
実際のコードは[mean_shift.js](https://github.com/ai-on-browser/ai-on-browser.github.io/blob/master/model/mean_shift.js)にあります。

なお、可視化部分については一切触れません。

# 概説

実装は[このサイト](http://seiya-kumada.blogspot.com/2013/05/mean-shift.html)を参考にしました。
この数式をだいたいそのままコードに書き起こしています。

なので具体的

チェックボックスのチェックの数

“`html

デモ1

デモ2

デモ3

Next