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

Gatsby + firebase build時のエラーを解決する

#本題
Gatsbyとfirebaseを組み合わせて開発中にdevelopはできるのにbuildするとErrorになって困ったことありませんか？　　
この記事の解決策が皆様のお役に立てたら幸いです。

#筆者の環境
– MacBook Pro 13inch 2018
– “gatsby”: “^4.6.1”,
– “firebase”: “^8.10.0”,
– “node” :”v16.13.0″

#通常通り開発すると…
通常ですと以下の様な感じでに開発されているのではないでしょうか

“`javascript
// firebase.js
import firebase from “firebase”

const firebaseConfig = {
apiKey: “your apiKey”,
authDomain:”your authDomain”,
projectId: “your projectId”,
storageBucket: “your storageBucket”,
messagingSenderId: “your messagingSe

都道府県検索　JS＋PHP　セレクトボタン選択でJSを発火して検索

php

全国@foreach($prefecture_list as $prefecture)deno deployのファイルシステムはどうなっているか

deno deployはDeno版Cloudflare Workersです。つまり、Deno用のコードが動かせるエッジランタイムです。

先日[Static Files on Deno Deploy](https://deno.com/blog/deploy-static-files)という記事がDeno公式から発表され、deno deployでもファイルシステムAPIが使えることが明らかになりました。この記事では、deno deployのファイルシステムがどうなっているか、Deno CLIとの互換性はどれくらいあるのかを検証していきます。

## deno deployのファイルシステム

deno deployでは（おそらく）疑似的にファイルシステムが再現され、**GitHubリポジトリ上のファイルをローカルファイルとして扱うことができます。**

>![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/678625/d8d979a8-55dc-ba0b-caf6-7d3d35a7e11a.

元記事を表示

【JavaScript関数ドリル】Lodash関数の実装【勉強用】_.slice関数

#【JavaScript関数ドリル】初級編の_.slice関数の実装のアウトプット

“`javascript:_.slice関数の挙動
console.log(slice([1, 2, 3, 4, 5], 0, 1));
// => [1]
console.log(slice([1, 2, 3, 4, 5], 0, 3));
// => [1, 2, 3]
console.log(slice([1, 2, 3, 4, 5], 2));
// => [3, 4, 5]
“`
第1引数の位置から第2引数の数だけ取得する
第2引数が無い場合は末尾まで取得する
##_.slice関数の課題内容

##_.slice関数に取り組む前の状態
– 引数の有無に応じるにはif文を使えばよさそう

##_.slice関数に取り組んだ後の状態
– 引数の設定の仕方を理解できていなかった
– 遠回りした関数を作っていた
– 元の配列の保護を意識していなかった
– splice頼みになっていた
– 単純なことに時間をかけすぎた

元記事を表示

Rails6系+Vue3系で”Hello, Vue3!”

###はじめに
当方初記事となりますが、今回は私が一週間くらいハマりにハマってしまったRail6でのVueの導入、そしてブラウザに”Hello,Vue3!”を表示するところまでの手順を記したいと思います。

Rails6+Vue3に関する記事はQiitaをはじめとする各Q＆Aサイトで多くの方が取り扱っていらっしゃいますが、私はどうにも要領が悪いのか、うまくいきませんでした。なぜかって？こっちが聞きたいです。

Vue.jsを初めて触るという方は、先にVue.js公式にてVue.jsについて確認しておくことを推奨致します。
https://v3.ja.vuejs.org/

##本記事のゴール
表題の通り、ブラウザ上で”Hello, Vue3!”です。
ね、簡単そうでしょ？

##環境(コマンド:バ

元記事を表示

Django データをjavascriptで扱えるようにする

djangoのviews.pyからデータをhtmlに送り、その後javasciriptで使用するようにする。

以下の3つのファイルを使用する

“`views.py
def index(request):
data_value = ‘sample’
context = {‘data_key’:data_value}
return render(request,’index.html,context)
“`

“`index.html
{% load static %}