Application development demands sophistication that’s only possible by using third-party vendors. This creates a complex ecosystem of code, in an uncontrolled environment that can put your business at risk. Take back controlGood things happen when you defend the client-side with Jscrambler. Your code becomes resilient to tampering and you stop interference from third-party scripts. Your apps behav

If you were ever making any kind of open source project or any for that matter that’s so big that it needs a proper documentation, you might know how important it is to make it properly. Also, documentation needs to be always up-to-date and should cover the whole public API. So, how to make the perfect docs? That’s the question, this post aims to answer in JS style! ⚡ Photo by rawpixel / Unsplash

スコープとは、変数の有効範囲のことで、プログラムのどの場所から参照できるかを決める概念です。 スコープの種類 JavaScript のスコープには、グローバル変数とローカル変数の 2 種類あります。 グローバル変数 ローカル変数 関数の外（トップレベル）で宣言した変数 関数の中で宣言した変数, 関数の仮引数 プログラム全体から参照できる その関数の中でのみ参照できる ブロックスコープは存在しない Java などの言語では、if や for などの {} で囲まれたブロックごとにもブロックスコープがありますが、JavaScript には存在しません。 JavaScript でどうしてもブロックスコープを使いたい場合は、with 命令を使う方法や、無名関数を定義と同時に呼び出すなどの方法で、擬似的にブロックスコープを作ることは可能です。 補足 : let を使うとブロックスコープがつくれると教

webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ

This is post # 13 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core elements, we also share some rules of thumb we use when building SessionStack, a JavaScript tool for developers to identify, visualize, and reproduce web app bugs through pixel-perfect session replay. If you missed the previous chapters, you can find

初めて JavaScript(ES5) を業務で使ったので、備忘録がてらまとめてみました。 Web 屋の皆さんからすればポンコツだと思いますが、非 Web 屋で生きる Javasript 知らないマンの一視点として参考になれば(?)と思います。間違いやオススメなどもありましたらぜひご教授ください 最初に結論 今回の開発で得た知見やら結論やら所感やらを、端的にまとめておきます。 一行で: Q: なぜ ES5？ A1: JavaScript 全然知らないし、規模も 2-3KL だから、まずは ES5 から押さえるべきだと思った 三行で: 規模は 2-3KL だったけど ES5 直書きキツイ、もうやりたくない 臆せず最初からフレームワークやライブラリにもっと頼るべきだった（後になればなるほど移行コストがでかくて詰む） 調べ物してたら技術的好奇心で時間食われるので自制が必要 Q&A形式でもう少し詳

コンソール まずは、JavaScriptのコンソールを使用して、「Hello World!」を表示します。 コンソールの表示方法 Edge F12 Chrome command+option+J (win: ctrl+shift+J) Firefox command+option+K (win: ctrl+shift+K) Safari command+option+C Safariの場合はショートカットが他のアプリ(Alfred)に使用されている場合があるので、環境設定から「メニューバーに開発メニューを表示」をチェックすると、メニューバーからコンソールを表示できます。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ウェブアプリケーションフレームワークのMVCは、大きく分けてプッシュ型、プル型があります。 -- こんにちは、タイトルはいつも通り釣りです！ 今、ウェブアプリケーションフレームワークを物色中です。 そのいろいろ見ているうちに、頭のなかにごにょごにょあったことを吐き出すのを目的にしています。 他の視点でまだ続くかもです。 例のごとく間違ってたらまさかりよろしくです！！ -- MVCとは？ 表示が伴うフレームワークの基礎、MVCを、なぜこれが必要になったのか、順を追っておさらいしたいと思います。 最初は一つ V 一般的に、分割すると複雑にな

2011年1月15日にJSer.infoを開始してから今日でちょうど7年となりました。 今年は特にイベントもないので簡単にJSer.infoの振り返りを書いてみます。 去年の紹介記事 去年一年間に紹介したサイト数は1074でした。 また、今までのすべての紹介したサイト数の合計は7691でした。 JSer.infoの紹介したサイトデータはすべてデータ化されているので次のページから見れます。 jser/jser.info JSer.info Data Dashboard JSer.infoのゴール あらためて振り返るとJSer.infoのゴールは次のようなものです。 「JavaScriptに興味がある人にもっとJavaScriptを知ってもらう」 「JavaScriptの情報を整理して正確に伝える」 「更新コストを小さくして、継続できる形を作る」 毎年この時期になるとゴールを振り返って、そもそ

Today, I’m excited to announce Hyperapp 1.0! This milestone means the API has reached stability and the churn is finally over. It took us almost a year to arrive at the current API and while it will never be perfect, done is better than perfect and I am extremely pleased with the result. Thank you, everyone, for contributing your time, your feedback, and your code to Hyperapp! ❤️ What is Hyperapp?

the present and future of JavaScript 情報処理学会の若手の会で発表してきました。 三回目の参加で、二回連続30minのセッションをさせて頂きました。 前回は3年前に発表してその頃はまだ学生でした👨‍🎓 実はこの週、スライドにも書いてある通りバンクーバでNode InteractiveとNode関係者があつまるNode.js Collaborator Summitが開かれてました。 そちらの情報は他の方が何かしら報告してくれると思いますので、それを期待しています🙏 さて、それではスライドの内容を少し読み砕きましょう ECMAScriptとは？ ECMAScriptとは、Ecma Internationalによって管理されるJavaScriptの標準化仕様です。 JavaScriptとは、ECMAScriptに基づく実装を指します。 エディション その

HTMLで特定の要素を全て取得して回したい場合はJavaScriptなどで繰り返し処理をしますが、jQueryを使った場合の方法をまとめます。 対象としてはこのようなHTMLの場合です。 <div class="comment">コメント1</div> <div class="comment">コメント2</div> <div class="comment">コメント3</div> ... .each()メソッド jQueryで繰り返しといえばeach()メソッドです。基本的な構文は以下の通り。 $('セレクタ').each(function(index, element){ 〜 }); 第1引数には各要素のインデックス番号が、第2引数には繰り返し処理中の要素が参照されます。2つの引数はどちらも省略可能です。このメソッドを使えば要素数分、繰り返して指定した関数を実行してくれるわけですね。簡

It seems there are more JavaScript frameworks, libraries, and tools than there are developers. At the end of 2018, a quick search on GitHub reveals 2.3 million JavaScript projects. npm has become the world’s largest module system with 700,000 usable packages on npmjs.com and billions of downloads every month. 2018.12.06: The article was updated to reflect the current state of the JavaScript ecosys

Too Long; Didn't ReadUnderstand the spread operator with 4 practical examples. Understand the spread operator with 4 practical examples. What does it look like? Three dots: ... What does it do? The spread operator allows an expression to be expanded in places where multiple elements/variables/arguments are expected. Boring stuff out of the way, let’s look at a bunch of examples to better understan

4. ● id: tyage ● 京大工学部情報学科3回 ● JavaScriptとか書いてる ● 趣味 ○ 脆弱性報告 ○ CTF 司会担当