5MENUすべてのカテゴリーWeb制作93仕事効率化4Electron32015.08.15WordPressでオリジナルSNSボタンを設置するときに注意すべきことやっぱりオリジナルテーマでブログをやるなら、公式のSNSボタンは使わないですよね。デザインに統一性がなくなってしまいます。今回は、オリジナルTwitterボタンを設置するときの注意点を紹介します。Tweetボタンのリンクはこんな感じで書きますよね。使って取得していくのですが、毎回毎回面倒でした。そこで、いいプラグインがないか探したところ、ぴったりのものがあったので紹介します。2015.08.11jQueryでフォームが空の状態でエンターを押したときsubmitを無効にする楽天goldでamazon風に検索できるトップページを作ったときのメモです。普通、input要素はエンターを押すと自動的にsubmitボタンが押される仕組みになっています。検索フォームに何も文字を入れていないのに、エンターを押したら勝手にsubmitされてしまうのはユーザービリティーを考えるとよくないですよね。そこで、jQueryを2015.08.09JavaScriptやjQueryで関数のオーバロードを擬似的に実装するJavaやC++では関数のオーバロードを当たり前のように使っていますが、JavaScriptでは一切使っていませんでした。いうか、JavaScriptでオーバロードするという考えさえ思いつきませんでした(笑)。JavaScriptでは関数のオーバロードは無いようですが、擬似的に実現する方法はあるので、それを紹介したいと思いま2015.08.07CSS3のメディアクエリをjQueryでも使えるようにするCSS3メディアクエリ便利ですよね。これを使ってjQueryで条件分岐したい場合もあると思います。レスポンシブデザインのサイトなんかだと使う機会も多いと思います。単純に思いつくのが、メディアクエリと同様にブラウザ幅をjQueryで取得して条件分岐すればいいのでは...なんて考えると思います。それだとブラウザによって誤差が出てしまう2015.08.04C++でOpenCVを使って疎密探索によるテンプレートマッチングを実装するOpenCVにおける基礎ともいえるテンプレートマッチングのプログラムです。OpenCVというものに触れたので、完成するまでにすごい時間がかかりました。左目のあたりの画像をテンプレートとしています。<opencv22015.07.31c++でstring型文字列のそれぞれの文字が半角か全角かを判定する英数字だけだったらこんな判定は必要ないのですが。英数字と日本語が混ざった文字列の長さを取得するときなどにも応用ができるので、覚えておいて損はないと思います。PC版のみの対応です。JSを一切使わずCSSだけでモーダルウィンドウを作ることができました。モダンブラウザ向けなのでブログに組み込んだりできます。ネットに載っている方法は:targetを使った方法です。これだとモーダルウィンドウを表示する度に履歴に追加されるので戻るときにまた2015.07.19CSSのposition:fixedで高さが不明な要素を上下左右中央揃えにする今回は、幅は分かってるが高さがわからない要素を上下左右中央揃えする方法を紹介します。高さが分かっていればネガティブマージンで上下左右中央揃えにできますが、高さが分かっていなければできません。方法を説明していきます。tab2015.07.17C++で文字列ではなく文字char型を整数int型に変換するString型の文字列をint型に変換するやり方はわかりますが、それだと1文字の場合変換できません。char型をintに変換することはなかなかないので知らない人も多いと思います。方法としては、ASCIIコード表を用いて変換します。ASCIIコード表の48~57は文字の'0'~'9'に対応しています。これを利用し2015.07.16C++で整数や小数の桁数を文字列に変換してからカウントするネットで検索してもなかなか載っていなかったので、自作しました。載っていないということはこれくらいできて当然ということなのでしょう(笑)。考え方は単純で、まず入力された小数(または整数)を文字列に変換します。次に小数点の位置('.')を見つけてそれより前は整数部、それよりあとは小数部というように分けて桁数をカウン2015.07.14CSSで作るホバーすると波紋状にリングが広がるエフェクトCSSで簡単に波紋エフェクト作れないか考えていたところ、いいアイデアが思い浮かんだので紹介します。ホバーするとリングが波のように広がって消えます。ハイクオリティーなエフェクトとなっています。HTMLはこんな感じでシンプルなマークアップです。di2015.07.12CSSでWebサイトの左右2カラムの背景色を別々に指定するフラットデザインが流行してから、画面を左右に分けて色も別々にするというデザインが増えてきています。今回は最も簡単にできる方法を紹介します。、従来のレイアウト方法について見ていきましょう。