While { Creative! }

フリーで働くWebクリエイターのネタ帳。オンライン教育&学習のCreativeな仕組み作りをしていきたい。

2013-01-01から1年間の記事一覧

PCで閲覧した時だけ横幅固定するページ(レスポンシブじゃ無理!)を作りたかったので、JavaScriptでユーザーエージェントを判別してみた。

セールス用のページとして「1カラムの縦長ページ」を作る事になったのですが、改行を元々のPDFと同じ感じで見せたいというこだわりの要望があったので、実現方法を模索していました。これがベストプラティクスなのかは正直分からないのですが、参考になれば…

Bootstrap3のレスポンシブ機能が不要な時は、無効化CSSが用意されてるようです

最近Bootstrapが好きすぎて使いまくってるのですが、レスポンシブ機能が別に要らないやー、って時もあるんですよね。そんな時はBootstrapのCSS中身をいじらずとも、無効化用のCSSがちゃんと用意されていました。http://cccabinet.s1.adexd.net/#disable-resp…

カスタムフィールド付きでカテゴリ別記事データを一括取得するSQL [WordPress]

jQueryなどの動的Webサイトを LP Labo°の方で紹介しているのですが、 WordPressの管理画面では「カスタムフィールド」使ってます。(こんな感じ) ・・で、ちょっとヤボ用で(?) LP Labo°で紹介しているWebサイトの一覧を カテゴリーごとに文章化してPDFへ…

継承で楽チン!WordPressのウィジェットを自作する方法

WordPressのウィジェットを自作したいなー、と思って Codexを調べていたら以下のページを発見。WordPress ウィジェット API - WordPress Codex 日本語版「WP_Widget」というクラスを継承して functions.phpに書いてやればOKみたいですね。 class My_Widget e…

jQueryの標準には無い文字エフェクトを実装してみた(回転+移動)

回転や移動が出来るプラグインを使って、 こんな文字エフェクトを再現してみました。【下からくるっと現れる文字エフェクト】 http://orz-labo.com/gimmick-labo/text-effect/rotate-in/文字1つ1つを画像化した上で、 「回転」「移動」をプラグインで実現…

SqlServerCompactでIsNull関数を使ったらハマッた

「名前(文字列)」項目が何故か True or False で返ってくるので 何でだー!!と思っていたら、SqlServerCompactにはIsNull関数無いのですね・・orzcase when で解決。【修正前】 IsNull(AreaMaster.name, ' ') as area_name【修正後】 case when AreaMaste…

cakePHPのlink(HtmlHelper)内に設定したHTMLタグがそのまま表示されてしまう時

HTMLタグ入りのAタグリンクを cakePHPのヘルパーから吐き出そうと思ったのですが、そのまま書いても タグのままで出力してくれちゃうのです・・orz echo $this->Html->link( '<h3>1日目</h3><p>Hello! Hoge Hoge</p>', 'user/mission/1', array( 'target' => '_blank' ) );…

Evernoteの「保存された検索」が便利!基本検索構文メモ

最近プランニングやアイディア出しに Evernoteを活用しています。コチラのサイトを参考にGTD的な要素も取り入れ 気持ち良くアウトプットが出来ているのですが・・ノートブックとタグというカテゴライズしかできない性質上、データを引っ張ってくる時の検索条…

TwitterのRTボタン(ボックスタイプ)を自前で設置するためのパラメータ

忍者おまとめボタンでソーシャルブックマーク(Twitter、Facebook、はてな)を実装しようかと思ったのですが、jQueryの関係でシェアしたいURLが若干動的に変わってしまうのでどうしようかと思い自前で実装する事にしました。で、TwitterのRTボタンを縦並びの…

jmpress.jsがアツい!3Dプレゼン風のナビゲーションが作れちゃうjQueryプラグイン

このプラグイン、触ってて楽しい!503 Connection timed outdiv要素などをxyz座標空間に配置して、立体感を出しているみたいです。 「Prezi」というプレゼンツールが元ネタになってるみたいですね。【jQuery】Preziのようなアニメーションを実現するjQuery「…

jQueryのloadでDB更新の同期が取れない時の対処法

タイマで一定時間ごとにDB(MySQL)から情報を取得し、 指定のdiv要素を更新するという処理をしたいと思ったので jQueryのload機能を使ってみたのですが、上手く行かず・・。 症状 ブラウザで開発中のサイトを2つ立ち上げ(AとB)、 Aの方でDBの内容を更…

キャンバス型アプリ内で「Facebookのトップページ」へ戻るリンクを設置するには?

HTMLの初歩的な内容ですが・・。自作のFacebookアプリを何人かに見せた所、 「自分のページへ戻る方法が分からない!!」とのご指摘を頂く。僕はFacebookアプリに慣れているせいか 左上の「facebook」ロゴマークをクリックして戻っていましたが、 確かに初め…

ひらがなとカタカナが混じった多次元配列を指定キーにて並び替える

ポイントとしては、以下の2つ。・array_multisortで多次元配列を並び替え ・mb_convert_kanaでソートキーを全て「ひらがな」に変換 1.array_multisortを使ってみる まずは単純にsortしてみましょう。 foreachでkey指定する部分がポイントです。 $members …

拡散具合が分かる!ハッシュタグのついたツイートをサイト上に自動表示させる方法

自作Webサービスのトップページに設置したかったので、やり方をメモ。Webサービス内で「拡散目的」にツイートボタンを用意しているなら、 予めハッシュタグを埋め込んでいくとココで広がり具合がある程度分かりますよ! 1.Twitterアカウントで「検索ウィジ…

テスト結果を録画してエビデンス化しておくメリット

今、個人対個人でツール開発受託をしています。 一般ユーザーへの販売を視野に入れたツールで、僕は開発のみに専念。プログラムがひと通り組み終わり、テスト段階になった時 最近は画面録画ソフトを起動させながらテストしています。 使っているソフト 以前…

cakePHPで作ったWebサービスをGoogleウェブマスターツールに登録する方法

WebサービスをcakePHPで作ってみたのですが、 Googleウェブマスターツールを使って色々改善点を探したい。 また、SEO的にもサイトマップは用意しておいた方が良いよね。・・というわけで、サイトマップページを用意し Googleウェブマスターツールへ設定して…

サーバにUPすると「Elementがありません」エラーが出た

/Elements/xx の最初を小文字で書いてた。 これが原因だなんて orz(誤) $this->render('/elements/choice_result'); (正) $this->render('/Elements/choice_result'); 一応メモっておきます。 あとがき Webサービスを作ってみたんだけれど どうやって拡…

一撃でListをString[]にキャスト(Java)

JavaでListと配列を扱おうとして 何だかもの凄く遠回りな事をしていたので orz引数の関係などで、どうしてもList型を配列型に変換したい場合 toArrayを使えばOKなのですが、引数に「new String[0]」を入れる事で 1行でキャストしてくれるので便利。 import …

Twitter Bootstrapのモーダルウィンドウ表示時にTextAreaを全選択

TwitterのBootstrapで使えるModalWindow、いいですね。 見た目もクールでそのまま使えちゃいます。で、最近よく見かける 「クリックでつぶやき用のモーダルウィンドウが出てくる」ボタンを 実装してみようと思ったんですが、、ウィンドウが開いた時点で テキ…

Java+XML-RPCでWordPressからカテゴリを取得

またまたクライアントさんからお願い事項の追加。ツールで記事書いてWordPressへ投稿する際、カテゴリを選べるようにしたいとの事。現状は設定不可なので、デフォルトのカテゴリにしか投稿できない。 ・・まぁ、SEO考えるならカテゴリ&タグ設定はいるよね。…

Facebook用に設定するOGPが正しくセットできたか確かめたい

FacebookなどでOGP(Open Graph Protocol)を設定した時、 ちゃんと動作するか確認したくなると思います。出来た!と思って公開し、 シェアしてくれた人の投稿を見てみたら、「あれ、OGP反映されてないよ orz」・・なんて残念な事になるのは 何としても、避…

cakePHPで「favicon.ico」を瞬時に自作する方法

事前に画像さえあれば、以下のサイトで超簡単に作れます。ファビコン作成。favicon.ico 無料で透過マルチアイコンが作れます。サイト制作者様、ありがとうございます m(__)m あとがき ノリで1つ、Webサービスを立ち上げてみる事に。 こっそりスタートさせて…

cakePHPでTwitter BootstrapのJavaScriptコンポーネントが動かない時

ここにある「モーダルウィンドウ」「ドロップダウン」「タブ」など 動的なコンポーネントを試しても動作しない・・ 503 Backend is unhealthy原因は、JavaScriptの読み込み順でした。 jquery.js bootstrap.min の順で、読み込みましょう。 逆にすると動きま…

NetBeansでcakePHP開発しようと思ったらctpファイルが関連付けされない

Viewなどでctpファイルの編集をする機会は多いと思いますが NetBeansは標準で関連付けされていないので、プレーンテキストと認識され 色付コードで表示されないという残念な状態になる事があります。ストレス軽減のためにも、関連付けておきましょう。まずは…

jQueryで処理から一定時間経過した時にリロードする

画像をクリックした際に 何らかの処理(DB更新など)を行なった後で 数秒後に画面をリロードする処理を作りたかった。Ajaxで画像のみを更新するのも有りだけど、 お手軽にsetIntervalとlocation.reloadを使って実装。 $(function(){ $("img").click(function…

SWTでYoutube動画選択ウィンドウを作ってみた

ブログ投稿サポートツールという 怪しげな(?)ソフトを開発中でございます。その中でクライアントさんから 「Youtube動画をツール内で選べるようにしたい」 との要望が。 ツール内でキーワードを入力し、検索ボタンを押せば Youtube動画検索結果が表示され…

jQuery+cakePHPでアニメーションとDB更新を同時に処理したい

画像をクリックした時に、以下のような処理をしたかった。・画像の隣にプロフィールを表示(DBからひっぱる) ・DBのカウント値をインクリメントcakePHPとjQuery使って 実装したいなーと思っていた所、ピッタリな記事を発見。 PHP + MySQL + jQuery + Ajaxで…

cakePHPでURLの「コントロール名」を不要にする

言葉で説明しにくいですが、 要はプロジェクト名「xyz」にMainControllerを作った時、通常なら「xxx.com/xyz/main」となる所を 「xxx.com/xyz」でOKにしたい時です。routes.phpを変更すれば一発です。 最初はこうなっていると思うので・・ Router::connect('…

ロリポップでtmpフォルダの属性を変更しても上手くいかなかった時

cakePHP2.1をロリポップにアップロードしたら、 こんなエラーが出て動かなかった。 Warning (512): _cake_core_ cache was unable to write 'cake_dev_ja' to Apc cache [CORE/Cake/Cache/Cache.php, line 306]「あっ、app/tmpのパーミッション変えてなかっ…

cakePHPのモデルからランダムにレコードを取り出したい

find時のorder属性に 「rand()」を適用すればOKでした。 class Member extends AppModel { /** * ランダムにレコード2件を取得 * @return type */ public function getRandomTwo() { return $this->find('all', array( 'order' => 'rand()', 'limit' => 2 )…