CakePHP の Configure クラスで最も悩ましい点を解決する方法 #cakeadvent2012
CakePHP の Configure クラスで最も悩ましい点を解決する方法 #cakeadvent2012 2012年12月17日 10:11CakePHP CakePHP Advent Calendar 2012 17日目の記事です。 CakePHP 使いのみなさんこんにちは。 一番好きなクラスは何ですか？ もちろん Configure ですね。 Configure はできる子 Configure は便利ですね。 値だけじゃなくて配列も格納できるし Configure::write('User', array( 'name' => 'msng', 'url' => 'http://www.msng.info/' )); 格納された配列の要素をドット区切りで指定して書きかえたり Configure::write('User.name', 'msng0413'); 直接呼び出したり ech
Nagiosでシステム監視 その1 インストール
インターネットシステムには障害がつきものです。人為的なミスもあれば、ハードウエアが自然に故障することもあります。これらを事前に想定して防止をすることも重要ですが、障害をなくすことはまず不可能です。 起きてしまった障害の被害を最小限に食い止めるため、いかに早くシステム管理者がこれに気づき、正しい対処をすることが重要になります。しかし人力で監視するのは無理があります。 そのため、システムとネットワークを監視するアプリケーションがあります。指定されたホストやサービスを監視し、障害や復旧時に通知します。システムへの負荷は微々たるものですし多少制約があっても使っておいて損はないと考えます。 今回は、システムを監視する、Nagiosサーバをインストールして立ち上げるまでをやってみたいと思います。 オンラインで利用できる監視サービスもありますが、自前でNagiosサーバを立ち上げると、たくさんのホストの
セッションフィクセイション脆弱性の影響を受けやすいサイトとは
最近、セッションフィクセイション脆弱性に対する関心がなぜか高まっています。同脆弱性は割合地味な脆弱性であり、話題になることはあまりありません。そこで、関心の高いこの時期に、セッションフィクセイション脆弱性の影響を受けやすいサイトについて説明し、注意を喚起したいと思います。 セッションフィクセイション脆弱性とは セッションフィクセイション（セッションIDの固定化）脆弱性は、なんらかの方法で利用者（被害者）のブラウザ上でセッションIDを強制的に指定して、その後利用者がログインしたタイミングで、攻撃者が「ログイン済みのセッションID」を知ることができるという脆弱性です。「安全なウェブサイトの作り方(改訂第五版)」P17から図を引用します。 図の「2.何らかの方法で自分が取得したセッションIDを利用者に送り込む」手法は、安全なウェブサイトの作り方では説明されていません。そこで、以下に「セッションI
オブジェクトのデフォルト値(valueOfとtoStringの関係)について - プログラミングを勉強するブログ
この記事の内容はすべてECMAScript5に基づいているのでIE8などでは違う結果になります 以前書いた記事で{toString : valueOf}という記述の意味について考えたのですが、コメントで間違いを指摘して頂いたので改めて書きたいと思います。 今回は簡単のために以下のコードで見ていきます。 var a = { valueOf:function(){ return false; }, toString:valueOf }; document.write(Number(a)); document.write("<br>"); document.write(String(a)); aという変数にvalueOfとtoStringの２つのメソッドを持つオブジェクトをリテラルで設定し、そのaをそれぞれ文字列、数値として評価した場合に表示される内容を確認するコードです。 これを実行すると 0
コーディングの必須ツールになりそう。ステキなCSSスタイルガイドを生成する｢styleDocco｣の導入とgrunt.jsでの自動化のメモ | Mnemoniqs Web Designer Blog
プロジェクトでコーディングする時に、複数の作業者がいる場合にスタイルガイドはとても重要です。 特にスマートフォン向けのサービスでは、モジュールの共通化や画像のスプライト化がもろにページ表示速度に影響するため、より精度が高く細かいアップデートに耐えうるCSSスタイルガイドが必要になります。これをExcelやPowerPointで管理していると、細かい変更の反映が大変だし、なにより見にくい。 そんな時、こちらの記事「CSSプリプロセッサでスタイルガイド」 inkdesignの中で、 スタイルガイドは”生きている”ドキュメントでなければいけない というシビレるキャッチで紹介されていた「styleDocco」というスタイルガイドジェネレータを発見。 これはなんだか良さそうだ！とプロジェクトに取り入れてみることにしたので、導入とか設定とかをメモ。 「styleDocco」ってなに？ 「style
Backbone.Modelのattributesにオブジェクト入れるときの注意 - Webtech Walker
Backbone.js Advent Calendarの15日目です。軽めにいきます。 Backbone.Modelのattributesにオブジェクトを設定するときの注意点など。attributesはsetとかで設定される値をオブジェクトして持っているやつです。 まず次のようにsetでattributesを設定します。 var MyModel = Backbone.Model.extend(); var m = new MyModel(); m.set('hoge', 'fuga'); m.set('foo', { bar: 'baz' }); このようにhogeには文字列、fooにはオブジェクトを設定しました。そしてtoJSONでattributesを取得して値を更新してみます。 var attrs = m.toJSON(); attrs.hoge = 'new fuga'; attr
正規表現の構文を色分けして解読しやすくするスクリプト・Regex Colorizer
正規表現コードを色で解読しやすく する、というスクリプト。エラー の有無も分かるので、解読だけで なく、勉強のお供にもいいかもし れませんし、解読速度も速められ そうです。 正規表現コードを色分けしてくれるスクリプト。用途は開発補助・・ですね。
2年の実務で使いやすさを追求した、便利でシンプルなワイヤーフレームのPSD素材 -RafalTomal WireframeKit
右半分 ライセンスは特に無しとのことで、個人でも商用でも無料で利用でき、修正して他の人と共有しても構わない、とのことです。 あなたがしたいことは何でもしてくれ！、と。 ワイヤーフレームの使い方としては、このワイヤーフレームと新規ドキュメントを並べてPhotoshopで開き、必要なエレメントをドラッグで移動して利用するだけです。また、エレメントのカラーはブラックになっているので、不透明度を調整し容易に背景を変更することができます。カラーを変えたい時には、レイヤーの四角いアイコンをダブルクリックしてください。 注意するポイントは、ワイヤーフレームであまりに多くのディテールを作らないことです。
[JS]jQueryのプラグイン100選 -2012年総集編
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
【レビュー】実売2,799円〜大容量なのにスリムなバッテリー『Anker Astro 10000mAh』
かつてUSB出力付きバッテリーといえば、容量が5,000mAhのものが4〜5,000円というのが相場でしたが、最近では10,000mAhで3,000円以下が主流となりつつあります。 このクラスのバッテリーは、iPhoneを4〜5回もフル充電できるという頼もしい容量がある一方で、携帯するには少し大きすぎるという面もあります。 その点この『Anker Astro PowerBank 10000mAh』は、大容量ながらこのクラスで(おそらく)最もスリムな筐体で、カバンなどの隙間にも納まりやすいのが特徴です。 パッケージには、USBカールコード、各種アダプタ(Dock・microUSB・miniUSB・PSP?)、キャリングケースが付属しています。 カラーはブラックで光沢のある表面。 iPhone 5をそのまま大きくしたような形状で、サイズは15.2 x 72.3 x 142.2(mm)です。 出
現代のソフトウェア開発で構成管理が重要になった理由 - プログラマの思索
プロジェクト管理ツールBacklogを作っているヌーラボ社の開発者が書いた記事「現代のソフトウェア／サービス開発で構成管理が重要になった理由」がとても分かりやすいのでメモ。 構成管理がソフトウェア開発のサプライチェーンの一部になってきたのが原因ではないかと思った。 ラフな感想。 【元ネタ】 DevOps時代の開発者ための構成管理入門（1）：現代のソフトウェア／サービス開発で構成管理が重要になった5つの理由 (1/2) - ＠IT DevOps時代の開発者ための構成管理入門（1）：現代のソフトウェア／サービス開発で構成管理が重要になった5つの理由 (2/2) - ＠IT 【１】記事では、構成管理が重要性を増してきた理由として以下が挙げられている。 【1】簡単になってきたプログラミング 【2】クラウド（PaaS）の登場 【3】さまざまな用途のツールの進化 【4】ソフトウェアビジネスの移り変わり
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
丸みがかわいらしいシンプルフォント「Comfortaa」 #LOVEFONT
#LOVEFONT企画16日目担当の kanako29 ですこんにちは。 LOVEFONTでは自分の愛するフォントについて熱く語ろうということで、今回私は、「Comfortaa」というフォントを紹介します。 Comfortaa について Comfortaa の作者は、aajohan さん。 こちらのフォントは、2008年に制作されたようです。 ライセンスは、SIL Open Font License で、商用無料で使用することができます。 ウェイトは、Light, Regular, Bold の3種類です。自分は太めの方がコロッとしてかわいいと思うので、Bold +「アンチエイリアス強く」で使用することが多いです。 Comfortaa の好きなところ 私が Comfortaa を好きなところは、クセが少なくシンプルでかわいらしいところです。 特に小文字が良いです。a, b, d, p, q
セッションID管理は結局どうすれば良いのか？
(Last Updated On: 2018年8月18日)脆弱性やセキュリティ対策について技術的な話ばかりしていたので「それで結局PHPのセッション管理どうすれば良いの？」と思われた方も多いと思います。簡単にまとめます。漏れや追記した方が良い事などがあったらご指摘ください。 session_regenerate_id()の使い方（セッションID再生成） ログイン処理時・ログアウト処理には最初にsession_regenerate_idを呼ぶ。 定期的にsession_regenerate_idを呼ぶ。間隔が短いほど低リスク。 session_regenerate_idはtrueオプション（古いセッションデータ削除）を付ける。 session_regenerate_idでtrueオプションは付けない。その代わりに再生成した時点のタイムスタンプを古いセッションデータに記録し、数分後からそのセッ
モバイルとも相性が良いWordPressテーマ45「45+ Best Free WordPress Themes for Mobile Friendly Websites」
モバイルとも相性が良いWordPressテーマ45「45+ Best Free WordPress Themes for Mobile Friendly Websites」 最近ではモバイル端末の普及とともに、モバイル端末のインターネット環境も整ってきてPCよりもモバイルを中心に情報を収集するという方も多いと思いますが、今日紹介するのはそんなユーザーもカバーできるモバイルとも相性が良いWordpressテーマ45「45+ Best Free WordPress Themes for Mobile Friendly Websites」です。 DailyPost PRO – Personal WordPress Theme 全部で45ものモバイルとも相性が良いWordpressテーマがまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは
Titanium 2.x traps
これは、Titanium Mobile Advent Calendar 2012 の参加エントリです。 いやーついに Titanium 3.0 がリリースされましたね！ このエントリでは、僕が 2.x を触っていてハマった様々な罠について述べていきますが、3.0 以降ではこれらが全てfixしていることを祈っています。 今回のエントリでも、自分が iPhone, Android 両対応アプリを開発した経験に基づいていますので、皆様の環境では必ずしも再現しない場合もあると思いますが、その点は御容赦くださいませ m(__)m 1. String.format ってクロスプラットフォームで使うときはちょっと注意いりませんか？ 今年の Advent Calendar でも触れられている String.format 関数。C言語でのsprintf関数の如く、文字列処理では重宝する関数なのでいやー便利で
軽量なテスト駆動開発を目指して #TddAdventJp - やさしいデスマーチ
これは、TDD Advent Calendar jp:2012 の16日目のエントリーです。前日のエントリーは、@pocketberserkerさんの「Specs2のParameterized Testのはなし」でした。 ご存じの方も多くなっていると思いますが、「テスト駆動開発（以下、TDD）」とはテストコードを先に書くテストファーストを基盤とした開発手法です。先にテストコードを書く事により、これからどのようなプロダクションコードを書こうとしているかを明確にすることができることが特徴です。このため、テストの技法というようりは設計の技法です。 テスト駆動開発を実践することにより多くのメリットを得ることができます。このことは2011年のAdvent Calendarで言及しました（TDDを学ぶべき10の理由 #TddAdventJp）。TDDは簡単に導入することができる一方で、実践するのは非常
Devlove2012 どうしたら良いシステムが作れるのか
2012年12月15日に開催されたDevLOVE2012での「どうしたら良いシステムが作れるのか� - あなたが進むべき道を決めるための�アーキテクチャとマネジメントの話」の資料です。Read less
zsh-syntax-highlightingでコマンドラインにsyntax highlightを効かす - Glide Note
zsh-users/zsh-syntax-highlighting · GitHub zshで作業中にsyntax-highlightをしてくれるスクリプトがあったので導入してみた。 紹介動画をみると、どんなものだか分かります。
Bootstrapで矢印を描くのなら「Bootstrap Arrows」:phpspot開発日誌
Bootstrap Arrows Bootstrapで矢印を描くのなら「Bootstrap Arrows」 全国の矢印好きの諸君。こんにちは。もうPhotoshopで矢印を描いて画像を作ってアップロードなんていうことは必要ない。 <span> に簡単なclassをつけるだけで、向きも、長さも、色だって、自由自在。 しかも、次のような美しい矢印が描画できる。センス云々の話ではなく、class="arrow" として rel で角度を指定するだけで美しい矢印が描けるのだ。 色んなUIライブラリはあれど、矢印まで描けるとなるともう選択肢は限られる。 これでBootstrapを使わない理由は一切なくなったのだ。 関連エントリ TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Twitter BootStrap に追加できる５つのコンポーネント
Sublime Text の習得に役立つショートカットキーのチートシートを作ってみた (Mac OS X / Windows)【15日目】 | DevelopersIO
“世界的ですもんね 乗るしかない このビッグウェーブに” はじめに そんな訳で、IT業界で話題沸騰中のテキストエディタ、Sublime Text。弊社でも続々と利用者が増えている今日この頃です。 基本的にビッグウェーブに鈍感な僕らしく、先日あたりからようやく使い始めてみました。長い間eclipseを使い続けていたので、色々と戸惑う箇所も多く、まだまだSublime(卓越した)に使いこなせていませんが、徐々に慣れていけたらなと考えています。 ショートカットキーのチートシートを作ってみた 少し前に弊社のとあるスタッフから「ショートカットキーのチートシートでナウいデザインのものがあったら、超捗るぜ。」とあおられ、僕自身まだまだ不慣れなこともあって、操作の習得も兼ねて作ってみました。 Sublime Text | Periodic table of the Keyboard Shortcuts.
Sublime Text 2 の html の入力補完をカスタマイズする
Sublime Text 2 には、デフォルトで html の入力補完機能が用意されています。 例えば、html まで打って Tab キーを押すと、 <html> <head> <title></title> </head> <body> </body> </html> に変換されます。 link まで打って Tab キーを押すと、 <link rel="stylesheet" type="text/css" href=""> に変換されます。 script まで打って Tab キーを押すと、 <script type="text/javascript"></script> に変換されます。 ここで、例えば script と打ってタブを押したときに <script type="text/javascript" src=""></script> と src 属性も入れてほしいなと思った場合、
WebSocketの中身を覗いてみる - m-kawato@hatena_diary
この記事は、HTML5 Advent Calendar 2012の15日目のエントリーです。 WebSocketは、Webサーバ・ブラウザ間で双方向に通信するための仕様であり、APIとプロトコルがそれぞれ以下の規格で定義されています。 API: W3C WebSocket API プロトコル: IETF RFC 6455 - The WebSocket Protocol (日本語訳) Node.js + Socket.IO のようなライブラリを使うと割と簡単にWebSocketが使えますが、中で何が起こっているかもう少し追ってみたいという動機により、tcpdump+WireSharkによるパケットキャプチャを通してWebSocket通信の中身を調べてみました。 作業環境 サーバ側、クライアント側ともホストはWindows 7 (64ビット版) で、サーバはその上の仮想マシンとして動かしてい
jQuery で HTTP 接続するときの書き方: Days on the Moon
12 月 13 日に Kyoto.js の第 3 回 meetup で、「jQuery で HTTP 接続するときの書き方」と題した 5 分間のライトニングトークを行いました。以下にその内容を一部再構成して収録します。 こんにちは、nanto_vi です。今日は jQuery で HTTP 接続をするときの書き方について話します。 皆さん jQuery を使うことも多いかと思います。jQuery で HTTP 接続をするとき、古いサンプルだと次のような書き方が載っています。 $.ajax({ url: '/foo/bar', data: { baz: 'qux' }, success: function (data) { console.log(data); }, }); 接続完了時の処理をコールバック関数として $.ajax() に渡してやる形ですね。しかし、現在この書き方は非推奨となっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第1回 大規模データではRDBMSのどこがボトルネックになるのか？：RDBMSでも大規模データをあきらめないためには｜gihyo.jp … 技術評論社
ドキュメントKnockout.js
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
語学レベルにあわせてニュースが読める『News in Levels』 | 100SHIKI
https://toybox-design.net/?p=488
http://blog.inouetakuya.info/entry/20121216/1355656214