4MENUすべてのカテゴリーWeb制作93仕事効率化4Electron32015.11.25OpenCVを使って画像を4分割して連番で画像を書き出す画像処理では、顔認識の分類器を作るときなど、大量の画像を連番で書き出すときがあると思います。そのような場合に使えるテクニックの紹介です。cv:2015.11.20HTMLとCSSで作るシンプルでクールなカテゴリーツリーシンプルでおしゃれなカテゴリーツリーを作りたい方へ。コピペですぐにできるので、よかったら使ってください。Excel2015.10.15OpenCVで画像をモザイク加工するモザイク加工は一見難しそうに見えて、実は非常に簡単なアルゴリズムでできてしまいます。<opencv2/imgproc/imgproc.hpp>2015.10.13CSSとjQueryでアニメーション付きのYoutube再生ボタンを作るYoutubeの再生ボタンはSVGでできていて、非常に滑らかにアニメーションします。これをCSSだけで作ったので紹介したいと思います。jQueryもほんの少しだけ使っていますが、クラスを付けたり消したりするためだけに使いました。クリックすると再生ボタンの形になります。HTML/CSS2015.10.11OpenCVのバージョンを確認するOpenCVは手軽にバージョンを確認できるようになっているので、その方法を紹介します。(((a)2015.10.08MacのParallelsでUSキーボード使用やかな/英数IMEの入力切り替えをするMacで仮想OS環境を作ろうとしたらParallelsが有名です。USキーボードを使っていたりするとデフォルトがJISキーボードなので困ったりします。/英数の切り替えもUSキーボードの場合そもそも切り替えボタンがないのでどうしようとなってしまう人もいると思います。画像加工の基本とも言える線形フィルタのプログラムです。非常に簡単なので、使える場面もいろいろありそうです。argv[])2015.10.02C言語でテキストファイルを読み込み特定の1行を削除するネットで調べましたが、何やら難しいことが書かれていたので今回は非常に単純愚直な方法で実装しました。テキストファイルから1行ずつ読み込み、配列に格納。して、これ以外をテキストファイルに上書きするという方法です。このコードをターミナルにコピペしてエンターを押せばダウンロードが始まります。OpenCVのダウ2015.09.26CSSでホバーすると下からさっと別の背景が広がるエフェクトCSS3になってからアニメーションの幅が広がりましたよね。今回はちょっと変わったホバーエフェクトです。すごく簡単な仕組みで実装できるので良かったら試してみてください。Hover!2015.09.21CSSだけでマウスのカーソルを消すポインターを消すという操作は普通は必要ないのですが、Canvasをやっていてカーソルが邪魔になったので消す必要がありました。JavaScriptでカーソルを消さなくても、CSSだけでできてしまったので紹介します。このエリアではカーソルが消えます。Menuにマウスをもっていくとエフェクトがでます。以下では、作り方を説明していきます。}2015.09.15CSSの擬似要素:beforeや:afterのcontent内の任意の位置で改行するCSSの擬似要素はとても便利ですよね。タグの数をかなり減らせることができてソースコードが見やすくなります。内で改行できたらなと思ったことはないでしょうか。実は改行することはできるのです。その方法を紹介したいと思います。擬似要素のcontent内で改行できる2015.09.13JSでFisher-Yatesアルゴリズムを使って配列をシャッフルする今回はJavaScriptを使って説明しますが、どの言語でも変わりません。短いコードで効率のよいプログラムです。ほかのシャッフルアルゴリズムと比べて計算量がO(n)であり、偏りがないことがこのアルゴリズムの特徴です。2015.09.12ダウンロード不要で簡単に高品質な画像を使えるWebサービスWebサイト制作時、一時的に画像を配置したいときってありますよね。いちいちフリー素材サイトからダウンロードして持ってくるのは非常に面倒です。あとに2015.09.10今更だけどWebアイコンフォントFontAwesomeの使い方まとめ今や多くのブログやWebサイトで使われているWebフォント。その中でも、気軽に利用することができるFontAwesomeの使い方を紹介します。CSSファイルをダウンロードして読み込んでもよいのですが、もっと手軽にCDNを利用する方法があります。今回はこちらの方法で説明していきます。公式サイトへアクセス2015.09.08jQueryでテキストファイルを読み込み改行で分けて配列に格納する普通はJSONを使った方が便利は便利なのですが、改行で区切っていくだけの場合はテキストファイルの方が効率よく編集できますよね。今回は、改行コードによって、文字列を配列に格納する方法を紹介します。これは僕の好きな食べ物(どうでもいい)です。検索ボックスでキーワードを入力という文言を目にしたことがあると思います。これがplaceholderです。デフォルトでは、灰色をしていますが、このように紫色に変えたりすることができます。jquery.resizeend.jsこれまた便利なjQueryプラグインを見つけました。ブラウザ幅を変えている間中実行されてしまいますよね。このプラグインは、ブラウザ幅を変え終わったときに実行させることができます。