はてなブックマーク

Rust は「コストのかかるコードは書くのが苦痛であるべき」という思想のもとデザインされている気がする。 というのも Rust を書いていると「意図的にショートカットが用意されていない」と思える場面があるからだ。 いくつか例を挙げてみようと思う。 文字列の連結 String 型の変数 s を所有しているときに、s の 後ろに 文字列リテラルを連結するのは簡単だ。+ 演算子で文字列の連結ができる。 let mut s = String::from("hello"); s = s + ", world"; println!("{}", s); // => hello, world 一方で s の 前に 連結するには一手間必要になる。 let mut s = String::from("world"); s = "hello, ".to_string() + &s; println!("{}",

Perl に substr という関数があります。文字列を部分的に切り出したり、部分的に置換できる関数です。 典型的な使い方はこんな感じ、 my $s = 'The black cat climbed the green tree'; # 4文字読み飛ばしてから5文字取り出す my $color = substr $s, 4, 5; print $color; # => 'black' # 14文字読み飛ばしてから7文字分を別の文字列で置換する substr $s, 14, 7, 'jumped from'; print $s; # => 'The black cat jumped from the green tree' さて、Perl 界隈で有名な書籍「初めての Perl」を読んでいたら、この substr 関数について次のように書かれていました。 ここで本当に素晴らしい機能を披露しま

DB にレコードを INSERT するとき、一手間加えて 未登録の場合に限って登録 や 登録済みなら一部フィールドだけ上書き などしたくなりますよね。 ここ最近、そのような SQL を書くことが多かったのでメモしておきます。 ちなみに MySQL の独自構文などもバリバリ使っているので、他のベンダーの DB に適用するときは部分的な書き換えが必要かもしれません。 レコードが存在していなかったら新規登録、存在していれば上書き INSERT INTO `posts`( `id` ,`title` ,`body` ,`created_at` ,`updated_at` ) VALUES ( 42 ,'test title' ,'test body' ,'1970-01-01 00:00:00' ,'1970-01-01 00:00:00' ) ON DUPLICATE KEY UPDATE `t

これまでにカンファレンスなどで発表した資料をここにまとめます。 随時更新です。 最終更新: 2024-02-28 ↓↓↓ 発表日降順で並んでいます 続きを読む tsify-next を使っていると特定の型名に対して想定していない型情報が生成されることがあります。 例えば Path, Range, Cow などがそうです。 // Rust pub struct Path { b: bool, s: String, } #[derive(Tsify)] pub struct Range<T> { _t: T, b: bool, s: String, } #[derive(Tsify)] pub struct Cow<T> { _t: T, b: bool, s: String, } コンパイルすると次のような型が生成されます。 // .d.ts export interface Path {

この記事は Haskell (その2) Advent Calendar 2017 の10日目の記事です。あけましておめでとうございます。 今回は ListT モナド変換子 について調べたことをまとめます。 hackage で検索をすると ListT と名の付くモナド変換子を提供しているパッケージは4つほど見つかります。 Control.Monad.Trans.List - transformers パッケージ Control.Monad.List - mtl パッケージ ListT - list-t パッケージ Pipes - pipes パッケージ このうち mtl パッケージで提供している ListT は transformers パッケージからインポートされているだけなので実装としては同一のものです。 また、pipes パッケージで提供されているものは Pipes と組み合わせて使う

意外と需要のある JavaScript のデータを CSV として保存するスニペットを書き留めます。 var data = [ ['name' , 'age', 'gender'], ['Andrew', 26 , 'male' ], ['Lisa' , 21 , 'female'], ['Fred' , 41 , 'male' ], ] このような多重配列を元にして、 このような CSV を保存します。 ちなみに、 var data = [ {name: 'Andrew', age:26 , gender: 'male' }, {name: 'Lisa' , age:21 , gender: 'female'}, {name: 'Fred' , age:41 , gender: 'male' }, ] このような オブジェクトの配列 にも対応させました。 んで、 最初に書いておきますが、

Python で日付計算と言えば datetime モジュールですね。まぁまぁ便利なんですが、標準では 月初 や 月末 を求めることができません。 なのでちょっとしたユーティリティコードとして書いておきました。 N ヶ月後・N ヶ月前 add_month() は N ヶ月後の同日同時間 を求める関数です。同様に sub_month() は N ヶ月前の同日同時間 を求めます。 2月31日 のように計算結果が存在しない日付になってしまう場合は、同月の末日を返します。 本当は datetime.timedelta を使えれば良かったんですが、datetime.timedelta では N ヶ月差を表現することはできないようです。 月初・月末 現在持っている日付の 月初 と 月末 を求める関数も書きました。 start_of_month() は月初を、end_of_month() は月末を返しま

この記事は クローラー／Webスクレイピング Advent Calendar 2016 の10日目の記事です。 9日目は @hotu_ta さん、11日目は @TakesxiSximada さん でした。 Web スクレイピングはイレギュラーとの戦いです。特にそれが Web 定点観測のためのスクレイピングであれば難易度はさらに高まります。 スクレイピングしようとしたタイミングでサーバーが死んでいるかもしれない クローラーを書いていたときには気づけなかったバグが遅れて発動するかもしれない 知らぬ間にスクレイピングしたいページの URL が変更されるかもしれない そんなイレギュラーに立ち向かうために、現在 私が試している方法をまとめてみます。 その前に「Web 定点観測」とは？ Web 定点観測 とは、一言でいうと「一つの URL を定期的にスクレイピングして経時的な変化を追っていく行為」のこ

この記事は Haskell Advent Calendar 2016 の9日目の記事です。 とか云ってもう11日ですね、ホントすみません。 8日目は @phi16_ さん、10日目は @bra_cat_ket さん でした。 Haskell を書き始めてはや5年、Monad や Applicative は使いこなしているけど、それ以上の抽象化のレパートリーを増やせていないと感じていました。 何となく「型レベルプログラミング」という言葉に興味はありつつも、具体的に何を学べば型レベルプログラミングができるようになるのか分からずにいたのです。 そんなあるとき、コマンドラインパーザーのライブラリを探している中でこんな記事を見つけました。 qiita.com タイトルに「宣言的な型レベルコマンドラインパーザー」とあります。このライブラリが内部で何をしているのか追っていけば型レベルプログラミングってや

企業活動をするなかで見積書や請求書といった書類を発送するシーンは多いですよね。 私が勤める会社でもそういった書類をクライアントに郵送していますが、郵送する前の書類をスキャンしてスキャンデータを残しておく決まりになっています。 書類を作るのに必要なデータはすべて手元にあるものの、現物のスキャンデータがあれば安心なのも分かります。 書類に押したハンコを記録しておく意味もあるのかも知れません。 スキャンしたPDFの整理が負担に しかし、毎月何百枚という書類のスキャンを取り発送するなかで、スキャンデータを整理する作業が負担になっていました。 スキャンを取る作業自体は書類の束をスキャナーに突っ込むだけなのですが、そうやって出来上がったPDFファイルはファイル名が 無機質な連番 になっています。 後で参照するときに目的のスキャンデータを探すことを考えると、一つひとつに適切なファイル名を付け直しておく必

lazex さまのはてブコメントを受けて、animation プロパティを使った改良版を書きました。完全にこっちの方が良いので、参考にするならばどちらかというと新実装の方で。 lazex さま、ご指摘ありがとうございます。 JavaScript のコールスタックが溢れていたのをどうにかしたら JS 要らなくなった話 先日、とあるサイトを見ていたら JavaScript でエラーが出ているっぽいのを見つけました。 Chromeで見たときのエラーの内容はこんな感じ、 jquery.min.js:2 Uncaught RangeError: Maximum call stack size exceeded どうやらコールスタックがいっぱいになって溢れているようですね。 スタックトレースを辿っていくと、以下の箇所がエラーの原因のようでした。 $(document).ready(function()

画像の中から人の顔が写っている場所を自動的に判定する 顔検出 ってやつをやってみようと思います。 そのために OpenCV という有名なライブラリを使用します。OpenCV 自体は様々な言語と組み合わせて使うことが出来るのですが、今回は自分が書き慣れている Python でいきます。 幸いに Python は OpenCV が公式でサポートしている言語(C++, Python, Java)の一つですしね。 評価器を用意する 顔検出をするためには「画像のこの部分は、人の顔である/人の顔ではない」という判定をする 評価器 という部品が必要です。 この評価器は通常、事前に用意した何千枚というテスト画像をプログラムに読ませ、学習させて(機械学習というやつですね)作らなければいけません。 この機械学習で評価器を用意するという工程にとてつもない労力が掛かります。 人の顔が写ったたくさんの画像を用意して

突然ですが Scrapy v1.1.0 から Python 3 に対応して嬉しいですね。これまで Scrapy のために 2.7 で通してきたんで。 さて、今回は Scrapy における エラーハンドリング(例外処理) についてまとめようと思います。 スクレイピングという行為は外部の構造化されていないデータを取ってくるものなので例外はつきものです。 例外が投げられたとき 何となく正常終了したように見せる ことは厳禁です。例外から正しく復帰させるか、または例外が投げられたならば正しく落とすことが重要です。 でないと、その後に例外に気づいて調節→リトライできませんからね。 Scrapy データフローに沿ったエラーハンドリング スクレイピング中に起こる不測の例外をキャッチするために通常の try ... except 文を使う事はできません。 なぜなら、我々が記述した Spider を実際に起動

これまでjQueryの使い方についてねちっこく解説してきましたが...。 今回は「使い方」ではなく「選び方」です。 ビギナーズからよく飛び出す質問「どのバージョンのjQueryを使えばいいの？」について。 jQueryは最新版だけでも全部で8つ 2016年8月末時点でjQuery本体の最新バージョンは バージョン3.1.0 です。 しかし バージョン1系列 と バージョン2系列 についてもサポートが打ち切られているわけではありません。 さらにファイル名に「.slim」や「.min」という文字がつくものも配布されています。 現在 公式サイトで配布されているjQuery を並べてみるとこんな感じ。 jquery-3.1.0.js jquery-3.1.0.min.js jquery-3.1.0.slim.js jquery-3.1.0.slim.min.js jquery-2.2.4.js j

昨日は Windows で Scrapy 1.1.2 をインストールするために必要な libxml2 のインストールについて解説しました。 blog.mudatobunka.org が、どうやら Windows ではクローリングを実行するときにもう一つ win32api というライブラリが必要になるようです。 win32api が無いと、クローリングの実行中にコケます...。 状況再現 ひとまず適当な Spider を書いて走らせてみましょう。 月並みですが CNN.co.jp の記事一覧ページ から記事タイトルと URL を抜き出す Spider を書きます。 example/spiders/test.py # -*- coding: utf-8 -*- import scrapy class TestSpider(scrapy.Spider): name = "test" allowe

jQueryプラグインの 作り方 ではなく、使い方 です。 Web上には多くのjQueryプラグインが公開されていますが、どのプラグインにも共通する基本の使い方を解説します。 普段、サンプルコードをなんとなくコピペするだけで済ませてしまっている人も、基本さえ押さえればjQueryプラグインをもっと使いこなせるようになるはずです。 使ってみる 具体的にjQueryプラグインを何か使ってみながらの方がイメージしやすいと思いますので、今回はカルーセルを作るための有名なjQueryプラグインである slick を使ってみます。 完成イメージはこんな感じです。 Slick サンプルページ ベーシックな使い方 jQueryプラグインを使うための大まかな流れをおさらいしておきましょう。 どのようなプラグインであってもだいたい以下の流れになるはずです。 jQuery本体を読み込む jQueryプラグインを

React でカスタムコンポーネントを作るとき、コンポーネントの子要素には this.props.children でアクセスできます。 この this.props.children はそのままレンダリングすることもできるのですが、何かしらの Props を渡したくなったらどうするのでしょうか。 ざっくり調べた感じ Stack Overflow とか海外のブログにしか情報が無いようだったのでまとめてみます。 TL;DR いきなり結論から、 this.props.children に直接 Props を渡すことはできません。 代わりの方法として、React.cloneElement() で React要素をクローンする時に Props を渡すことができるので、this.props.children をクローンしつつ Props を渡せばいいようです。 デモを用意しました。 デモ ソース リポ

この記事は原文: Array Number Ranges in JavaScript ES6 を、著作者であるDavid Arvelo氏の許可を受けて翻訳したものです。 注意 この記事の公開後、ECMAScriptの技術委員会によりリスト内包表記はES6の仕様から削除されました。 この記事はサポート予定の他の機能についても言及しているため、未編集のままにされています。 ここ数日間、私はECMAScript 6について深く掘り下げて学ぶ日々を過ごしました。ES6は、ES5と比較してとても素晴らしく、ES6が近い将来に使えるようになる事によるWebの可能性に興奮を覚えました。 実行環境がどうであれ、あなたがJavaScriptプログラマであれば(パッと見は難しく感じても)ES6の新機能を学ぶことには大きな価値があります。なぜなら、イテレータ, ジェネレータ, クラス定義, ブロックスコープ,

Webアプリケーションを作るとき、サーバーで重い処理を実行する際にはどうしても途中経過を通知したくなります。 この場合の重い処理とは完了までに時間が掛かる処理という意味合いです。 リクエストから結果の表示まで10分待たされる処理があったとして、「現在32%完了...」のように経過報告付きで見せられる場合と、完了までの目安も教えてもらえずにひたすら待たされる場合とでは、待つ側の精神の安定度が違いますからね。 Google API を300回叩く ここ数日、GoogleのAPIを叩きまくるプログラムを書いていました。バックエンドの言語はPHPです。 試作時で1タスクあたり7回のHTTPリクエストを繰り返し行います。現在想定している本番の状況では約300回のHTTPリクエストを繰り返して、最終的にまとめた結果を返す、そんな処理です。 あまり連続的にAPIを叩くと無料プランの制限を超えてしまうので

Slim フレームワークは PHP 製のマイクロフレームワークです。 Ruby 製の Sinatra というフレームワークにインスパイアされて作られたもので。リクエストのルーティングと、それに応答する処理を記述するだけで Web アプリが作れる、その名の通り最小限(マイクロ)でシンプルなフレームワークです。 どれくらいシンプルなのか、 Slim フレームワーク公式サイトのトップページ を見てもらうと感じが掴めると思います。 この Slim フレームワーク、昨年2015年の12月に Slim 3.0.0 がリリースされ、バージョン2系列から大幅にパワーアップしました。 最小構成で Web アプリが作れるお手軽さはそのままに、PSR-7 に準拠して他のライブラリとの連携がやりやすくなりました。 個人的には「パワーアップしたな」っていう感想ではなく「カッコ良くなったな」と感じています。 Slim

日本語の処理をしているときに厄介なのが表記揺れですよね。 「コンピューター」と「コンピュータ」、「問い合わせ」と「問い合せ」など。人間が見れば同じ単語だと分かっても、プログラムで処理する際に単純に等号で比較してしまうと別の単語扱いになってしまいます。 今回は類似度を用いて二つの単語を評価することで、表記揺れの問題に対処してみます。 単語間の類似度を算出する 単純に文字列が 等しいか/異なるか 二者択一で評価するのではなく、類似度 を用いて評価してみましょう。 類似度は 0～1 の float で表される値で、二つの単語が全く異なれば 0 、全く一致すれば 1 に評価されます。 そして、全て一致しないにしても似ている単語同士であれば 1に近い少数 に評価されます。 「一致はしないけど、まぁまぁ似てるから同じ単語なんちゃう？」というファジーな評価をするわけですね。 今回は Python を使い

最近のフロントエンド開発に関して、 jQuery への依存を極力減らしてPure JS だけでいろいろな処理を書くように心掛けています。 具体的には ECMAScript2015 で書いたものを Babel でトランスパイルして、Browserify でバンドルするというスタイルですね。ホント、Babel 様々です。 その流れで、 jQuery.ajax() からの置き換えで Fetch API を試しています。 jQuery.ajax() 代替の候補としては他にも SuperAgent や axios があるんですが、Fetch API は WHATWG によって策定が進んでいる次期標準の安心感がありますし、とりあえず手を付けておいても損はないんじゃないでしょうか。 jQuery.ajax() と fetch() の大きな違い さて、本題です。 jQuery.ajax() と fetch

はじめに この記事はデベロッパー向けに Google Analytics Core Reporting API のセグメントについて掘り下げて解説する記事です。 Google Analytics の初心者向けに「セグメントとは？」と解説するものではありません。 Reporting API で動的セグメントを最大限カスタマイズして利用する場合には必要になってくる知識かと思います。 逆に、ライトに『API でセッション数と直帰率とを取得したいだけ～』というような場合には必要性は薄いでしょう。 また、この記事はセグメントについての完全な解説を目指すものではありません。 公式のドキュメントで見落としがちな箇所(実際に私が見落とした箇所)について、図と文章を加えて説明を試みるものです。 セグメントについて何も知らない方は、まずは公式ドキュメントを読みましょう。 導入 セグメント自体についてはGoog

これまでプライベート・業務の両面で個人的にブックマークレットを作っては利用してきました。 我ながらだいぶ小慣れてきた感じがあります。 このブログでもブックマークレット関連のネタは書いてきましたが、ブックマークレットそのものの作り方に関してまとめていなかったので、あらためて書いてみます。 そもそもブックマークレットって何やー シンプルに言うと「ブックマークに登録しておいて、自分の好きなタイミングで実行できるJavaScriptのコード」です。 実例として、 WordPress は文章を引用して素早く記事を作成するための Press This というブックマークレットが標準で付いてきます。 ブックマークレットでできること 長らく草案だった HTML5 がついに勧告され、近年では ECMAScript 2015(ES2015, ES6) がモダンブラウザに着々と実装されてきています。 この状況を

お恥ずかしながら、 『CSSに変数はない』と先日まで思っていたのですが、CSSにもフツーに変数があったのでここに報告させていただきます。 「んなことは知ってるよ」という方は、ま、そっとしておいてください。 未来の技術『CSS Custom Properties』 正確には変数(CSS Variables)ではなくカスタムプロパティ(CSS Custom Properties)というらしいです。 英語の文章に抵抗感の無い方はこちらをどうぞ、 CSS Custom Properties for Cascading Variables Module Level 1 ものすごく簡単に使い方の説明を、 カスタムプロパティを定義して、 :root { --main-color: #06c; } 使う #foo { color: var(--main-color); } はい、 二連のハイフン(--)で

ここ3ヵ月ほどプライベートで Laravel 5.2 を使ってみています。 この度、バックエンドを Laravel、フロントエンドを React で Web アプリを組んでみようかと思い立ち、初めて React を導入してみました。 『下準備が面倒かもな...』とか思ってたんですが、Laravel Elixir のおかげで爆速で React を導入することができました。 ※ この記事は React 導入記事ではありますが、React 入門記事ではありません。React で "Hello, world!" を表示するところまでの内容です。 Laravel Elixir Laravel には Laravel Elixir と呼ばれる gulp.js タスク群が標準で付属しています。 Laravel で構築しているプロジェクトならば、Sass や CoffeeScript のコンパイルのために別