ReactのJSXでコメントを書く方法のメモ JSX Comment JSXの{ }の中はJavaScriptが動作するので{ }で囲ってコメントを書くことができる {/* 一行コメント */} {/* 複数行 コメント */} // も使えるが{ }の閉じタグの前に改行が必要。 {// 一行コメント } 改行がないと、最後の}もコメントアウトされてエラーになる {// 一行コメント} // => Parsing error: Unexpected token JSXの{/**/}コメントアウトはHTML側には出力されない render( <p>コメントアウトは {/* ばーかばーか！ */} HTMLには {/* ウェーイwwww べろべろゔぁあー ⁽⁽ଘ(｡•ө•｡)ଓ⁾⁾ */} 出力されない </p> ); 👇 <p> コメントアウトは HTMLには 出力されない </p> <!

「React入門」の前回はブラウザ上でJSXの変換を行いましたが、今回はNode.jsとBabelを利用してローカルでJSXを変換する方法について解説を行います。 Babelとは? Babelとは様々なコードをブラウザが解釈できるJavaScriptに変換してくれるツール(JavaScriptトランスパイラ)です。今回はBabelを利用してJSXの記述をJavaScriptに変換します。 BabelはJSX以外にもES2015などのまだブラウザが実装していない機能をブラウザが解釈できるJavaScriptに変換する際などにもよく利用されますので、今回はES2015の設定も合わせて行なっておきましょう。 Node.jsのインストール まずは、事前にNode.jsをインストールしておく必要があります。Node.jsの「公式ページ」でインストーラーが公開されていますのでそちらからダウンロードがで

JSXの事始め Reactを勉強し始めに 「JSXとはなんぞや」 というのを理解するとき 「なんとなくHtml風に書けるJavaScriptの拡張構文」 と理解している人が多いと思う。 ただ 「JSXはJavaScriptに変換される」 というのをどこかで勉強しないと途中でつまづくので、JSXについての理解をもう少し深める必要がある。 JSXはJavaScriptに変換される babelの変換結果を見れば一発なのだけど、JSXを書いているとき、babelでは次のように変換しているのだということを理解しておく必要があるんだけど、これについて解説しているものがあまりない。 例えば次のコード

Reactの勉強メモ。 まずは環境構築から。 jsstudy.hatenablog.com Node.jsの用意 Node.jsはJavaScriptのプログラムを実行する環境です。 Node.jsを使って、Reactのプログラムを作っていきます。 Node.jsのバージョン管理ツールを使ってインストールすると、後々管理が楽になります。 Windowsパソコンの場合、NodistなどのNode.jsバージョン管理ツールを使えばOK。 jsstudy.hatenablog.com npmの用意 Node.jsを用意したら、npm（Node Package Manager）も用意しておきます。 qiita.com qiita.com Reactのインストール (p.25) Windows10パソコンでコマンドプロンプトを起動して、以下のコマンドを入力してみます。 mkdir my-app cd

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

初めてReactに挑戦するとまずつまずくのは開発環境の設定です。Facrbookが提供しているCLIツール「Create React App」で簡単に始める方法を解説します。 Reactの新規プロジェクトを始めるには、コードを書いてアプリケーションを形にするだけではなく、ビルドツールでローカル開発環境を整え、ユニットテストをしたあと、最終的にビルドします。思っているほど簡単ではないと感じる方に、簡単なセットアップと最低限の努力で始められる方法を紹介します。 Facebookが提供しているCLIツールCreate React Appを使えば、新規のReactプロジェクトを設定済みの開発者向けwebpackを使って始められます。webpackの設定画面を二度と見なくて済むのです。 Create React Appの使い方 Create React Appはnpmを通してグローバル環境でインスト

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

こんにちは。エンジニアの小椋です。 最近になって初めてTypeScriptを使う機会があり、TypeScriptもっと使おう！😠😠😠と思ったので、今回はVue.jsでTypeScriptを使う方法を紹介したいと思います！

「今こそ、エンジニアになるべき！！手に職つくし、ある程度勉強してフリーランスとして案件こなせるようになれば誰でも月に数十万円は稼げるぞ！」 こんなツイートがTwitterのタイムラインで増えてきたので、エンジニア歴3年目になった立場から「いつかエンジニアになりたい！」と思っている人がエンジニアになるべきじゃない理由をまとめておく。 「いつかエンジニアになりたいな〜！」と思って、エンジニア初心者向けの情報発信をしているTwitterアカウントをせっせとフォローして勉強した気になっているすべての人へ。 エンジニアになりたい人がエンジニアになるべきじゃない理由 ①エンジニア職はある程度勉強すれば誰でもなれるようになってしまった。 ProgateでHTML・CSS・JavaScriptのコースをやりきる、技術書に載っている簡単なサンプルコードをもとに実装をしてみる。実装したものをサーバーにデプロイ

回答: 「Rubyの作者くらいのレベル」がどのくらいのレベルかわかりませんし、レベルによって共通のエディタが存在するのかどうかさえわかりませんが、Rubyの作者である私はEmacsを使っています。 Emacs の良いところは何ですか？に対するYukihiro Matsumotoさんの回答

こんにちは、Recruit-CSIRTのきっかわです。 「ウィルスオタクの若手エース」と呼ばれるようになったから、というわけではないでしょうが（笑）、このたび、話にはよく聞くが見かけたことのなかった「クレジットカード情報を盗むJavscript」を見つけたので、そのマルウェアと周辺の攻撃について情報を共有します。みなさんにとって本ブログが有益な情報になれば幸いです。 忙しい方へ 今回発見されたJavaScriptの概要 クレジットカードのチェックディジットの計算とクレジットカード番号の構成をチェックする チェックが通ると、外部サイトへ入力情報を全て送信する Javascriptコードの仕込まれ方 Webサイトのjsファイルを改ざんして動作 元のサイトの動きに対して、見た目上の動きは変わらない IOC https://ww1-filecloud[.]com/img 攻撃の流れ 今回観測した攻

2019年11月11日追記 ただのタイトルで煽ってるだけの記事に半年経っても未だに大量のアクセスがあるので追記しておきます。 ここで言いたいことは、「プログラマならコンピュータサイエンスを勉強してると役に立つよね」、ということ だけ です。 この一文以上に有用な言葉は以降の文章では出てきません。みなさんの時間を無駄にしないために注意書きをしました。 それでも良いという人は読んでみてください。 Twitterで「〇〇ができるという人が面接に来たけど、『じゃあXXXやYYYって知ってます？』というと知らないという人が多いんだよねぇ」とかいうツイートを見かけて、私はXXXやYYYってのを知らなかったので調べた見たところ、常識とまでは言えない概念だったり、名前は知らなくても誰もが知ってる概念だったり、むしろもっと良いアプローチがあるのではという思想だったりでなんだかなぁと思っていたところ、半日くら