2011年5月より、オライリー・ジャパンで販売するEbookをDRM Free化します。これによって、これまで禁止されていた印刷、テキストのコピー、注釈やしおりの追加等が自由に行えるようになります。 DRM Free化にあたって、サーバ上のプログラムを変更いたします。そのため2011年5月23日（月）、Ebook Storeを一時クローズいたします。メンテナンス中はEbookのご購入ができなくなりますので、あらかじめご承知おきください。 そのほか今回の変更に関するFAQを以下にまとめました。合わせてご覧ください。Q. DRM Freeで販売されるのは一部のタイトルですか？すべてのタイトルですか？ A. 今後販売開始されるタイトルおよび、これまで販売していたタイトルのうち、著作権者の皆さんからご了解が得られたものです。 Q. これまで販売されていたタイトルが見つかりません A. DRM Fr
jQuery Mobileを利用すると、簡単なHTMLを用意するだけでスマートフォンサイトを作成できます。今回はシンプルな会社案内サイトを実際に作りながら、jQuery Mobileの基本的な使い方を学習しましょう。 以下のような会社案内サイトを作成します。 トップページのメニューをタップすると各ページへスライドして移動するシンプルなスマートフォンサイトです。まずはトップページ部分から作ってみましょう。 jQuery MobileとHTML5 jQuery MobileはHTML5のカスタムデータ属性でさまざまな設定を定義するので、jQuery Mobileを利用するWebページはHTML5で記述します。HTML5と聞くとハードルが高そうですが、最低限の約束ごとさえ守れば決して難しくありません。 次のようなHTMLを雛形として用意します。 <!DOCTYPE html> <html> <h
Designer Dailyの記事を参考に、Appleのウェブデザインからディテールを強化する9つのポイントを紹介します。 Creating beautiful web designs: 9 details that matter Apple [ad#ad-2] 下記は各ポイントを意訳し、Appleのサイトを例にしたものです。 ドロップシャドウ ドロップシャドウは、デザインに深さを与える素晴らしいテクニックです。しかし、計画的に使用しないと、とても素人くさい外見になってしまいます。 良いドロップシャドウを作るには、2つの重要なポイントがあります。 シャドウは繊細にする。 ページ内の光源は一貫したものにする。
[読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール「Hype」が米時間の5月20日にお目見えした。 Mac OS X用ソフトとして既にApp Storeで販売中。価格はUSストアでは29ドルで、日本だと3500円と割高だが日本語ローカライズ版が入手できる。 ツールは、FLASHオーサリングツールなどを使用したことがある人なら、数分もあれば使い始められるだろう。始めてこの手の作品を手がける人は少し手まどうかもしれないが、チュートリアル動画があるので、これを一通り見れば見よう見まねでスタートできるだろう。また、今回のバージョンでどのようなことができるのかは、ギャラリ
Zen Coding for EmEditor Professional v0.6 May 13, 2010 based on Zen Coding for textarea v0.6 http://code.google.com/p/zen-coding/ Code license: GNU General Public License v3 http://www.gnu.org/licenses/gpl.html Ported for EmEditor by Yutaka Emura (Emurasoft, Inc.) http://www.emeditor.com/ EmEditor Professional は、JavaScript によるマクロをサポートしているため、実は、Zen Coding のサポートを行いやすいと言えます。EmEditor が、Zen Coding のサポー
去年の話ですが、海外でこんな記事が上がっていました。 20 Tips you need to learn to become a better PHP Programmer 記事の内容は、かなりレベルが低いです。 しかし、初心者のうちに知っておけば、より早く成長出来るでしょう。 初心者PHPerのために、この記事の翻訳を載せます。 20 Tips you need to learn to become a better PHP Programmer PHPは、同じオブジェクトの扱い方でも複数の書き方を持っている、とても気まぐれなプログラミング言語だ。 詳しくは、私の書いた”The Art of Programming“を読むと良い。 これから書くTipsは、過去のプロジェクトから私が学んだコードの可読性、メンテナンス性を上げ、あなたを素晴らしい、より進んだPHPプログラマーにするもの
みなさんも仕事の効率化、時間短縮のためにしていることってありますよね？ 私ももちろんいろんな工夫をしているのですが、もっと効率よく仕事がしたいって思っています。 とりあえず、今、時間短縮の為に私がしていることをまとめてみました。 私は毎日 Webサイトを作るために、Photoshop を使ったり、コーディングしたり、調べものをしたり … とにかくいろんな作業をしています。そんな中、もっと時間短縮できないかなー、これって時間の無駄だなーと思うこともたくさんあります。1日は 24時間しかないし、決められた 24時間の中で自分の時間を作るためには、仕事の時間を圧縮するしかありません … X( できるだけ無駄をなくして、早く仕事が終われるように、時間短縮術をマスターしたいと思ってます。コーディングを早くできるようにしたりするものはもちろん、欲しい情報に素早くアクセスできるような工夫など、今私が時間
というわけで、web屋さんに送るwebマガジン3月号です。 今回はいつもよりさらに厳選してます。逆に量を減らして見ました。 もしかしていつも無駄に多いんじゃないかと思いまして・・・。今回も色々必読な記事はありますが、jQuery関係の記事が少なかったのが特徴でした。 逃してしまった方はぜひこの機会に。 3月のWebマガジン目次 超必読記事WEBデザイナ向けCSS/JavaScript素材/無料素材業界記事 必読記事 PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 たった一つかどうかは別にして、png画像のサイズを落とす事ができるフリーソフトを紹介されています。 ついに出た！Chrome版「Page Speed」の使い方 :: Stocker.jp / diary webサイトの表示速度の改善について色々と書かれています。 Chromeのツールの紹介記事ですが、参考に
先頃2011年夏モデルがドコモとauから発表がありました。昨今のブームを受けて、殆ど両社ともAndroidスマートフォンを前面に押し出したラインナップになっています。 昨年のXperia(SO-01B)発売から考えると、日本のメーカーもキャリアもAndroidに対するノウハウがだいぶ蓄積されて来たようで、ラインナップもかなり充実して来ました。 シャープは相変わらず旺盛な開発力で、後から加わったソフトバンク向けも含めると合計7機種以上を今季提供しています。その内、ドコモ向けの1モデルは無接触充電機能を搭載、au向けの1モデルはフィーチャーフォンからの移行にも戸惑わないようにテンキーを搭載しており、残り1モデルはINFOBARのスマートフォン版です。 ソニーエリクソンはXperiaの新シリーズであるacroをドコモとauに提供。特にau向けには待望のXperiaの登場です。 NECカシ
はじめに ブログのRSS登録者を50%増やすシンプルな6つの方法 | Last Day. jp 上記の記事でも書いた通り、当ブログはFacebook経由でのアクセスが格段にアップしました。Facebbokとブログを連携させているブロガーも増えてきました。 当ブログではコメント欄はDISQUSを使っていたのですが、本日からFacebookコメントに切り替えますのでその手順を紹介します。 ※DISQUS Twitter IDやFacebookアカウントでログインでき、簡単にコメントできるサービス。スパムも排除できる。 設定方法 1.プラグインからFacebook Comment For WordPressをインストール。 ※プラグインを有効化するとエラーメッセージがでます。設定が必要です。 2.プラグインのFacebook Comment for WordPressの設定 App
PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイト 2011年05月23日- Benchmarks PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイトがあるようです。 同じことをやるのに複数の書き方があったりしますが、2つの書き方を並べてそれぞれどちらがどれだけかかったかという結果が記載されていて面白いです。 で、そのいくらかかったか？という秒数も、ページ上でリアルタイムに計算され、リロードすると実行され、実行タイムが表示されます。 サイトの作者環境による比較ではなく、その場で動いて何度も試せるので自分でその差を確認できるのがGood。 個人的には長年PHPをやっているのですが知らなかった物も多々あり、非常に勉強になりました。 1回のロードでは結果が変になることもあるので、サーバの負荷にならない程度に数回確認させてもら
日本の物流システムのものすごさはよく知られたところ。徹底的なコンピューター化による管理と、そして日本の道路・通信インフラの優秀さによって高速かつ精密な輸送を可能にしているわけですが、これにまさるとも劣らないシステムがインドにもありました。社会的なインフラがまだまだ未整備なのにも関わらず、伝票もPOS端末も携帯電話も一切なんにも使わずに毎日20万食の昼食を時間通りに届ける「ダッバワーラー」という驚異のシステムが存在しているのです。一体どんな人達なのでしょうか。 目次 ダッバーワーラーとは ミスは1600万回に1回、驚異の低エラー率 超複雑なネットワークを人力で運営するダッバーワーラー達 なぜダッバーワーラーは超低料金で超優良サービスを提供できるのか？ ダッバーワーラーと組織の社会貢献 ダッバーワーラーとは インドの人達には、3食きちんと調理した温かい物を食べる、という食文化があります。これは
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサ
Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I
HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 2011年05月26日- jQuery HTML5 Uploader HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」。 デスクトップからブラウザにドラッグ＆ドロップできたら、初心者の人とかはもっとアップロードが簡単になるはずですね。 HTML5を使って実装されていて、そのUIなんかも面白いUIで提供されていたのでご紹介。当然ダウンロードして使うことができます。 ファイルを画面の割れ目の穴にドロップしましょう。複数ファイルもOKみたい。 なんと、すぐ下にイメージが表示されてアップ開始。進捗表示もできます。 こんなことが出来るんだというのを知っておくだけでもよさそうですが、jQue
見積書・納品書・請求書・領収書を テンプレートでかんたん・キレイに作成 手書き・表計算ソフトで作るより、ラクに作成できます。 請求書作成枚数が月10枚まで、ずっと無料！月11枚以上は初年度無償でお試しいただけます。
実は厄介、ケータイWebのセッション管理：再考・ケータイWebのセキュリティ（3）（1/3 ページ） “特殊だ”と形容されることの多い日本の携帯電話向けWebサイト。そこには、さまざまな思い込みや性善説の上しか成り立たないセキュリティが横行しています。本連載は、ケータイWebの特殊性をていねいに解説し、正しいケータイWebセキュリティのあるべき姿を考えます（編集部） 「Cookieを使えない端末」でセッションを管理する方法は？ 第2回「間違いだらけの『かんたんログイン』実装法」ですが、多くの方に読んでいただきありがとうございました。 今回は、前回に引き続き架空のSNSサイト「グダグダSNS」のケータイ対応を題材として、ケータイWebのセッション管理の問題点について説明します。携帯電話向けWebアプリケーション（ケータイWeb）のセッション管理は、かんたんログインよりも対策が難しく、厄介な問
※2011.09.29追記※ 現在「Fyels.com」のドメインがオークションによって売買されております。 これからどのようなWebサービスとして運営されるか不明です。 以上のことから、本記事から「Fyels」へのハイパーリンクを削除致しました。 「Fyels」は無料で最大9GBまで利用できるファイルストレージです。 Twitterアカウントでログインできますよ。 Twitterアカウントでログインすれば、http://（TwitterユーザID）.fyels.com/のドメインがGetできます。 そこにアクセスすれば、アップしたファイルを友人などと共有できますよ。 ブラウザにドラッグドロップするだけでアップロードできる所も良いですね。 複数ファイルのアップロードにも対応。 APIもあったりしてなかなか機能が充実してますね。 以下に使ってみた様子を載せておきます。 まず「Fyels」へア
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
dom3d: rendering 3d with CSS3 ピュアCSSでSVGやcanvasなしの3Dオブジェクト描画デモ HTMLとCSS3、2d-transformを使って次のような、アニメーションする３Dが実現されていて一見の価値があります。 無理してピュアCSSでやらないでもいい気はしますが、応用することで実用的なUI等に活用できるかも。 こういう実験を公開している方々にはいつも頭が下がりますね。 関連エントリ ピュアCSSでスライドアウトインタフェースの実現 ピュアCSSなドロップダウンメニュー実装例 ピュアCSSでonclickイベントをシュミレーションするデモ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集
Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。 Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。CMSとして、ブログとして、認証やプラグインの仕組みだけを使うなどと幅広い利用法が考えられる。 トップ Webサイトを構築する際に、後からスマートフォンやiPadなどのマルチデバイスを考慮するのでは遅い。元々考えられている、Constellation Themeのようなテーマをベースにすべきだろう。 Constellation Themeはカスタマイズ前提で導入するテーマだ。HTML5を使っており、デスクトップはもちろんiPhoneやiPadも考慮されている。カラム数は2、6
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 昨日教わってちょっといいなと思ったので 拡散します。有名かもですけどｗWPで、 データベースの接続エラーをたまに見かけ ると思うんですけど、その際に表示させる メッセージがデフォルトのままだと素っ気 ないので、変えてみよう、という内容です。 せっかくWordPressが8歳を迎えましたのでWP関連の記事を。 結構前に実装された機能だったようなんですけど、昨日はじめて知って、をかもとおじさん（@wokamoto）に教えてもらいました。ありがとうございます。 デフォルトだとちょっと不親切 これが、WordPressのDB接続エラー時のメッセージ。ちょっと淡白ですよね。僕なら泣きます。 コード 以下のようなコードでdb-error.phpという名のファイルを作成します。
●「Webさえあれば大丈夫。」そんな未来はもうすぐです ガジェ通豆知識「まめち！」担当ふかみんです(豆知識「まめち！」の記事一覧はこちら）。さて『Chrome OS』ですが、最新版では特に設定をいじらなくてもいきなり日本語入力ができるようになってきており、Flashも最初から組み込んでありますから、すぐにニコニコ動画を観ることもできます。上級者じゃなくてもChrome OSが体験できるような環境が整いつつある、ってわけです。実際この原稿もChrome OS 上で書きました。 来月6月にはChromeBook(Chrome OS が最初から入っているノートパソコン)も発売される予定で、なんか面白そうなんだけど、それって一体どんなもので、どれくらい使えるのか、というところが気になっている人も多いんじゃないでしょうか――というわけで実際に動かしてみたら割と面白かったので「Chrome OS」を体
画像を Evernote に送る・保存する Evernote の公式アプリでもノートに画像を複数添付することが可能になりましたが、画像を Evernote に保存すること自体が目的だと、この方法では手間がかかります。 そんな時にはこれからご紹介するアプリが活躍しますよ！ PictShare – multiple photos uploader Evernote にたくさんの写真を保存したり、一括して写真の向きを変えたり、その1つ1つに異なるタグやタイトルを設定するなら PictShare が便利です。 iPhone で撮影・保存した写真、あるいは iTunes を介して同期している写真を様々なウェブサービスにアップロードできるアプリです。 もちろん Evernote にも対応。 Evernote アプリでも画像をアップロードできますが、左右への回転を行ったり、連続して画像をアップロードした
先日のJJUG SpringのLTをしてきた「7分半で作るNode.js+MongoDBアプリ」の動画を撮り直しました。 本番ではmongoose.Schemaのところをmongoose.modelとしてしまい、まさかのライブデバッグを初めるハメになり、結果として13分となってしまいました。 リベンジとして今日何回かトライしたところ10分を2分半も上回る7分半、スリークォーターの記録を出すことができました。 動画中でやってること 1 環境を証明 nvmとかnodeとかnpmとかがインストールされてないことを証明 env.shは確認するコードが書かれているだけです 2 nvmとmongodbをググる 3 nvmをgitで取得 $ git clone git://github.com/creationix/nvm.git ~/.nvm 4 nvmを環境に読み込む $ . ~/.nvm/nvm.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
