求人情報から見えた「JavaScriptフロントエンド開発者に必要なスキル」 CV Compiler:「React」「Angular」「Node.js」がトップ3 オンライン履歴書改善サービス「CV Compiler」の提供元が、AngelList、StackOverflow、LinkedIn、その他IT企業の人材採用ページから、JavaScript開発者の求人情報約300件を収集し、頻繁に言及される募集条件を調査した結果を発表した。
求人情報から見えた「JavaScriptフロントエンド開発者に必要なスキル」 CV Compiler:「React」「Angular」「Node.js」がトップ3 オンライン履歴書改善サービス「CV Compiler」の提供元が、AngelList、StackOverflow、LinkedIn、その他IT企業の人材採用ページから、JavaScript開発者の求人情報約300件を収集し、頻繁に言及される募集条件を調査した結果を発表した。
微分の計算は色々な場面で必要です。が、微分の記号である や が入った式の解釈って難しいですね。式の型〈type〉が分かりにくいのです。実際、原理的に型が判断できない式が使われることがあります。にもかかわらず、「分かる人には分かる」のは、暗黙のお約束や習慣的手順が駆使されるからです。 僕は、暗黙のお約束や習慣的手順が嫌いなので、ハッキリした計算方法を示したいと思います。現状の記法の問題点と対処法を知りたい方は、前半をテキトーに読み飛ばして、後半の3つの節を読めばいいと思います。 事前にラムダ計算について少し知っているほうがいいでしょう。JavaScriptや絵を使って説明した記事は: JavaScriptで学ぶ・プログラマのためのラムダ計算 JavaScriptで学ぶ・プログラマのためのラムダ計算 問題集 絵を描いて学ぶ・プログラマのためのラムダ計算 ラムダ計算をJavaScript側に寄せ
ESLint + TypeScriptMeguro.es #22About meYosuke Kurami (@Quramy)Web front-end developerWhich linter do you use with TypeScript ?TSLint / ESLintAnnounce on 8 Jan 2019https://github.com/Microsoft/TypeScript/issues/29288 @typescript-eslint 🎉 I'm a TSLint user. How do I migrate ? How to write .eslintrc ?Google it 😇How to write .eslintrc ?How to configure IDE ?Options to integrate ESLint to IDEsALE (f
ESLint + TypeScriptMeguro.es #22About meYosuke Kurami (@Quramy)Web front-end developerWhich linter do you use with TypeScript ?TSLint / ESLintAnnounce on 8 Jan 2019https://github.com/Microsoft/TypeScript/issues/29288 @typescript-eslint 🎉 I'm a TSLint user. How do I migrate ? How to write .eslintrc ?Google it 😇How to write .eslintrc ?How to configure IDE ?Options to integrate ESLint to IDEsALE (f
This is true about any SQL query builder. I chose to use knex.js as an example because it is the most popular SQL query builder in the Node.js ecosystem and we need an example. tl;dr; Knex.js (and other query builders) was designed to be a building block for ORMs; it does not add value when majority of the query is static. If you are evaluating alternative to Knex.js, I have since published anothe
2019.08.06 週刊Railsウォッチ(20190806-2/2後編)RSpec CopのLeakyConstantDeclaration、serveoでゼロコンフィグ公開、RuboCopのPerformance/RegexpMatch改修ほか こんにちは、hachi8833です。来週の週刊Railsウォッチはお盆休みのためお休みをいただきます🙇。先祖の供養を忘れずに。 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 毎月第一木曜日に「公開つっつき会」を開催しています: お気軽にご応募ください 今回は「公開つっつき会」第13回を元にしています。ご参加いただいた皆さま、ありがとうございます! ⚓Ruby ⚓awesome-ru
Homepage Please support this book: buy it or donate (Ad, please don’t block.) JavaScript for impatient programmers Table of contents
「こんにちは!」なんてHTMLのどこに書いてあるのか? HTML上にはどこにも書かれていません。HTMLは最初の図でご覧いただいた通りです。 「こんにちは!」はHTMLからリンクされたJavaScriptファイルに書かれているのでした。解説していきましょう。 先ほどのHTMLを見ると、ブラウザには表示されない<head>と</head>(ヘッダー)の間に、 <script type="text/javascript" src="./test.js"></script> とありました。これがHTMLからJavaScriptファイルへのリンクです。「test.js」というファイルにリンクがはってあります。 「.js」なんて拡張子を見ると「うわ、プログラムだ!」と思うかもしれませんが、私はただテキストエディタで普通のテキストを開いて、この拡張子で保存しただけです。 「./」とありますから、リンク
初めまして。4月入社の山崎です。これが初投稿になります。 今回はnode.jsでスクレイピングをします。 経緯 とあるサイトをリニューアルしていて、旧サイトの静的ページからテキストなどのコンテンツを持ってきて新サイトのHTMLタグの中に貼り付けていくという作業はよくあると思います。 僕もとあるサイトのリニューアル時にそういった作業をやっていたのですが、旧サイトのよくある質問の質問と回答のページが分かれており、回答ページに行ってテキストをとってきてHTMLに貼り付けていました。 ただ、その質問も全部で100個くらいあり、1つ1つコピペするのは面倒くさいので、スクレイピングで特定のURLに一括アクセスし、テキストを引っ張ってきて、新サイトのHTML構造に埋め込み、HTMLを自動生成しようと思ったのがきっかけです。 僕はシェルスクリプトはほぼ書けず普段JSを使うことが多いため、node.jsを使
[JavaScript]配列をループで処理する4つの方法と注意点(for, forEach, for...of, for...in)JavaScriptNode.js
https://office.cybozu.co.jp/lp/groupware/?utm_source=google&utm_medium=cpc&utm_campaign=1_1&ptai=a5bd0191eab344&argument=rYTkaLGX&dmai=a5bd0191eab344&gclid=CjwKCAjw4ZTqBRBZEiwAHHxpftDcxuzfeyd4GI5n4_KGQokpErzO13mHRCG5EH-UvJJijghtt4K1OhoCtf4QAvD_BwE カスタマイズ方法と kintone との違い 基本的にカスタマイズの仕方はkintoneと似ています。(というかkintoneがサイボウズOfficeを踏襲した?) JavaScriptの.jsファイルを作成して、画面のカスタマイズをします。
木屋町のシエスタを借りて開催したちょっとしたDJイベントでVJした。普段からよく遊びで愉快なウェブページを作っていたので、その延長上。去年はVRで見えるページを作ったりしていたけど、その根底には愉快なウェブページを作りたいという願いがある。 いろんな機能を作ったので記録しておく。 音量に合わせてでかくなる文字 マイクの音量を拾って、音量に合わせて文字がでかくなるのを最初に作った。基本は、前に作ったのの再利用。 blog.sushi.money 妻ことDJモチモチモッチの名前を画面いっぱいに表示する。文字が伸びるだけでは地味なのでちょっと工夫していて、DJモッチ→DJモチモッチ→DJモチモチモチモチモチモチモッチみたいに文字が伸びるようにもした。inputを置いておいて、そこにメッセージを書くと、そちらを優先、空のときはDJ名、ということにして、VJ中に 挨拶したくなったら挨拶をかけるように
JavaScriptでモバイル端末(スマホやタブレット)を調べたい場合、色々な方法があります。 ここではその中でも使いやすそうな3つのテクニックをまとめました。 スマホ判別の3つのテクニック そのテクニックは次の通り userAgentの値から判断する CSSのメディアクエリを使う 専用のライブラリを使う この3つについて具体的なやり方を説明していきます。 userAgentの値を見る まず初めはブラウザのユーザーエージェントから判別する方法 コードからは window.navigator.userAgent で調べることが可能です。 そしてこの値に例えば次のモバイル端末と思われる Android iPhone iPad BlackBerry IEMobile などの値が含まれていればモバイルだと判別できるわけです。 具体的なコード例は次の通り var regexp = /Android
はじめまして。Glx64xと申します。 突然ですが、JScript+MSXMLって便利ですよね! XMLをちょっといじりたいとき、Windows標準機能だけでJavaScriptの文法でお手軽にDOM操作ができるのは非常にありがたいです。 Wineが入っていれば、Wineにもcscript.exeとjscript.dll(SpiderMonkeyベースらしい)が同梱されているため、Windows以外の環境でも割と動いちゃいます。 しかし、そんなJScriptも今や古い技術。 UTF-8のような文字コードは扱いにくいのが現状です。 また、もしこれをサーバー上で使う場合、WindowsサーバーならまだしもLinuxサーバー上でWineを動かすのは抵抗があります。 そこで、今回は簡単なスクリプトを例に、JScriptで作成したスクリプトをNode.js+xmldomに移植してみたいと思います。
従来、映像コンテンツは高額な制作機材を使って、専門知識・技術を持つ多くの制作スタッフが長時間かけて制作していた。しかし、ソニー独自のAIアルゴリズムを実装して開発されたEdge Analytics Applianceを用いることで、多くの人々が簡単にインパクトのある映像コンテンツをリアルタイムで制作することが可能になった。 そのEdge Analytics Appliance「REA-C1000」がもつ様々なアプリケーションの実装を可能にしたのが、豊富なAIツールとワークフローのセットが活用でき、開発者が短期間でAIアプリケーションの開発を行うことができるNVIDIAの「Jetson TX2」だ。 「Jetson TX2」は、50mm x 87mmのクレジットカードサイズのモジュールで、高い計算処理能力、精度、電力効率を提供し、ドローンやロボット、スマート カメラなどに組み込むことでディー
「Jetson Nano」のCUDAコアで“Hello AI World”を動作させてみる:Jetson Nanoで組み込みAIを試す(3)(1/2 ページ) NVIDIAが価格99ドルをうたって発表した組み込みAIボード「Jetson Nano」。本連載では、技術ライターの大原雄介氏が、Jetson Nanoの立ち上げから、一般的な組み込みAIとしての活用までを含めていろいろと試していく。第3回は、Jetson NanoのCUDAコアを使って推論のサンプル“Hello AI World”を動作させてみる。 ⇒連載「Jetson Nanoで組み込みAIを試す」バックナンバー Ubuntuはちゃんと動き、Unixbenchもきちんと動作したので、いよいよCUDAコアを利用してのInference(推論)の動作である。まずはそもそもちゃんと動作する事を検証したいと思う。 NVIDIAは“Hel
2019年3月に開催されたNVIDIA主催の技術カンファレンス「GTC 2019」で発表された「NVIDIA Jetson Nano開発者キット」が2019年4月に日本国内で発売された。本記事では、Jetson Nano開発者キットの概要、OSインストール方法といくつかの注意点について紹介する。 Jetson Nano開発者キットの概要と仕様 「Jetson Nano」は128コアのMaxwellアーキテクチャGPUやクアッドコアのCortex-A57 CPU、4GバイトのLPDDR4メモリなどを搭載したシステム オン モジュール(SOM)だ。このJetson NanoモジュールをUSBやmicroSD、M.2、イーサネットなどのI/Oを備えたインタフェースボード(以下キャリアボード)に搭載し、開発プラットフォームとして販売されているものがJetson Nano開発者キットである。 Jet
アドバンスドテクノロジーラボ(ATL)の塩澤繁です。 世界中でキャッシュレス化が急速に進みつつある昨今では、Amazon Goを代表とした、小売店でイノベーションを起こすリテールテック(Retail Tech)技術が注目されています。 現在のリテールテックでは、主に顧客属性、行動履歴、顧客導線や商品判別といった、店舗内の情報の分析が行われています。 これらの処理、分析には通常、高額なGPUを活用した画像解析、AIが使われます。Amazonや大手メーカー様等、潤沢な資金、リソースを保有している企業が先行していますが、小規模店舗にとっては、敷居が高いのが現実です。 私のチームでは以前より、いかにコストをかけずにリテールテックを実現させるかを研究してきました。例えば、NVIDIA Jetson nano(※)(販売価格1万円強程度)とカメラモジュール、ディープラーニング技術を組み合わせた分析手法
RustでLISPを書くチュートリアルがあったので和訳しました。 willspeak.me LISP in Two Days with Rust 自作プログラミング言語の開発の副業として、私はLISPの開発に少し時間を費やしました。RustでASTを変換する実験のテスト場としてこの言語を使用する計画です。LISPのシンタックスはシンプルでパースしやすいように開発されました。実験的なコンパイラーの出発点としては良いと思いました。 この言語はlispy Scheme derivativeにとてもインスパイアされています。振る舞いのいくつかの要素は、私が手渡さなければならなかったLISP実装であったため、Emacs LISPから直接作成されています。このチュートリアルの最後には次のような式を評価できる言語ができているはずです。 (begin (define foo 1007) (define b
クラスメソッド 福岡オフィスで iOS アプリケーションエンジニアとして働いている田辺です。先週に続き、社内で Rust の勉強会が行われたのでそのレポートを記事にします。 前回の記事。 [社内勉強会レポート]『The Rust Programming Language』勉強会#1 | DevelopersIO 数当てゲーム 引き続き学習を進めつつ残したメモや理解するために別で調べる必要のあった概念などを列挙していきます。業務では Swift でコーディングしているので Rust の説明をしているのに Swift の話が頻繁に出てきます。ご容赦ください。 match Swift でいう switch と同じようなことができます。ただ Swift の switch は文なので値を返しません。それに対して match は式です。式なので代入できます。 数当てゲームの実装では列挙型 Result
ここのところ競技プログラミングが流行ってきて(?) AtCoder の参加者が増えているような気がします。 ということで、今回は AtCoderに Rust で参加する時に作成したテストマクロなどを紹介します。 モチベーション AtCoderに参加していると、問題を解く以外のところにかける労力はできるだけ減らしたくなりますね。 具体的には次のようなことがめんどくさい。 出力結果のテストがめんどくさい ターミナルにいちいちサンプルの入力、コピペするのがだるい めんどいので提出時にソースコードを全部コピペしたい (テストコード含んだまま出したい) Rust にはテストアトリビュートがせっかく用意されてるのでどうせなら cargo test したい というわけで、👇のように書いた時に cargo test だけで全てのテストが終わるようなマクロが欲しいです。 test! { // "input
nodeにおけるバージョン管理はndenvを使う人が多いのではないでしょうか。また、ライブラリはnpmやyarnを使うことが多いです。そして、それらのライブラリはnodeで書かれているものになります。 今回紹介するVoltaは一風変わっており、Rustで書かれています。 Voltaの使い方 nodeをインストールする操作です。バージョン番号を細かく指定することも、省くこともできます。省くと指定バージョンの最新版が選択されます。これは意外と便利です。 $ volta install node@12 success: installed and set node@12.6.0 as default $ node -v v12.6.0 $ which node /Users/nakatsugawa/.volta/bin/node ライブラリのインストール。package.jsonを使うのでnpm
Rustの入門書『The Rust Programming Language』の社内勉強会レポートです。 はじめに 社内で行われた勉強会のレポートです。参加者のRustの経験は実務で少しずつ導入している人からRustの本を買って積んだままにしている人まで様々です。 クラスメソッドのSlackには様々なチャンネルがあり、その一つRustについて話す所があります。そこで社内勉強会を行うことになったのでそのレポートを記事にします。 Developers.IOでは社内勉強会についての記事は過去にテスト駆動開発の読書勉強会などのレポートなどが公開されています。この勉強会のレポートもそれを踏襲します。 [社内勉強会レポート] 『テスト駆動開発』読書勉強会 #1 | DevelopersIO TRPLについて 今回勉強会のテーマになっている『TRPL』はRustが公式に提供している入門書です。The R
At Dwelo, we’ve written the code for our IoT gateways in Rust. It’s fast, it’s reliable, and it’s secure. But we didn’t start with Rust, and we didn’t write the code in a weekend. This series is the story of where we were a year ago, how we switched to Rust, and why you might want to think about doing the same. We will cover reasons to use Rust (or not!), threading, hardware communication, fearles
Amazon Web Servicesは2019年8月8日(米国時間)、「AWS Lake Formation – Now Generally Available|AWS News Blog」において、2018年のre:Inventで発表した「AWS Lake Formation」を正式リリースしたと発表した。WS Lake Formationは安全なデータレイクを数日で簡単にセットアップできるサービスで、分散しているデータを集約して分析を容易にする。 資料: Amazon Web Services データレイクとは、キュレートされた安全な一元的リポジトリであり、すべてのデータが元の形式と分析用に処理された形式の両方で保存される。データレイクを利用することにより、データのサイロ化が解消され、異なる種類の分析を組み合わせることが可能になる。 企業はAmazon S3などのサービスを活用するこ
はじめに 昨今、サービスに推薦システムを導入することでUXを向上させることが多くなり、様々な推薦アルゴリズムが取り入れられております。学術界でも推薦は大きなテーマであり、様々なアルゴリズムが提案されております。 本記事では、推薦をする際に、「メディア上で、どんな人とと繋がっているか、どのアイテムにライクをしたか、どんなページを閲覧しがちか」など、人やアイテムとのつながりを重視して推薦するSocial Recommendationの最新論文であるGraphRec[1]を紹介します。GraphRecは2019年にWeb系のTop Coferenceの一つであるWWWで採択された論文です。 GraphRecは、近年グラフ界隈を盛り上げているグラフニューラルネットワーク(以下GNNs)を用いております。GNNsでは、あるノードiの特徴量に近傍ノードの特徴量を足し合わせること(aggregation
wasm-bindgen / DOM Hello World!を改造してSVGを出力してみます。全体のコードは以下にあります 準備 npmとwasm-packをインストールしておきます。 npmのインストール方法は環境に合わせて適当に構築してください(詳しくないので丸投げ) web-sys web-sysはwasm-bindgenでのsubcrateで、 DOM Web Audio 2D canvas Web GL fetch の機能からなる低水準のAPIです。今回使うのはDOMの部分で、これによりDOMを操作してSVGを挿入する事が出来ます。ますweb-sys crateをCargo.tomlに追加してみましょう: [package] name = "dom" version = "0.1.0" authors = ["The wasm-bindgen Developers"] edit
クラスの役割 本連載では以前に、関数は「何らかの定型処理を行うひとまとまりのコードを再利用する」ための仕組み、パッケージやモジュールは「複数の関数などを1つ以上のファイルにまとめることで、それらを他のコードから再利用する」ための仕組みといった話をしてきた。クラスもそうした「コードの再利用を可能にする」仕組みの一つだ。 クラスとは「何らかのデータ(インスタンス変数)と、それらを処理するためのコード(メソッド)をひとまとめにして名前を付けることで、後からそれらを再利用する」ための仕組みといえる。なお、モジュールやパッケージでクラスを定義すれば、それらももちろんインポートして利用できるようになる。 今述べたような「何らかのデータと、それらを処理するためのコード」を1つの単位(オブジェクト)として考え、「さまざまなオブジェクトを、メソッド呼び出しを通じて、どのように作用させていくかを記述することで
「Windows 10ミニTips」は各回の作成時点で最新のWindows 10環境を使用しています。 バージョン1903版「ms-settings」一覧 この連載では、Windows 10のバージョンごとに「設定」の各項目を呼び出すURIスキーム「ms-settings」を紹介してきた。今回あらためてバックナンバーを確認したところ、バージョン1809をスキップしていたようである。大変申し訳ない。 Windows 10 バージョン1903で確認したURIスキームの内容)クリックで拡大表示) さて、以前はバイナリーファイルから文字列を抜き出して動作を確認していたが、今回はMicrosoftの公式ドキュメントを参照した。読者諸氏もリンク先のページを参考に操作したほうが簡単だろう。ただ、英語ドキュメントなので、翻訳するとコピー&ペーストしにくい部分もあり、項目の順番も「設定」のそれと異なっている
On Friday, Pal Kovacs was listening to the long-awaited new album from rock and metal giants Bring Me The Horizon when he noticed a strange sound at the end of…
cumulusnetworks.com 今回は2章についてまとめました。 内容はeBGPのDCへの適用であり、RFC 7938に示されているものです。 データセンタネットワーク全般については、”Cloud-Native Data Center Networking” を読むのがおすすめです。 筆者が同じ方で、 "BGP in the Data Center" に記載されている内容も含まれています。 この本はCumulus Networksにより無償で公開されています。 ぜひ読んでみてください。 Download your copy of latest book by Dinesh Dutt, "Cloud Native Data Center Networking." It's a 400-page must-read for all network architects, develop
最新の研究でわかったこと。匿名データは実は簡単に暴けちゃう2019.08.11 18:0012,955 elanie Ehrenkranz : Gizmodo US [原文] ( Kaori Myatt ) 現代社会に生きるとは、すなわち大切な情報を企業に渡しながら生きること? 多くの企業では身元を特定できるデータの安全性やプライバシーをできる限りで保証してはいるものの、それでも匿名化された情報をサードパーティーに渡したりしています。その目的が調査であっても、利益を得ることが目的であったとしても、情報を漏らしていることには変わりありません。 最新の研究によれば、たとえデータから身元を特定できる要素を取り払っていたとしても、そのデータから個人を割り当てることは、さほど難しいことではないということが分かってきました。匿名化している対象が誰なのか、わかっちゃうというんですから...。言い換えれば
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く