CSSをより柔軟に、わかりやすく、速く、ミスを少なく記述できる 最近、CSSの拡張メタ言語「LESS」が話題になっています。LESSとは、かんたんに言えば、CSSの良いところを活かしつつも 「より柔軟に」 「よりわかりやすく」 「より速く」 「よりミスを少なく」 記述できるという、新しい書き方です。うさんくさいと感じるほどにいいことづくめですね。 CSSの拡張メタ言語には、LESSの他にも、Sass、Stylusといったものがありますが、LESSは一番CSSの書式に近く、活用するためのツールがそろっているのが特徴です。 最近LESSについて、はてなブックマークや技術系ブログでもたくさんとりあげられているので、実際に興味を持っている方や試した方もいらっしゃるかもしれません。しかし、まだ入門記事が多く、実際に導入したときのメリットをイメージできないことも多いのではないでしょうか? 本連載では、
PHP5.4 Advent Calendar 2011の7日目です。昨日は@madapajaさんの「PHP5.4+ で開発が行われている BEAR.Sunday フレームワークを動かしてみる」でした。 さてさて皆さん、ユニットテストしてますか? PHPもテストのライブラリが充実してきており、カバレッジ100%に情熱を燃やしている方も多いことでしょう。 ユニットテストで困るのが、private/protectedメソッドです。外から呼べないので、普通の方法ではテストできません。(protectedは適当なダミーのサブクラスを作ってそこからテストできますが、ちょっと面倒です。) まあ当然です。外から呼べないようにprivateにしているので、簡単に呼べたら逆に困るわけです。しかしながら、privateメソッドも外から呼んでテストできた方が開発ははかどるでしょう。この記事ではPHPでprivat
MakeGood のように自動というわけにはいきませんが、NetBeans からも FuelPHP の PHPUnit によるユニットテストを実行できます。 なお、NetBeans の仕様により、MakeGood と同じく、テストファイル名は Test.php で終わる必要があります。 NetBeans のインストール方法については、NetBeans 7.1 と プログラミング用フォント Ricty のインストール をご覧願います。 NetBeans の設定 Tools メニューから Options を選択します。 PHP の General タブをクリックし、PHP 5 Interpreter と Global Include Path を設定します。 PHP の Unit Testing タブをクリックし、PHPUnit script を設定します。 プロジェクトの設定 プロジェクトの
こんにちは、青木です。 これは、TDD Advent Calendar jp: 2011の12/24分のエントリーです。 前日は@irasallyさんのエントリ「職業プログラマに贈るTDDのススメ」です。 翌日は@biacさんのエントリ「TDD とアジャイルを支えるバックボーン」です。 このエントリーではTDD(テスト駆動開発)に関する記事を、一覧に整理しています。 TDDには素晴らしい記事が多く、100を超えるリンク集になっています。 そこで目的に近い記事を探しやすいように、大まかな区分で分類して、内容について簡単なコメントを追記しました。また、昔の記事か最近の記事かわかるように掲載年月も記載しました。 TDDを学ぶときにこのリンク集が役立てば幸いです。 TDDとは [動画で解説]和田卓人の“テスト駆動開発”講座(Gihyo.jp) http://gihyo.jp/dev/serial/
2016/07/11 追記しています 皆さん負荷テストツールって普段使ってますか? WEBシステムを開発する際には、1人〜十数人で開発をすると思いますが、 受諾案件では要件を満たす開発ばかりしていて速度やパフォーマンスのチューニングを行う事が少ないと思います。 いざ運用が始まって、サーバーが落ちた・・とならないように負荷テストを事前にやっておきましょう。 Apache Benchでのサーバーパフォーマンスのチェック方法をメモしておきますので、どなたかの役に立てれば幸いです。 負荷テストとは 負荷テストって何ですか?という方のために簡単に説明をすると 低い負荷ではシステム上問題が無くても、高負荷での動作だと不具合を起こす現象を回避するためのテストです。 アクセスが集中して落ちてるサイトがありますよね。。 想定されるアクセスがあっても落ちないサイトにするための負荷テストです。 Webサーバーの
/etc/httpd/conf/httpd.conf などにある下記に該当する部分を下記のように変更します。
http ディレクティブ以下に下記の記述をすれば番号を消すことができます。例えば 403 エラーなどの際にデフォルトではバージョン番号が表示されていたりしますが、それを消すことができる設定です。
One of the great things about the App Store is that it inspires so much creativity from designers, it seems like there’s great new ideas for interfaces and interactions every week that delights the design community. There’s one sub-section of mobile design that never seems to get enough exposure – App Store icon design. It seems to have developed into its own art form, with immensely talented icon
rsync -vhHpltzru --delete -e ssh hoge@192.168.0.1:/var/www/wp-content/uploads/ ~/backup/image 以上のように SSH の rsync を使ってローカルにバックアップを取ることができます。これは WordPress の画像ディレクトリのバックアップとなります。cron などを使用して定期バックアップをとっても構いませんし、心配な方は手動で実行する方法もあります。 ちなみに FTPS などを使ってファイルをダウンロードするのとは違って、rsync は足りないファイルだけをダウンロードしてくれます。初回は結構時間がかかりますが、次回からは新しく追加された画像ファイルだけをダウンロードしてくるので便利です。 MySQL のバックアップにも最適 MySQL ファイルを mysqldump で自動バックアップを
実際にあった話なのですが、 先日とあるサイトをリニューアルした際に、 トップをindex.htmlからindex.phpに変更しました。 そしてオンライン・・・ 無事に公開されましたー!と思いきや、 検索エンジンからサイト名で検索すると http://example.com/index.html にリンクが貼られていました。 このまま検索されると エラーページが表示されてしまう。。 .htaccessを設置する事で解決しましたので対応方法をメモです。 .htaccessを使用する http://example.com/index.htmlにアクセスがあった場合に、http://example.com/リダイレクトするようにしています DirectoryIndex index.php index.html index.cgi <IfModule mod_rewrite.c> RewriteE
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
This is the final part of a three part tutorial that will teach you how to build a contacts manager application in JavaScript, using CanJS and jQuery. When you're done with this tutorial, you'll have all you need to build your own JavaScript applications using CanJS! In part two, you created the Views and Controls needed to display categories, created Model.List helpers, used routing to filter con
インスピレーションの広がるテクスチャまとめ「Various Textures That You Might Find Interesting – 38 Items」 デザイン制作、画像合成など、さまざまな場面で利用されるテクスチャは、できるかぎりバリエーション豊富にストックしておきたいもの。そこで今回紹介するのが、インスピレーションの広がるテクスチャをまとめた「Various Textures That You Might Find Interesting – 38 Items」です。 (Nebulous by `pendlestock on deviantART) 実写の風景からクリエイター制作によるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Sugar Rush – Textur
毎回メール送信機能を作る時にいちいち外部のライブラリを持ってきたり、勉強しなおしていたので、今回書いたコードをそのまま載せておきます。これでしっかりとメールを送信することができます。 mb_language("japanese"); mb_internal_encoding("UTF-8"); $data = Array( 'to' => 'info@admin.com' 'from' => 'info@example.com', 'name' => 'Tarou Yamada', 'subject' => 'test mail subkect', 'body' => 'test mail body', ); $from = mb_encode_mimeheader(mb_convert_encoding($data['name'], "JIS", "UTF-8")) . "<{$data
Node, iOS, Android, HTML5, JavaScriptの話題。ときどきMacやLinux。 promptは、コマンドラインからプロンプト入力できる Node.jsのパッケージです。 $ npm install prompt prompt@0.1.12 ../../../node_modules/prompt ├── pkginfo@0.2.3 ├── colors@0.6.0-1 ├── async@0.1.18 └── winston@0.5.11 CoffeeScriptはこんな感じです。 prompt = require 'prompt' prompt.start() prompt.get ['username', 'email'], (err, result)-> console.log 'コマンドラインからの入力値:' console.log ' userna
私のまわりには「バージョン管理が未体験」なデザイナーさん多いです。 デザイナーでも、プログラマーと一緒に仕事すると、Gitやsvnを使うことになると思うんですが、Gitとかsvnはまず「その仕組みとかカタチとか」が、デザイナーにとっては分かりにくいと思います。 そんなわけで(元)デザイナーの私が、理解してる範囲のことを分かりやすい言葉で解説してみます。 例の図を描いてみました。 だいたいこんな感じなのですが。。。 解説すると みんなの場所 プログラマーの人がremote(りもーと)とかorigin(おりじん)とか言ってる場所です みんなのファイル共有置き場です branch(ぶらんち)というものがあります。branchはプロジェクトやリリース毎や機能ごとに作られます。 図では「デイリーランキング機能追加用のdaily-rankingというbranch」「検索ページリニューアル用のse
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
2013年3月25日 Webデザイン 企業のイメージを明確にすることを「ブランディング」と呼びます。企業ロゴはそのブランディングが色濃く反映され、企業のイメージを左右する重要な部分です。今回は「ロゴとはなんぞや?」というところから、私のロゴを実例に、ロゴの制作手順を紹介しようと思います。 ↑私が10年以上利用している会計ソフト! 先日「ロゴデザインする時の参考に!ロゴデザインギャラリーのオンパレードと注目記事色々!」という記事内で、なるほどな、と頷ける文章に出会いました。 WEBサイトは、エンドユーザーに伝わらないデザインだとわかればリニューアルするけど、ロゴデザインはエンドユーザーに伝わらないからと言って作り変えることは殆ど無い。それはつまり、ロゴはお客様の為に作るんじゃないと、ロゴは自分たちの意思や考えの象徴でもあるからそんなに簡単に変えるわけにはいかない、自分たち(ロゴに込められた物
PHPでポジティブ、ネガティブ判定等を行える自然言語処理ライブラリ「nlpTools」 2012年06月06日- nlpTools - Natural Language Processing Toolkit for PHP PHPでポジティブ、ネガティブ判定等を行える自然言語処理ライブラリ「nlpTools」 日本語は多分ダメで、バージョンも浅いということで実用的なものではなさそうせすが面白かったのでご紹介です。 テキストをネガティブかポジティブか判別できるというのはWEBサービスなんかに活用できるかも(既に入れているサービスなんかもありますね) RSSを取ってきてタイトルからネガティブかポジティブか判定するデモが公開されています 関連エントリ TwitterやFacebookへのログイン機能をこれ1個で実装できるPHPライブラリ「HybridAuth」 特定クラスのメソッドをURLから呼
"DROPCLOCK" is an aesthetically intriguing motion clock screensaver. Every minute of real time is numerically expressed with heavy Helvetica dropping into water in super slow-motion. REQUIREMENTS OS : Windows XP/Vista with .NET Framework 1.1, MAC OSX 10.33 - 10.5 CPU : Win : Intel Pentium 4, Centrino, Xeon, or Core Duo (or compatible) processor Mac : Intel Core Duo processor MEMORY : 51
WordPress ユニットテスト方法を調べてみました。 wp-unit プラグインを使う。PHPUnit を用いたテスト環境構築。管理画面からテスト実行可能(テストファイルはプラグイン内に置く)。 SimpleTest for WordPress プラグインを使う。SimpleTest を用いたテスト環境構築。記事内にショートコードで記述してテスト実行。Toppa Plugins Libraries for WordPress プラグインに依存しているので、インストール時は注意する。 lime.php を使う。テストツールはファイル一枚だけで構成されている。require_once するだけで、ほとんどの環境ですぐに利用できる。 WordPress 自体のテストコードは、PHPUnit ベースになっています(WPTestCaseというクラスがあるが、このクラスは PHPUnit_Fram
CoverScroll jQuery plugin カッコいいカバーフローを実現できるjQueryプラグイン「CoverScroll」。 次のような画像をアイコン風にして綺麗にアニメーションさせられるカバーフローを簡単に実装できます 必要なライブラリを読んで上記のようにマークアップを記述して $('#container').coverscroll(); と書くだけ。 オリジナル画像は次のようにサイズは自由で、ライブラリが勝手にリサイズ&角丸補正してくれます。 色々と使えそうですね 関連エントリ 複数要素をランダムにフェードインさせられるjQueryプラグイン「champagne.js」 フォームをカッコよくするjQueryプラグイン集15 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」
Conference: October 20-21 Training: October 22, 23, 24
We’ve made the very difficult decision to cancel all future O’Reilly in-person conferences. Instead, we’ll continue to invest in and grow O’Reilly online learning, supporting the 5,000 companies and 2.5 million people who count on our experts to help them stay ahead in all facets of business and technology. Come join them and learn what they already know. Become an O’Reilly online learning member
JavaScript Parser Infrastructure for Code Quality Analysis1 of 53
💡 Personal notes about somthing I'm interested in Performance Calendar » CSS Selector Performance has changed! (For the better)にWebkitでCSSのマッチングの最適化が進んでいるという話が掲載されていて、下記の4つ最適化方法について紹介しています(via * { box-sizing: border-box } FTW « Paul Irish)。という話の紹介。 Style Sharing Rule Hashes Ancestor Filters Fast Path Style Sharingは、Style treeにある要素が、すでに計算済みのものと同じスタイルであるかどうかを把握できるようにする仕組みで、たとえば1つ目のp要素で計算したスタイルが、2つ目
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く