プログラミングBlog

JavaScript

Electron + React + Webpack + Babel 'content-security-policy' ’unsafe-eval’について

問題点 ElectronでReactを使うためにWebpack + Babelを導入したが、electroを起動時に'Hello!'が上手いこと表示されなかった。 chromeの開発者ツールにてエラー内容を見ると以下のエラーが発生していた。 エラー内容 bundle.js:19 Uncaught EvalError: Refus…

Electron タスクバーからアイコンが消える。

現象 Electronを起動後、数秒したらタスクバーからアイコンが消えてしまう。 コントロールパネル>個人用設定>タスクバー>タスクバー設定のオーバーフロー Electronアプリは存在しているがなぜかアイコンが消える。 タスクバーにトレイを生成する new Tray('i…

(Node.js) sqlite3を使って大量のデータをInsert

概要 sqlite3を使って400件のデータをinsertする処理を行った後に、 DBに登録したデータの総件数を取得しましたが、 なぜか397件しか取得できていなかったため、理由をまとめました。 問題点について 問題点 原因を調査していると他にも問題点がたくさんあり…

Ajax

Ajaxとは?? XMLHttpRequest GETの場合 やりたいこと イベントハンドラー IPO Calendar API 実装の説明 GETの結果 POSTの場合 実装の説明 POSTの結果 405エラーが返却されて、できませんでした。 ResponseのAllowにPostがないので、POSTはできないようです…

JavaScript JSON

JSONとは? JSONとはJavaScript Object Notationの略である。 直訳するとJavaScriptの表記法という意味 データ定義方法であり、他にもhtml,xml,csv....などがある。 最近ではAjaxにも使われ、異なるプログラミング間でのデータのやり取りをする際に用いられ…

勉強会㉖

Hands-on and Lightning Talks 開催日時 2021年6月19日(土) 7:00-9:00 今週はBIツール、アプリ開発についての話、Promiseのライブコーディングを行いました。 本日の内容 発表者 テーマ 資料 時間 Kobori BIツールの話 40分 Toku Activity開発の進捗とPromis…

勉強会㉕

Hands-on and Lightning Talks 開催日時 2021年6月12日(土) 7:00-9:00 今週は非同期、同期のお勉強と後半はPaizaのアルゴリズム問題を解きました。 本日の内容 JavaScriptの非同期、同期の例外処理 非同期、同期の例外処理 やったことはtrycatchとコールバッ…

JavaScript 非同期同期 例外処理

実行環境 Node - v 14.16.0 例外の基本 try{}で囲ってる箇所に例外が起こりえるような処理を書いて、 もし例外が発生したらcatch{}の中に書いた処理を実行する。 finallyは実行してほしいような処理がある場合使う。 try { // 例外が発生するかもしれない処…

長テーブルのうなぎ屋 JavaScript編

PaizaのBランク問題に挑戦。 簡単に解ける言ってる人多いですが、普通に難しかったです。 レベルアップ問題集 なお、このコーナー内の問題については、ユーザー同士で解答を教え合ったり、コードを公開したりするのは自由としています。 授業や研修にもご利…

PaizaのDランクで苦戦

Dランクくらい簡単でしょうと思ってましたが、何気にはまってしまいました。 Paizaの問題は基本的に公開などしてはいけないのですが、 レベルアップ問題集に関しては公開しても問題ないそうなので苦戦したところをまとめました。 なお、このコーナー内の問題…

Node.jsでhttpメソッド② PUTとDELETE

前回の続きです。 XMLHttpRequestについて POSTとPUTとPUTCHの違い POST PUT PUTCH PUTとDELETEのハンズオン index.js send.js index.html 参考サイト 前回の続きです。 HTMLのinputタグはPUTとDELETEをサポートしていないため、 XMLHttpRequest を使用しま…

勉強会⑱

Hands-on and Lightning Talks 各テーマの感想 サーバーとは?Node.jsで立ててみる。 チーム開発振り返り dockerでアプリケーションサーバーを起動させる Hands-on and Lightning Talks 開催日時 2021年4月29日(木) 7:00-9:00 本日の発表者は私と、koboriさ…

Node.jsでhttpメソッド① GETとPOST

HTTPメソッドとは? メソッドの種類 GETとPOSTのハンズオン index.js index.html HTTPメソッドとは? クライアントからサーバーに対して送られる要求のこと。 HTTPメソッドでサーバーに何をしてほしいかを伝えることができる。 メソッドの種類 MDNによると全…

SQLインジェクション

SQLインジェクションとは?? アプリケーションのセキュリティ上の不備を意図的に利用し、アプリケーションが想定しないSQL文を実行させることにより、 データベースシステムを不正に操作する攻撃方法のこと。 ja.wikipedia.org 代表的な不正操作の例 ユーザ…

アプリ開発サークル勉強会⑫ 開催日時 2021年3月20日(土) 7:00-9:00

本日もこちらの問題やりました! Map Map不使用 Map使用 結合 ... 本日もこちらの問題やりました! Q49-51 https://gist.github.com/kenmori/1961ce0140dc3307a0e641c8dde6701d Map Mapオブジェクトはkey,value形式で値を保持することができる。 二次元配列…

アプリ開発サークル勉強会⑪ 開催日時 2021年3月13日(土) 7:00-9:00

本日もこちらの問題やりました! 配列の中に連想配列 参考サイト some Someなし Someあり everyなし everyなし every 本日もこちらの問題やりました! Q46-48 https://gist.github.com/kenmori/1961ce0140dc3307a0e641c8dde6701d 配列の中に連想配列 配列の…

アプリ開発サークル勉強会⑨ 開催日時 2021年2月27日(土) 7:00-9:00

本日もこちらの問題やりました! for文 for in for of 本日もこちらの問題やりました! Q36-40 https://gist.github.com/kenmori/1961ce0140dc3307a0e641c8dde6701d for文 for in developer.mozilla.org 注: for...in はインデックスの順序が重要となる 配列…

アプリ開発サークル勉強会⑥ 開催日時 2021年2月5日(土) 7:00-9:00

JavaScript問題集 ファクトリ関数 コンストラクト関数 不変なオブジェクト freeze seal preventExtensions オブジェクトの生成 プロパティの属性 周知事項 JavaScript問題集 本日もこちらの問題やりました! Q26-30 https://gist.github.com/kenmori/1961ce0…

アプリ開発サークル勉強会⑤ 開催日時 2021年1月30日(土) 7:00-9:00

JavaScript問題集 Sort()について 数値のソート 文字列のソート カリー化 と部分適用について addStock addStockAll カリー化参考サイト JavaScript問題集 本日は1月最後の勉強会となりました。 サークルの皆様のおかげで無事1ヵ月勉強会を開催し続けるこ…

アプリ開発サークル勉強会③ 開催日時 2021年1月16日(土) 7:00-9:00

JavaScript問題集 デフォルト引数について Q.13 next()を実行しただけ返り値が1増える関数を定義してください 答え 模範解答 無名関数 error ok 無名関数の中で無名関数をよぶ場合 クロージャ JavaScript問題集 今日もこちらの問題集をすすめていきました。Q…

JavaScript 繰り返し処理について。

JavaScriptの繰り返し処理について JavaScriptの繰り返し処理について for forEach オリジナル問題① 答え 感想 配列に格納されている値をすべて表示させたい時に、にfor文もしくはforEachを使いますよね。 例えばこんな配列があったとします。 index番号と値…

JQuery .empty()

Jquery .empty() Jqueryの.empty()についてですが、 こちらのメソッドは要素を削除するとても便利なメソッドとなっております。 だけど何も考えずに使うとめんどくさいことに。。。 何かしらを検索してエラーがあった場合画面に戻り、エラーメッセージが表示…

JavaScript onClickEvent

onclickイベントの動作 ドロップダウンリストから数値を選択して、"2"の場合は非活性にする機能があるとします。 oncick()イベントはクリックした時に起こるイベントのため、 選択中に別の場所をクリックすると動画のような不具合が起こります。 以下実装コ…