プロとしての行為 Act as Proffesional
食事を抜く、おざなりにする 朝食、昼食、夕食を熱中しすぎて抜いてしまう。ブドウ糖は蓄えておくことができません。定期的に栄養を取らないと脳がエネルギー不足となって、生産性の低下を招きます。凡ミスが多くなってくる。 きりの良いところで必ず食事をとること。食事の間隔があきすぎることがないように注意する。 生産性のないことに2〜3時間熱くなる 落ちついてコードを読み、設定を直せばすぐに解決するバグを、憶測で○○が悪いのかな？とあれもこれもと手を出すうちに2，3時間を費やしてしまい疲弊してしまう。 感情を抑え、物事を論理的に考える落ち着きを取り戻そう。 何を完了したら仕事が終わりなのかを理解していない コードを書けば仕事は終わりですか？QAやテストやドキュメントなどはいりませんか？誰に承認をえるのですか？これら、仕事として必要なことに注意を向けずに仕事を終わったと思ってしまう。本当に足りないことはあ
[JS]シャドウをふんわりとアニメーションで変化させるスクリプト -Shadow animation
CSS3のbox-shadowで適用したシャドウをふんわりとアニメーションで変化させるjQueryのプラグインを紹介します。 ボタンなどにシャドウを使用した際には、よりリアルな効果を与えることができます。 Shadow animation jQuery plugin デモページ [ad#ad-2] アニメーションで変化できるのは、CSS3のbox-shadowで指定できる表示位置（X軸オフセット・Y軸オフセット）、ぼかしの半径、シャドウの半径、カラー、となっています。 各デモのスクリプトでの指定は下記のようになります。 JavaScript：左端 onmouseoverで、ぼかしの半径を30ox、カラーを#44fに $('#box1').animate({shadow: '0 0 30px #44f'}); JavaScript：真ん中 onmouseoverで、ぼかしの半径を50pxに
細部までしっかりこだわったヴィンテージデザインの6種類のエレメント
人気のデザイントレンドの一つに、ヴィンテージ・レトロスタイルがあります。デザインにこれらを取り入れるために使いこなしたい6種類のエレメントを紹介します。 The Elements of Retro Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 元記事にはサンプルやチュートリアルなど豊富に掲載されています。 はじめに 1. サークルを使った形状 2. ツートンカラー、限定されたカラースキーム 3. タイポグラフィエレメントとトレンド 4. ブレンディングスタイル 5. テクスチャとノイズ 6. イメージクロップとレイヤーマスク はじめに ヴィンテージ、レトロといったスタイルは今日のデジタルアートワークにおいて、日々人気が高くなっています。社会が完全にデジタル化した後、デザインにおけるヴィンテージ、レトロをテーマにしたものはトレンドの一つと言えるでしょう。 こ
バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」:phpspot開発日誌
バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」 2011年01月19日- JQuery Plugin: imBannerRotater | GrasshopperPebbles.com バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」。 サイトに設置するバナーなんかを例えば5秒ごとに切り替えつつ、画像だけではなく、リンク先もちゃんと変えたい場合に使えるプラグインです。 限られたスペースを使い、複数のプロモーションを行うのに便利です。 デモはこちら 広告の画像ＵＲＬ，リンク先ＵＲＬはjsonで返すこともでき、サーバ側で広告データを管理することも出来ます。 jQueryで比較的綺麗で容易に実装できるのはいいですね。 関連エントリ 便利なjQueryプラグインいろいろ ナビゲーションのUIは
Androidアイコン作成に便利そうな「Android アイコン ジェネレータ」:phpspot開発日誌
Webサービス「Android アイコン ジェネレータ」をリリースしました - Wizard-G 開発日誌 Androidアイコン作成に便利そうな「Android アイコン ジェネレータ」のご紹介。 ツールの使い方としては、白黒のアイコンを1枚用意してファイルをアップすればAndroidガイドライン通りのアイコンがダウンロードできるみたいです。 Android2.3以降にも対応しているそうです。 ブラウザ上で使えるので便利ですね。 関連エントリ Android上でPHPが動かせる「PHP for Android」 iPhone・Androidアプリ等に使えるアイコンセット総まとめ：2010 iPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々
｢やるぜ! facebookアプリ｣ 企画開発セミナー / ソーシャルアプリ部決起集会（その1） 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:2分] 昨年末にひっそりと立ち上げた「ソーシャルアプリ部」ですが、おかげさまでファンページの「いいね！」数が300を超えました。しかし本格イベント「4月のソーシャルアプリ全国大会」を前に、もっとパワーアップしていきたい。そこで、ソーシャルアプリ部の決起集会として複数回に分けでセミナーイベント等を開催しようと思います。 第一段のテーマは日本でも火がついた感のある世界最大のSNS「facebook」。このfacebookをテーマとした映画「ソーシャル・ネットワーク」はゴールデングローブ賞で4部門制覇し、日本での認知度も急速アップ中ですね。 この大波を逃さないように、急遽「｢やるぜ!facebookアプリ｣なる企画開発セミナーを1月26日（水曜日）に開催することにしました。ソーシャルアプリ専用クラウド「アプリクラウド」を展開するGMOインターネット様に協力を頂き、セルリアンタワーの会
DSブラウザでの動作をシュミレートできる「DSブラウザシミュレーター」:phpspot開発日誌
DSブラウザシミュレーター DSブラウザでの動作をシュミレートできる「DSブラウザシミュレーター」。 サイトの利用者層によってはシェアが意外に高かったりするDSブラウザですが、ブラウザ上でその動作についてシュミレートできるツールを発見したのでご紹介。 いちいちＤＳを用意する必要がなくなって便利そうです。 ズーム機能なんかも使えます。 ちなみに3DSのブラウザ機能は3Dになるんですかね。 関連エントリ スマートフォン用のサイト作成に役立つテスティングツール７
古いMySQLからMySQL5の最新版にアップグレードする際の文字化けを防ぐバックアップ＆リストア方法:phpspot開発日誌
古いMySQLからMySQL5の最新版にアップグレードする際の文字化けを防ぐバックアップ＆リストア方法 2011年01月18日- 古いMySQLからMySQL5の最新版にアップグレードする際の文字化けを防ぐバックアップ＆リストア方法。 つい先日、とあるサーバのMySQLのバージョンが相当古く4.1ということだったので最新GAの5.5.8にバージョンアップしました。 大幅なパフォーマンス向上やクラッシュリカバリの高速化など5.5系にアップグレードのメリットは大きいですね (詳しくは奥野さんのブログを参照) 尚、一つ前のGAである5.1系へのアップグレードにも使えます 尚、rpmパッケージでのアップグレード方法ではなく、ソースのコンパイルベースのアップグレードなのでご注意ください。(バイナリダウンロードでも使えます) その際に、データベースの移行をするため、mysqldumpを使い 高速にバッ
CSS3の3Dトランスフォームを使って螺旋状に画像をアニメーションさせるサンプル:phpspot開発日誌
Breathtaking animated CSS3 helix using 3d transforms CSS3の3Dトランスフォームを使って螺旋状に画像をアニメーションさせるサンプル。 スクリプトを使わず、3Dトランスフォームだけで次のようにアニメーションさせてるようです。 JSだけでやるのでも大変そうな処理ですが、ＣＳＳで出来ちゃうっていうのがすごいですね デモページ イメージとしては、画像を縦に100分割して、CSSスプライトみたいにして画像を分割させます。 あとはアニメーションさせるというハックによって実現させてるようです。 CSS3の機能が拡張されて、今後、あっと驚くようなハックもどんどん出てくるんでしょうね。 関連エントリ CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3ツール6つ＋α CSS3のジェネレーター１４種 IE6-8で
[JS]普通の画像にちょっとしたエフェクトを与えてかっこよくするスクリプト -Little Colour Boxes
なんでもない普通の画像でもちょっとしたエフェクトを与え、人目を惹くようにするjQueryのプラグインを紹介します。 デモページ [ad#ad-2] Little Colour Boxesの実装 HTML HTMLは画像を配置したimg要素にidを追加するだけです。 id名は任意のものが利用でき、classなどjQueryの書式で記述できるものに変更可能です。 <img src="images/nice_pattern_islamic.gif" width="425" height="425" id="image-boxes"> JavaScript 「jquery.js」と当スクリプト「jquery-littlecolourboxes.js」を外部ファイルで指定し、下記のスクリプトを記述します。 $(document).ready(function() { $("image-boxes")
ウェブページのサイドバーに生じる空きスペースの活用方法
ページのデザイン時に悩むのが、2カラムレイアウトなどでサイドバーにどのくらいのコンテンツを配置するのか、というのがあります。 理想的なのは、メインとなるコンテンツと同じくらいの高さになるのが無駄もなくいいかもしれません。しかし、メインのコンテンツ量が決まったものではなく、しかも長い場合はサイドバーに未使用のスペースが多く生じてしまいます。 [ad#ad-2] この無駄になってしまう空きスペースの解決方法の一つとして、スペースの量に合わせてダイナミックにサイドバーのコンテンツを配置する方法を紹介します。
バイナリ形式plistファイルと「PlistBuddy」 - builder by ZDNet Japan
/usr/libexecディレクトリは、初期設定ではパスが通っていないこともあり、利用頻度は高くない。ftpdやtelnetdなどデーモンの類が保存されているらしいとか、その程度のユーザーが大半だろう。前回に続き取りあげる「PlistBuddy」は、その/usr/libexecディレクトリに置かれているコマンドだ。 このPlistBuddyは、拡張子「.plist」のファイルを読み書きするときに利用する。その用法を解説するのが今回の趣旨だが、その前になぜplistファイルが利用されるかを説明しておこう。 plistファイルは、"オブジェクトを永続化する"目的で利用される。メモリ上に生成したオブジェクトの内容をファイルに記録することで、プロセスが終了しても内容を保持することが可能になる。NEXTSTEPの時代から存在するが、独自書式だったものをOS Xの時代にはXML形式に変更している。 そ
デザインを華やかに演出するフリーブラシセット「25 Most Popular Photoshop Brush Sets from BrushLovers.com」
デザインを華やかに演出するフリーブラシセット「25 Most Popular Photoshop Brush Sets from BrushLovers.com」 photoshopのブラシは手軽にデザインに彩りを与えることができる優れた機能として、多くのデザイナーに愛されています。そこで今回は、デザインを華やかに演出するフリーブラシセット「25 Most Popular Photoshop Brush Sets from BrushLovers.com」を紹介したいと思います。 （Pop Dots – Photoshop Brushes – BrushLovers.com） デザインがパッと明るくなるような、POPなデザインのブラシがさまざまなバリエーションで展開されています。気になったブラシを選んでみましたので、下記よりご覧ください。 詳しくは以下 ■Fine Spatters – P
頻繁に使用している便利なお役立ち系ブックマークレット・19個 - かちびと.net
個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」:phpspot開発日誌
ゆる～い感じのフリーのデザインフォント -Five Minutes
日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら
サイトを作った時に絶対にやるべき10の事 | 無料SEO対策のススメ