JavaScriptでユーティリティクラスを作成

JavaScriptでユーティリティクラスの作成 アプリケーションが大きくなるとJavaScriptの保守性が悪くなってきます。。特に業務システムの場合、何万コードのJavaScriptが元気に絡み合いながら動いています。 開発初期から保守性や可読性を気にしていれば良かったのですが、どうしても開発当初はデスマになるのがSIの常でしょうか。。その場合「動けばOK」なノリでプログラミングしてし...
2013/09/04

JavaScriptの文字列に改行コードを入れる方法

「¥」を使用することで改行を含めることができる 以下のようにして変数に改行を含んだ文字列を格納することはできません。 <script type="text/javascript"> //<![CDATA[ var num = "1 2 3"; alert(num); //]]> </script> 上記のようにするとエラー...
2013/08/27

jQueryプラグインのPopEasyを使って簡単モーダル表示

簡単にモーダル表示 概要 モーダルウィンドウとは、なんらかの画面の子画面として生成され、開いている間は他の画面を操作できないインターフェースになっている画面です。 今回は、このモーダルウィンドウを簡単に設置することができるPopEasyというjQueryプラグインを紹介します。 画面遷移を行わずにメッセージや何かの情報を表示したり、入力フォームを表示したり、画像を拡大表示したいときなどに便...
2013/08/27

crontabの設定方法

cron概要 cronとは、スクリプトを自動で実行するためのデーモンです。 通常サーバーの運用では、データの集計、ログのローテート、バックアップなどを行う必要があります。 これらの処理は、時間や負荷がかかりやすいため、アクセスの少ない深夜などに自動で実行します。 こういった自動で処理を実行するために使用するサービスです。 cronを設定するためには、crontabコマンドを使用する方法と...
2013/08/26

必ず稼げるアフィリエイトサイトの作り方

稼ぐために必要なこと Webサイトを一から制作する いろんなポータルブログサイトを使って始める人も多いと思いますが、一から作るのをおすすめします。 一から作ることで、収益をあげるのに時間はかかりますが、ポータルブログサイトを利用してもなかなか多くは稼げません。 レンタルサーバーを借りて無料のCMS(WordPressなど)を設置することで、比較的簡単に設置できるのでポータルブログサイトは利...
2013/08/22

フラットデザインの利点と欠点

Webで流行のフラットデザインについて 概要 最近では、Windows8やGoogle、FireFoxのアイコンでも使用されています。 上記画像を見ればわかると思いますがフラットデザインとは、簡単にいうとリッチデザインの反対です。 リッチデザインはキラキラしていて細かくデザインされているのに対して、フラットデザインはとてもシンプルになっています。 以下のようなサイトが参考になります。...
2013/08/20

LWP::UserAgentでメタタグにtwitter:cardが含まれていると正しく取得できない

Yahooオークション商品詳細画面が取得できない PerlのLWP::UserAgentを使用して、Yahooオークション商品詳細画面のHTMLを取得していました。 ですが、ある日から正しく全てを取得することができず、途中で途切れてしまうという現象が発生しました。 その対応した内容を掲載します。 元々のプログラムは以下のようになっていました。 use LWP::UserAgent; ...
2013/08/19

jQueryのいろいろなイベントについて

jQueryでよく使われるイベントの紹介 一番よく使われているクリックしたときに実行されるイベントです。 $("#selecter").click(function() { //クリック時の処理 }); 変更されたときに実行されます。 よくプルダウンなどで使用されます。 $("#selecter").change(function () { //変更時の処理...
2013/08/12
money

技術的負債とは

概要 プログラミングは楽しいものです。新しい何かを創りだす、非常にクリエイティブな行為です。 そんな楽しい行為を一気に絶望に変えてくれる瞬間は、「技術的負債」に遭遇したときです。 そう、何のためにプログラミングされたかよく分からないコードに出会ったとき、絶望に変わります。 デッドコードの「はず」。○○○するためのコードの「はず」。 不安でリファクタリングし...
2013/08/07

jQueryで可変グリッド・Masonryプラグイン

jQuery 可変グリッドの実装方法 概要 Masonryのプラグインを使うことで、簡単に可変グリッドのWebサイトを制作することができます。 また、今回ではスライダーで各コンテンツのサイズを調整できるようにしてみました。 Masonryプラグインの設定例 まずは、Masonryから「masonry.pkgd.js」を取得します。 今回は、シンプルで簡単な方法を紹介しています。...
2013/08/06
トップへ戻る