f@ctor

JavaScript関連のことを調べてみた2022年10月08日

JavaScript関連のことを調べてみた2022年10月08日
目次

Python,Ruby,PHP,Java,JavaScript,Perlのビット演算の比較

Qiita > プログラミング言語の比較

Python,Ruby,PHP,Java,JavaScript,Perlのビット演算の比較

# Python

https://qiita.com/7shi/items/41d262ca11ea16d85abc

# Ruby

https://qiita.com/jkr_2255/items/8e29dce1999f3f6b69ad

# PHP

https://qiita.com/mpyw/items/ce626976ec4dc07dfec2

# Java

https://qiita.com/Ingward/items/43acda931c8a62c70d2f

# JavaScript

https://qiita.com/41semicolon/items/c1a16f220d4545410ddc

# Perl

https://perlzemi.com/blog/200808061

元記事を表示

pdf.jsを使って日本語ファイルを表示する

CDNのpdf.jsで日本語を含むPDFファイルを表示させるのに苦戦したのでメモ．
Prebuildのzipを展開して設置する場合も多分ほぼ同じ．

検索すると `viewer.html` を使うやり方はある程度出てくるけれど，`pdf.js` 自体を読み込んでスクリプトを書く場合の情報は見つけづらい印象．

使用バージョン: pdf.js 2.16.105

# 公式のExample

* [Examples](https://mozilla.github.io/pdf.js/examples/)
最低限．これだけだとCMAPの設定がないので日本語等は表示されない
* [GitHubリポジトリのexamples](https://github.com/mozilla/pdf.js/tree/master/examples)
色々ある? (あまり見てない)

# 基本設定

コンソールに `Deprecated API usage: No “GlobalWorkerOptions.workerSrc” specified.` と表示されるときは

“`javascript

元記事を表示

【Javascript基礎】制御構文

# 目次
**◆ – if命令 -（条件によって処理を分岐する）**

**◆ – switch命令 -（式の値によって処理を分岐する）**

**◆ – while/do…while命令 -（条件式によってループを制御する）**

**◆ – for命令 -（指定回数だけループ処理をする）**

**◆ – break/continue命令 -（ループを途中でスキップ/中断する）**

**◆ – Strictモード -（危険な構文を禁止する）**

# ◆ – if命令 -（条件によって処理を分岐する）
if命令は、「もし〜だったら…、　さもなくば…」という構造を表現するためのもの。
与えられた条件式が **true/false** いずれであるかによって、対応する命令（群）を実行する。

“`javascript
if(条件式) {
条件式がtrueの場合に実行する命令
} else {
条件式がfalseの場合に実行する命令
}
“`

**例）**

“`javascript
let num = 10;

if(num >= 5) {
conso

元記事を表示

アイコンを使ったわかりやすいビジュアルプログラミング言語を作った

初めまして、[ニカチュウ](https://github.com/nikachu2012)と申します。ポートフォリオ（適当）は[こちら](https://portfolio.nikachu.net/)です。
EmojiCode(えもじこーど)というWebアプリを作りました。

https://emojicode-ide.nikachu.net

## EmojiCodeとは?
ビジュアルプログラミング言語しか使ったことない人や、まったくプログラミング言語を使ったことのない人に向けたビジュアルプログラミング言語です。

## 利点
– ビジュアルプログラミングができる
– アイコンを使っていてわかりやすい
– でも複雑な命令もできる
– テキストプログラミングもできる
– 内部はJavaScript
– アイコンを使っていて見るだけで分かりやすい
:::note warn
まあ都合のいいアイコンがネットにあるわけないので、テキストの部分も多いです。
:::

## 作った理由
– 比較的大きなサービスを作ったことがないので作ってみたかったから。
– 自分自身ビジュアルプログラミング

元記事を表示

import export チートシート

# 変数
“`tsx
export const name = “Mike”;
export const age = 23;
“`
または
“`tsx
const name = “Mike”;
const age = 23;

export { name, age };
“`

“`tsx
import { name, age } from “./sample1”;
console.log(name, age);
//Mike 23
“`

# as
変数名を変更できる
“`tsx
const name = “Mike”;
const age = 23;

export { name as mike, age };
“`

“`tsx
import { mike, age } from “./sample1”;
console.log(mike, age);
//Mike 23
“`
または

“`tsx
const name = “Mike”;
const age = 23;
export { name, age };
“`
“`tsx
import { n

元記事を表示

22/10/07 勉強記録

22/10/07 勉強記録

・結果

![スクリーンショット 2022-10-07 20.02.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885484/98ff696a-3b48-8c1f-47d8-341c967a9551.png)

・使用したツール
Eclipes JSP bootstrap javaScripts

元記事を表示

【Node.js】ファイル処理周りで調べたことmemo

# はじめに
expressでファイル関連の処理を実装する際に前提知識がなさすぎたので初歩的なことを調べました。
その際にメモしたものをつらつらと書いていきます（雑です

## バイナリデータ

– コンピュータが見て分かる/扱えるデータ
– `binary`は「2進法の」という意味
– 具体的には画像、音楽、動画、圧縮されたファイルなど
– 一般的には人間が読めるテキストデータ**以外**のデータを指すことが多い
– バイナリとテキストは対比の意である

## バイト

– 1byte = 8bit
– 1か0を並べた数値の1個をbitと言う

## Buffer

– Node上でバイナリデータを扱うためのクラス
– 文字列とは全く別ものであるバイナリデータ（バイト列）を扱う
– ちなみに文、字列を扱うクラスは`String`
– ちなみに、C言語ではこの両者を同じ型として扱える
– `new Buffer(128)`のような形で書くと128バイトのバッファを作成できる

## ArrayBuffer

– JavaScriptでバ

元記事を表示

サイトが今朝いきなり動かなくなった？（AxiosのCDNが関係してるかも）

おはようございます。
お昼に起きたら**至急**と書かれたメールが大量に来てました。自社サイトのうちいくつかが動かないそうで…
調べてみたら、Axiosが読み込めてないようでエラーが出ていました。
~~**何もしてないのに壊れた！僕は悪くない!**~~
# 原因
Axiosは今朝、バージョン“1.1.0“ になりました。
この変更により、書き方が別物レベルで変わっています。（詳しくは[この記事を参照](https://zenn.dev/sa2knight/articles/axios-major-version)）

それによって、**CDNでバージョン指定をせずに読み込んだ場合**に最新版が適用されてしまい動かなくなるようです。
# 対処法
CDNをバージョン指定で貼り付けましょう。
https://cdnjs.com/libraries/axios/0.27.1
上のサイトからバージョンごとのCDNを取り出して付け替えると正常に動作するはずです。
“`html:動かない(バージョン指定してない)