あまり知られていない関数型言語のおもしろ概念として、Opticsというものがある。 Opticsとは、オブジェクト指向言語で言うところのSetter/Getterを一種の関数として捉え、いくつかの便利な特性を付与したものの総称だ。この便利な特性によって、Setter/Getter以上のことをパワフルにこなせる。 最も有名なOpticsはLensであり、色々な解説資料が(主にHaskell向けに)出ている。 blog.recruit.co.jp さて、これまでのOpticsを紹介する資料はSetterとGetterとしての側面に注目しがちだったので、じゃあOpticsの何が良いのか、Scalaでやる意義は何か、という側面をこの記事で紹介しようと思う。 Optics -- vs. copyメソッド地獄 Opticsは合成可能である Opticsはボトムアップのアプローチである Opticsがう

最近というかここ2年くらいから将棋にはまってて、いろんな将棋を観るのが趣味になってます。特にプロのタイトル戦は解説付きの棋譜が公開されてて、観るだけでも楽しい。やはり素人にはプロの解説がないと指し手の意味がよく分からない。 公開されている棋譜のビューワにはKifu for Flashがよく使われています。他にも棋譜ビューワはいろいろありますが、ほとんどがFlash製です。Javascriptの実装もいくつかあるようですが、他のサイトに組み込んで利用するようなケースはあまり想定されていないような感じでした。Flashの最大の欠点がiPhoneで表示できないこと。Kifu for iPhoneでいいじゃないかと言われそうですが、特定のアプリじゃWebサービスに組み込みできんだろということでJavascriptで動く棋譜ビューワを作ってみました。githubで公開してます。今のところ柿の木形式と

## 概要 1月25日発売された好評既刊『JavaScriptコードレシピ集』（技術評論社）を題材にイベントを開催します。 執筆者のICS池田・鹿野が、2019年の今見直しておきたいJavaScriptの最新機能を解説するセミナーを実施。書... 受講申し込みの受付がはじまって即定員オーバーになったほどの人気イベント。私はというと当然定員オーバー側で、しかも補欠順位のずいぶん後ろの方でした。こりゃ無理かな…という感じだったんですけど、幸いイベントが始まった後でも空席が残っていたので入ることができました。ラッキーです。 ラッキー…ですけど、これ開催する側としたら人数が読めなくて怖いなあ。 入れるかどうかわからないイベントのためだけに秋葉原まで行けるほど余裕はないので、編集さんにお願いして、イベント開催時刻前に近くの喫茶店で打ち合わせをしていました。 いかに真剣な打ち合わせだったかは写真から伝

リンク 産経ニュース 違法マイニングで１６人摘発 １０県警、仮想通貨獲得で不正アクセス 同意なしに他人のパソコンを使い、仮想通貨の獲得手段である「マイニング（採掘）」をしたなどとして、神奈川や愛知など全国の１０県警が不正指令電磁的記録作成容疑などで… 102 users 66

これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。 ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i

どうも、まさとらん（@0310lan）です！ 今回は、基本的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました！ 海外のプログラミング系YouTube動画は、有料でもおかしくない「質」の高さと豊富なコンテンツ量に魅力があり、確実にレベルアップが期待できるのでぜひ参考にしてみてください。 ■JavaScriptの勘所を勉強できるYouTubeチャンネル！ 【 Fun Fun Function 】 プログラミング動画とは思えない超ハイテンションなノリで、JavaScriptを学ぶうえで欠かせない勘所を分かりやすく教えてくれるのがコチラのチャンネル！ 「Spotify」の開発にも携わっていたというプログラマーの彼は、得意のJavaScript言語を分かりやすく伝えることに情熱を注いでおり、それは

Native Apps are Doomed (ネイティブアプリは終わる運命)という挑発的なタイトルでEric ElliottがMedium記事を書き少し前に話題になりました。この記事で彼はもうiOSとAndroidのネイティブアプリは作らんと宣言し全部Progressive web appsでやると言い切ったのです。 次の記事のWhy Native Apps Are Really Doomedではネイティブアプリ制作は以下の様な理由でギャンブルだと言っています。 Google Play Store内のアプリの60%は一回もダウンロードされていない１ユーザーの一ヶ月の平均のアプリダウンロード数は3つ以下半分以上のアメリカのスマホユーザーは過去一ヶ月一回もアプリをダウンロードしていないアプリ経由の売上の94%が1%のアプリ出稿者によって作られているスマホユーザーの使用時間の80%は5つのアプ

と思う次第である。以下理由。 JavaScript, GUI設計の今 JSはそのプラットフォーム特性上、あらゆる言語の使用者の、あらゆる不満が集まる場所で、ヘイトを集めやすい環境だと思う。近年は npm というプラットフォームの登場でエコシステムが生まれ、思いつく限りあらゆるメソッドが適用されてきた。貧弱な言語基盤だが、その中で生き残った方法論が、今一番GUIの課題を上手く扱えている、と自分は考えている。 React/Redux や Angular によって、Flux/MVVMという抽象パターンが枯れてきたように思う。(この際、現場はまだ jQuery だぞ、みたいな話は無視する)。要は View は State の写像である、ということに尽きる。State はシリアライズ可能(JSON)で、Flux Action/Rx.Observable の Event Stream を入力とし、それ

Googleが提供するスクリプト実行環境「Google Apps Script」(以下GAS)を使うと、簡単にJavaScriptを実行することができます。Google ドキュメントやGmailなどのGoogle提供の各種アプリを簡単に操作することができるとのことで、今回は試しにGoogle スプレッドシートを操作してみました。 Apps Script  |  Google Developers https://developers.google.com/apps-script/ まず、元となるデータを作成します。Google ドライブの画面左上にある「新規」をクリックし、「Google スプレッドシート」を選択します。 今回は、「201708」や「201709」といった月ごとのシートがあり、そのシートの「C2」セルに合計金額の記載があるという「テストデータ」を用意しました。 同様に「テス

Malicious packages in npm. Here’s what to do | Ivan Akulov’s blog People found malicious packages in npm that work like real ones, are named similarly real ones, but collect and send your process environment to a third-party server when you install them 訳: 悪意のあるパッケージがnpmで発見された。それらは、実際のパッケージによく似た名前で同じように動くが、パッケージのインストール時にプロセスの環境変数を外部のサーバに送信する。 発見されたパッケージの一覧は元エントリをどうぞ。このようなマルウェアである偽パッケージの一例をあげると、 ba

どうぶつしょうぎ AI を作りました。絶対に勝てません。無力感を味わってください。 ref: http://mame.github.io/dobutsu-shogi-master どうぶつしょうぎとは 3 マス x 4 マスの単純化された将棋です。ライオン（王相当）、ぞう（1 マスしか進めない角行）、キリン（1 マスしか進めない飛車）、ひよこ（歩相当、にわとりに成ったら金相当）の 4 種類の駒を動かして、相手のライオンを取るか、トライ（ライオンを一番奥の行まで運ぶ、ただし直後に取られる場合はだめ）に成功すれば勝ちです。詳しくは Wikipedia の記事を見てください。 どうぶつしょうぎは後手必勝であることが知られています（研究報告）。つまり、後手が正しくプレイする限り、先手は絶対に勝てません。どうぶつしょうぎ名人は常に正しくプレイするので、先手のあなたは絶対に勝てません。 なんで作ったの

「Android 4.xを搭載した端末の多くはWindows XPを搭載したPCと同じ状態」と専門家は解説する。 Androidの過去のバージョンに存在する複数の脆弱性を突いて、Webページを見ただけでランサムウェアに感染させる攻撃が出回っているという。セキュリティ企業のBlue Coat Systemsが4月25日のブログで伝えた。 それによると、この攻撃には広告を使ってWebページから不正なJavaScriptを読み込ませる新たな手口が使われていた。問題のJavaScriptには、イタリア企業のHacking Teamから流出した「libxslt」の脆弱性を突くコードが仕込まれ、これを使ってランサムウェアアプリをインストールさせる仕組みだった。Androidアプリをインストールする過程で通常は表示されるパーミッション確認画面も表示されなかったという。 ランサムウェアは捜査当局を名乗って

セキュリティ対策ソフトのトレンドマイクロの製品に含まれるパスワード管理ソフト「Password Manager」について、2016年1月11日に緊急パッチが配布されて強制アップデートが行われました。このアップデートは、Password Managerの持つ脆弱性について、Googleのセキュリティチーム「Project Zero」がブログで「前代未聞の愚かなもの」と酷評したことが端緒となって実行されたようです。 Issue 693 - google-security-research - TrendMicro node.js HTTP server listening on localhost can execute commands - Google Security Research - Google Project Hosting https://code.google.com/p/

概要 後読みは「何かが直前に来る目標」を指す際に便利な表現である。 解説 先読み「(?=pattern)」 がpatternの直前の位置にマッチするのに対して、 後読み「(?<=pattern)」はpatternの直後の位置にマッチする。 どちらもpattern自体にはマッチしない。 先読みが「何かが続く目標」を指すのに向いているのに対して、 後読みは「何かに続く目標」を指すのに向いている。 例 基本： // 肯定的後読み：lightかdeepに続く色を取り出す let str1 = 'red, deep green, light blue, white' str1.match(/(?<=(?:[light|deep] ))\w+/g) // ["green", "blue"] // 否定的後読み：200X年を除いて項目を取り出す let str2 = '1997:ES1\n1998:ES

はじめに なんかWebGLが流行ってるらしいのでWebGLすることにしてみました。OpenGLはぼんやりとやったことがあったのですが、ウェッブ技術に対する疎さが深刻化しているのでモダンで先端的なテクノロジーを追及するためにもWebGLの習得は急務といえました。 WebGLはJavaScriptと呼ばれるプログラミング言語を用いるようです。僕がJavaScriptを最後に書いたのは四年くらい前にクック●●●のハッカソン？みたいなのに参加した時その場で習得してその場でアプリを作ったとき以来です。それ以来一度も書いていません。 まあJavaScriptとか意識高い大学生でも書けるわけだし適当にAPIを呼び散らかす分には何の問題もないでしょう。というわけでWebGLのサンプルコードを読みながらサンプルドリブンでJavaScriptを習得すんのがいいだろと思いました。 先に結果だけ貼っておきます。い

方々で話題の非実在小学4年生が作ったサイト。 どうして解散するんですか？ 【顛末追記】小4『どうして解散するの？サイトつくったからおしえて』民主くん『天才少年現る！』→仕込みっぽすぎて炎上 ➡結果NPO運営でした - Togetterまとめ 稚拙な手法であえなく炎上→謝罪と相成ったわけですが、謝罪文がまた上から目線で再炎上してるあたりが様式美ですね。 しかも、それだけじゃまだ燃え足りないのかJavascriptに本文を消す細工があった模様。 某小 4 のアレ、なんかカウントダウンに変わっていたので JS 眺めてみたけど、明日の 0:00 になったら謝罪文も消す、って仕組みか。 pic.twitter.com/bHTcTmUxbe— KOMIYA Atsushi (@komiya_atsushi) November 22, 2014 そんなわけで0時を回り、ワクワクしながらサイトを開くと・・

ブログやSNSが普及して誰でも気軽に文章を書いて発信できるようになりましたが、そんな中でも特に文章の質にこだわりのある人ならば1度や2度は自分の語彙力に直面した経験があると思います。ひとつの物事を文字にするときに、ついつい同じ表現を何回も繰り返してしまうこともありますが、ブラウザのお気に入りに登録しておくだけでカンタンに類義語を検索して違った言い回しを確認できる便利なブックマークレットを@yossenseさんが自作しています。 [ ブックマークレット ] コレ抜きではブログ書けねェ!! ブロガーにオススメの厳選ブックマークレット5個(＋1)!! | yossense http://yossense.com/bookmarklet_recommend_blogger/ さまざまなブックマークレットが列挙される中で、ページの中段に類義語を検索できるブックマークレットを発見。 このブックマークレ

はじめての副業コース Web制作の副業に必要なスキルが学べる 確実にお仕事をはじめられる5万円案件保証手厚いサポートで副業を最短でスタート

By Paul Watson 単語が目に飛び込んできてすごい速度で文章を読めるようになる「Spritz」という技術に着目したRich Jonesさんが開発したブックマークレットが、ウェブページのテキストをSpritz方式で表示させる「OpenSpritz」です。 Announcing OpenSpritz - A Free Speed Reading Bookmarklet - Gun.io https://gun.io/blog/openspritz-a-free-speed-reading-bookmarklet/ Spritzがどんな技術なのかは以下の記事を読めば分かります。 単語が目に飛び込んできてすごい速度で文章を読めるようになる「Spritz」 - GIGAZINE 「OpenSpritz」を使用するには、まずこのページへ飛び、「OpenSpritz this！」と書かれたアイ