- 1. スプレッドシートでコピーしたものをJavaScriptで配列にする
- 2. JavascriptにもIteratorがあるよって話というよりIteratorの話
- 3. #03 [Angular] Standalone components
- 4. #01 marked.js + highlight.js でMarkdownをきれいにHTMLに変換
- 5. JavaScriptで半角数字を全角数字に変換する
- 6. 【JavaScript】Chart.jsを使ってみた
- 7. axiosやfetchに替わるKyのススメ
- 8. 【React】useMemoとuseCallbackの違いを理解してパフォーマンス最適化する
- 9. GoogleスプレッドシートでMarkdownテーブルを変換する方法
- 10. Google App Script(GAS)を使ってopenweathermapAPI 3.0で特定の日付の天気予報を取得する。
- 11. イベント操作で画像を表示するようにするー3
- 12. React19 RC アップグレードガイドをまとめてみた
- 13. JavaScript のゲームフレームワーク/ゲームエンジンの Phaser を p5.js Web Editor上で使ってみる
- 14. みんなに教えてもらって覚えたfetch(JavaScript-Fetch API)
- 15. 論理演算子「&&」「||」「??」の違い
- 16. [JS] なんとなく分かった気になっているJSをはっきりしておく ~ Object オブジェクト Part 2 ~
- 17. TypeError: item.trim is not a functionの対処法
- 18. JSF**k講座 3限目【関数の実行】
- 19. 論理演算子「&&」や「||」の挙動について理解する
- 20. 即時関数でconstにあらゆる値を格納できるしthenメソッドチェーンも使えることにJavaScript初心者が気付いたのでサンプルを作ってみた
スプレッドシートでコピーしたものをJavaScriptで配列にする
スプレッドシート(Excelや、Googleスプレッドシート)で範囲をコピーし、他のアプリで貼り付ける際に、貼り付け先によってはTSV(Tab-Separated Values)の形式で貼り付けられます。
TSVでは、タブ文字は1つ右のセルへの遷移、改行文字は1行下への遷移を意味します。セルの文字列にタブ文字や改行文字を含む場合は、セルの文字列の両端を「”」(ダブルクォーテーションマーク)で挟み、かつ当該文字列内の「”」は「””」に置換します。
今回、TSVをJavaScriptで配列にパースするコードが見つからなかったので、自作してみました。
“`
const TSV={}
TSV.parse=function(tsv){
const result=[[“]]
let row=0
let column=0const regExp=/^\t|^\n|^”([^”]|””)*”|^[^\t\n]*/g
while(tsv){
switch(tsv[0]){
case`\t`:
result[row][++column]=“
tsv=tsv.
JavascriptにもIteratorがあるよって話というよりIteratorの話
# TD; LR;
JavascriptにもIteratorがありますよ、という話# Iterator
表で活躍するということは少ないかもしれませんが、Javascriptにもiteratorがあります
iteratorはなに?みたいになってしまった方は、こんな記事を読む前にGoFのiteratorパターンについて理解しておくのがいいかもしれませんが、この手の説明って全然わからないよね!!
https://ja.wikipedia.org/wiki/Iterator_%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3# いてれーしょん
実例みると早いかどうかはわらないが実例
“`javascript
const ary = [1,2,3,4,5]
const itr = ary[Symbol.iterator]()
itr.next() // {value: 1, done: false}
itr.next() // {value: 2, done: false}
itr.next() // {value: 3, done: false}
itr.nex
#03 [Angular] Standalone components
“Components declaration that we have learned is adding your components to the `imports` array in the `@NgModule` . It doesn’t bother us when we just develop a TODO app or some small-scale project for study or mainly for **fun**. When having a scale project, Angular’s declaration can make the import list as long as you want. Or you **don’t?** Maybe you can try a new staff from Angular 14, **standalone components**.
As the name they call, “”standalone””, allow specifying components, directives or
#01 marked.js + highlight.js でMarkdownをきれいにHTMLに変換
## 概要
Markdownで書いたページをHTMLに変換する際に、
marked.js と highlight.js のライブラリの組み合わせが使いやすかったのでご紹介です。* marked.js (Markdown→HTML変換用)
* highlight.js (コードを書いてる部分をきれいにする用)## 準備
### marked.js
Documentation: https://marked.js.org/
Github: https://github.com/markedjs/markedNPMで適用することもできますが、今回はgithubから直接ダウンロードしました。
1. [marked.min.js](https://github.com/markedjs/marked/blob/master/marked.min.js)をダウンロード
1. /assets/js ディレクトリに配置
1. HTMLファイルに以下を追記
“`javascript
JavaScriptで半角数字を全角数字に変換する
# やり方
画面で作ってみました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3538617/ff490020-a619-7f2f-bac0-8eacc9cfd1ca.png)“`ruby:
数字変換ツール