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

2019年5月27日追記：この記事のオチに使われている事態は修正された模様です。その点をご勘案の上、お読みください。 小学生では「プログラミング的思考」が導入される新学習指導要領ですが、高等学校では更に進みます。 高等学校においては、情報科において共通必履修科目「情報Ⅰ」を新設し、全ての生徒がプログラミングのほか、ネットワーク（情報セキュリティを含む）やデータベースの基礎等について学習 文科省の資料より 教育新聞の記事によれば、 情報科は現在、「社会と情報」か「情報の科学」を選択することになっている。全国的に、プログラミングが学習内容にない「社会と情報」のみを開設している学校が多く、情報科の専任教員を配置せずに他教科の教員が兼任で受け持つケースも少なくない となっていますが、新学習指導要領では、「情報Ⅰ」は必修になるので、全ての学校で指導されるはず。 そして、教員用の研修教材として文科省が

特定の UI ライブラリへの依存をなくしたいアプリのフロントエンドを作っていると、どんなアプリでも使うようなコンポーネントが繰り返し出てくることに気がつきます。例えば、日付入力をカレンダーで選択させるようなコンポーネントは、日付入力機能をもつすべてのアプリで使用したいです。こういった汎用的なコンポーネントはだいたいライブラリが世の中にあるので、それを使うことが多いですが、最近よくあるのが、jQuery に依存しているから使えない (使いたくない) というケースです。最近のプロジェクトではモダンな UI ライブラリ (Vue とか React など) を使い、jQuery を使っていないことが多いので、そこにさらに jQuery 依存のコンポーネントを入れてしまうと、読み込むスクリプトサイズが大きくなってしまうのが主な理由です。 例えばこういうのを使いまわしたい (flatpickr の動作

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

Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It’s a love letter to web development. But don’t take our word for it. Developers consistently rank Svelte as the framework they’re most excited about using.

海外のフロントエンド界隈で話題になっているSvelte 最近海外のフロントエンド界隈でSvelteが少し話題になっています。 この記事では、なんでSvelteが話題になってるのか、そしてReactやVueの代わりに、Svelteを使うメリットについて私が感じたことを共有していけたらと思います。 My talk from @YGLF_IL, 'Rethinking Reactivity', went online yesterday — https://t.co/eoGiBBAkKI. You probably don't have time to watch a 35 minute video though, so I'm going to pull out a few key slides into a quick tweet thread: — Rich Harris (@Rich_H

Liam Tung （Special to ZDNET.com） 翻訳校正： 石橋啓一郎 2019-05-17 06:30 Microsoftの最高経営責任者（CEO）がSatya Nadella氏に変わってから、同社のLinuxに対するアプローチは友好的になったが、元CEOであるSteve Ballmer氏の時代から変わっていないことが1つある。それは、とにかく開発者にこだわっているということだ。 先日開催された開発者向けの自社カンファレンス「Build」で、「Windows 10」向けのMicrosoft製Linuxカーネルである「Windows Subsystem for Linux」のバージョン2が発表された。これによって、Windows上で実行されるLinuxディストリビューションのブート時間は短縮される。 また、Microsoftの軽量クロスプラットフォームコードエディタである

Featuring Prime Minister of Greece & top Euro tech voices!

For users of the C# Dev Kit extension in Visual Studio Code, the IntelliCode for C# Dev Kit extension is available to provide IntelliCode support. Predictions of up to a whole-line of code, along with ranking methods and properties in the IntelliSense list are available for C# Dev Kit users. Whole line suggestions Scenario 1: When grey-text is shown, press Tab to accept the prediction (suggestion)

Reactの勉強メモ。 Reactを準備なしですぐに練習してみたい場合、オンラインの実行環境が用意されているので、すぐに試してみることができます。 「CodeSandbox」というオンラインエディターを使うと、すぐにReactを試せます。 jsstudy.hatenablog.com CodeSandboxとは？ (p.31) 「CodeSandbox」は、オンライン上で直接Reactなどのコードを記述できるエディターアプリケーションです。 ブラウザーでページを開くだけで、Reactを記述する環境が一式揃っており、雛形から書き始めることができます。 codesandbox.io https://codesandbox.io/ ブラウザーでこのURLにアクセスすると、以下のようなWebページが表示されます。 「OPEN REACT」ボタンをクリックすると、エディター画面が表示されます。 これ

AWS Cloud9 は、ブラウザのみでコードを記述、実行、デバッグできるクラウドベースの統合開発環境 (IDE) です。これには、コードエディタ、デバッガー、ターミナルが含まれています。AWS Cloud9 には、JavaScript、Python、PHP などの一般的なプログラム言語に不可欠なツールがあらかじめパッケージ化されているため、新しいプロジェクトを開始するためにファイルをインストールしたり、開発マシンを設定したりする必要はありません。AWS Cloud9 IDE はクラウドベースのため、インターネットに接続されたマシンを使用して、オフィス、自宅、その他どこからでもプロジェクトに取り組むことができます。また、AWS Cloud9 では、サーバーレスアプリケーションを開発するためのシームレスなエクスペリエンスが提供されており、リソースの定義、デバッグ、ローカルとリモートの間でのサ

Build, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the world’s largest community of front end developers and designers.

New CodeSandbox is now part of Together AI! We have joined forces to launch CodeSandbox SDK and bring code interpretation to generative AI.

Reactの勉強メモ。 Reactの本を読んでたら、「JSX」という仕組みの話が出てきました。 JSXは、JavaScriptでHTMLを扱うために用意されたJavaScriptの拡張構文とのこと。 jsstudy.hatenablog.com 本の中ではJSXについてサラッと説明されていて、いまいちよく分からなかったので検索してみました。 とりあえず、JSXに関する資料を集めておいて、後でもう一度見直してみたいと思います。 ReactのJSXとは？ 「JSX」と命名されている仕組みは複数あるようです。紛らわしいですねｗ qiita.com Facebook（React）のJSX DeNA（AltJS）のJSX AdobeのJSX React - Wikipedia JSXは、JavaScriptの構文に対する拡張である。 HTMLと外観が似ているが、JSXは多くの開発者がよく知っている構

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

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

最近、Reactの話題が盛り上がっているので、使い方を理解してみたいと思いました。 jp.techcrunch.com 本屋でReactの解説書を眺めたら、図解で分かりやすい本がありました。 「React開発 現場の教科書」という本です。 React開発 現場の教科書 作者: 石橋啓太,丸山弘詩 出版社/メーカー: マイナビ出版 発売日: 2018/03/23 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 目次 Chapter 1　Web開発の動向 1　現在の課題とその背景 1　Webフロントエンドを取り巻く環境 2　デザイナーとエンジニア 3　開発現場の悩み 4　フロントエンジニアの理想像 2　開発者が考えるべきこと 1　ブラウザ実装 2　HTMLとCSS 3　CSSが抱える問題 3　設計の必要性 1　今までのWebフロントエンドコード 2　コードは生き物 Chapte

からまとめてみた。 どれもJavaScriptに関係する。 1. Reactの「JSX」 JavaScriptの独自拡張構文 Facebook社 Facebook社製フレームワーク、Reactで使われている構文 E4XみたいにJavaScriptの構文中にXML風のものをそのまま書く記法 // Using JSX to express UI components. var dropdown = <Dropdown> A dropdown list <Menu> <MenuItem>Do Something</MenuItem> <MenuItem>Do Something Fun!</MenuItem> <MenuItem>Do Something Else</MenuItem> </Menu> </Dropdown>; render(dropdown);