YUKI HARUYAMA Portfolio Site | 春山 有由希デザイナー 春山 有由希のポートフォリオサイトです。
hxxk.jp - abrAsus の薄い財布（ブッテーロ レザー エディション）レビュー
記事データ 投稿者 望月真琴 投稿日時 2011-06-20T23:47+09:00 タグ 日記 概要 紆余曲折を経て abrAsus の薄い財布（ブッテーロ レザー エディション）に買い換えたところ、非常に良いものだったので購入への経緯やブッテーロ レザー エディションの特徴、実際の使用感や小さい財布との使い分けについて紹介します。 リプライ リプライはまだありません。 財布を買い替えました 私はふだん、バッグに入れて持ち歩く用の長財布と、衣服のポケットに入れて身に着ける二つ折財布を使い分けています。 二つ折財布の方は常にポケットに入れている分傷みが激しくなっていたので、 abrAsus の薄い財布（ブッテーロ レザー エディション）に買い替えました。 それだけなら自分の手帳か何かに「財布を買った」とだけ記録をしておけばいいのですが、この財布が自分の予想よりもかなり良いものだったので、是
jQuery Mobile beta1がリリースされました！ | H2O Blog.
【18:34訂正・追記】一部翻訳間違いなどがありました。訂正しました。 jQuery Mobileのベータ版がいよいよ公開されました。 リリースノートはこちら。 jQuery Mobile Beta 1 Released! | jQuery Mobile 全部は正しく読めている自信がありませんが、頑張って紹介してみます。 サポートプラットフォームの拡大 本バージョンで、Blackberry 5と Opera Miniに対応したそうです。 URLバーが隠れるようになりました iOSとAndroidでは、標準でURLバーが隠れるようになりました。そして、ページが遷移したあともそれが維持されるようになりました。【18:35追記】 ページ遷移の演出が、なめらかになりました アルファ版では、ページ遷移をする直前に、一瞬ページが一番上に戻るなど、若干ぎこちないところがありましたが、スムーズになりまし
スマートフォン用画像ギャラリーの決定版「PhotoSwipe」
twitter facebook hatena google pocket スマートフォンサイトでの画像ギャラリーを作る時PhotoSwipeを使用すると、ごくごく簡単です。 もちろんJavaScriptですのでappleのiPhone、iPadもOK。 また、Swipeの名の通り指で左右にやることで次の画像を見ることも可能です。 sponsors 使用方法 PhotoSwipeからファイル一式をダウンロードします。 <link href="photoswipe.css" type="text/css" rel="stylesheet" /> <style>#Gallery{display:none;}</style> <script type="text/javascript" src="simple-inheritance.min.js"></script> <script type=
tableの内容をグラフ化！「Chartify -- A Visualization Plugin for jQuery」
twitter facebook hatena google pocket tableで表組みにした内容を手軽にグラフにしたいことがあると思います。 Chartify -- A Visualization Plugin for jQueryを利用すると、簡単にグラフ化できてしまいます。 sponsors 使用方法 Chartify -- A Visualization Plugin for jQueryからファイルをダウンロード。 また、下記のような表があったとします。 Not Pac-Man Pac-Man Amount 1.256 5.027 ソースは下記です。 <table id="id名"> <thead> <tr> <td></td> <th>Not Pac-Man</th> <th>Pac-Man</th> </tr> </thead> <tbody> <tr> <th>Amo
JavaScriptでdiv要素をさくっとスライド!「jQuery Slider2」
twitter facebook hatena google pocket 画像をスライドさせるものは多くありますが、画像だけじゃなくテキストやリンクもまとめて何枚かのスライドにしたい。 jQuery Slider2を利用するとこれを軽量のJavaScriptで実現してくれます。 sponsors 使用方法 jQuery Slider2からjquery.slider.min.jsをjQueryからjquery.jsをダウンロードします。 CSSはこちらからとってきましょう。 <link href="jquery.slider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascr
CSS3でツールチップの吹き出しを表現する
twitter facebook hatena google pocket ちょっと気が向いたので、CSSでツールチップの吹き出しっぽいあれを表現してみました。 上記のスクリーンショットを見ていただくとわかるかと思いますが、IE8まではいまいちでした。 IE9はどうなんでしょうかね。 参照：Pure css tooltip box with arrow (T,R,B,L) - Some code from cahnory - Forrst sponsors HTML 下記のようなテキストがあるとします。 普通のHTMLです。 <span class="ui-tooltip">tooltip box</span> CSS CSSをがっつり書いていきます。 .ui-tooltip { color:#ffffff; font-size:12px; font-family:arial; paddi
SeleniumでAWS課金情報を取得する - JAWS-UG Osaka勉強会 第3回
Japan AWS User Group (JAWS-UG) – Osaka勉強会 第3回に参加してきました。 すっかり恒例になってきたJAWS-UG Osaka勉強会に参加してきました。今回も濃いセッション満載で楽しかったです。会場提供頂いたテレビ大阪さんありがとうございました。 せっかく参加するならということで、今回は Selenium を使って AWS の課金情報を取得して、Twitter で投稿するという内容でLTをやってきました。 SeleniumでAWSへの愛を叫ぶ 当日は真面目なものとそうでないものの2つ発表ネタを持って行っていたのですが、発表前にこちらにしました。 スライドを用意していましたが、このタイトルの解説を延々と書いているだけなので表紙だけアップしておきます:D やっていることは単純で、Selenium で AWSサイトにログインして、Account Actibit
[書評]MySQLをハックしまくりたい人のためのスゴ本「MySQL 5.1 Plugin Development」
MySQLはGPLv2で頒布されているフリー（自由な）ソフトウェアだ。誰でも自由に改造、改善、機能追加して、GPLv2のもと再頒布することが出来る。 そうは言っても改造なんて敷居が高くて出来ないよ・・・という人に朗報なのが本書「MySQL 5.1 Plugin Development」だ！MySQLはストレージエンジンによってデータを管理するレイヤーが独立しているのはよく知られているが、MySQL 5.1ではさらに一歩進んで、ストレージエンジンを含む様々なプラグインを作成できるようになった。プラグインAPIを使ってMySQLを拡張すれば、無造作に改造してしまうよりもずっと楽にMySQLをハック*1することが出来るだろう。 MySQL 5.1で利用可能なプラグインPlugin APIは、MySQL 5.1で新たに追加された機能である。これにより、共有ライブラリ形式で後から機能を追加することが
![[書評]MySQLをハックしまくりたい人のためのスゴ本「MySQL 5.1 Plugin Development」](https://cdn-ak-scissors.b.st-hatena.com/image/square/3165ef8c077a667a657fd339d76a79f3f1c61732/height=288;version=1;width=512/https%3A%2F%2Flh3.googleusercontent.com%2Fblogger_img_proxy%2FAJ0KDdVrPXiuDGq-VAZPqqvw6A0UTON9n_J6zp4jPrtoggBaA9_y3VJdVf3Ytk5TFv26f6-hkR9WoPjYUiZ1bgPvMJEjzXED8KLhmGfTJgpyn4x9z3i0aSLLvUjKrdZ9F7YAdWZ4mvpT0as%3Dw1200-h630-p-k-no-nu)
MySQLでALTER TABLE文の進捗状況を確認する - SH2の日記
MySQLでテーブルへのカラム追加やテーブルの再編成を行うには、ALTER TABLE文を使用します。MySQLのALTER TABLE文は、変更後の定義にもとづく作業用テーブルを作成し、変更前のテーブルから作業用テーブルへデータをコピーして、最後に二つのテーブルを入れ替えるという仕組みになっています。テーブルへのインデックス追加についても、現在のところ大半のケースで内部的にALTER TABLE文が実行されています。 ALTER TABLE文の怖いところは、処理がもうすぐ終わるのかどうかが分からないところです。テーブルサイズが1GBを超えるあたりから分単位の時間がかかるようになり、100GBともなると本当に終わるのか？と見ていて不安になります。メンテナンス時間が限られている場合は、作業を中断すべきかどうか難しい判断を迫られることもあります。 実は、というほどではありませんが、ALTER
PHPで作る面白コラージュ写真
こんにちは、牧野です。最近、夏みたいに暑い日が続いていますね。 今日は、これからオフィス移転のための引越準備です。このブログをアップしたら、本格的に片付けです。 今回は、趣味のプログラミングです。ずっと前からやってみたいと思っていたネタがあったので、それを作ってみました。 それは、小さな画像を並べて、全然別の大きな画像を作る、というものです。 今回は、次のような処理の流れににしました。 １．ミニ画像の元となる画像をたくさん用意し、ミニ画像を作成。 ２．再現したい大きな画像を用意して、小さく分割。 ３．分割した各画像について、ミニ画像の中から一番似ている画像をピックアップ。 ４．ピックアップした画像を並べて、新しい画像を作成。 今回のプログラムの要になるのが、「ミニ画像の中からどうやって一番似た画像を見つけるか」というところになります。 各ピクセルのRGBの平均、とかやると全然ダメそうな気が
「Webサイトにデザインなんて関係ねー」と言う人に一言。Webデザインの重要性とは？
2017年7月14日 Webデザイン マーケティング専門の人が「Webサイトにデザインなんて関係ないぜ！すべてはプロモーションとコンテンツ次第なんだぜ！」と豪語していたのでそれに反論を。もちろん彼の言っている事はWebサイトを世に広めるためにはとても大切な要素です。でもだからといってデザインが全く関係ないというのは極論すぎます。という事でWebデザインの重要性について考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ なぜWebデザインは重要なのか？ 以前「ECサイトの色やデザインと購買意欲の関係」という記事で触れたとおり、ECサイトにおける約半数のオンライン消費者が、全体のデザインを理由にそのサイトを再訪問しないようです。この結果から、多くのユーザーがWebサイト上のデザインを重要視している事がわかります。では具体的にWebデザインはどのような役割があるのでしょうか？ ユ
GoogleショッピングSEO 〜 必ずやりたい3つのデータフィード最適化
今日はGoogleショッピングの最適化を紹介します。 Googleショッピングの日本版は昨年の10月にベータ版として公開されました。 僕自身はネット通販はもっぱら楽天なので、Googleショッピングはほとんど利用していません。 しかし今では、Googleショッピングからの結果が差し込まれるユニバーサル検索を目にすることも多くなり、ECサイトでは無視できない存在になりつつあると感じています。 Googleショッピングの登場以来、どうやったらGoogleショッピングの検索結果のいいポジションに出せるのか情報を収集してきました。 が、情報が非常に少ないのが実情です。 それでも半年以上たって、お伝えできそうな施策をいくつか発見できたのでシェアします。 ただしこれからお伝えする施策は、僕も、今関わっているECサイトで取り組み始めたばかりで時間的に結果を検証するまでに至っていません。 あなたも施策して
Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER
あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作してくれます。 僕はちょっと知らないんですけど、Youtubeって普通は透過出来ない、で合ってますよね？普通に出来るならちょっと恥ずかしい記事ですけどｗ 透過だけでなく、オート&リピート再生、ミュート設定も出来て、見た目もスッキリさせてくれています。以前はYoutube動画を背景にするjQueryプラグインをご紹介しましたが、今回は透過が出来るプラグイン。いろいろ出来るんですね・・ CPUの問題は否めないとして、これはちょっと素敵なので覚えておきたいです。透過のみに関してはIE6や7にも対応していますが、Operaは透過出来ませんでした。バージョンにもよるんですか
)
スマホUI考3 ～ ジェスチャ入力について | fladdict
スマホUI考１ 〜 ボタンについて スマホUI考２ 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ
興味深いテクニックを多々取り入れているHTML5+CSS3のフレームワーク -Gridless
当サイトの記事でも取り上げている数々のテクニックを取り入れている、IE6/7にも対応したHTML5+CSS3ベースのフレームワークを紹介します。 Gridless [ad#ad-2] Gridlessの主な特徴 CSSでユーザーのスクリーンサイズに最適なレイアウトを実現します。 参考：Media Queriesをしっかり身につけるチュートリアル クロスブラウザ対応（IE6/7も含む） CSS Resetには、Normalize CSSを使用。 参考：ブラウザのスタイルをリセットするスタイルシート -Normalize CSS 黄金比をベースにしたサイズと縦のリズムを使ったタイポグラフィ。 印刷時のスタイルをプリント時に最適化。 キャッシュの最適化。 HTML5+CSS3の採用。 安全なCSS Hack。 参考：IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます（角丸はCSSで指定してます）。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div
[JS]jQueryのプラグイン33 1選 -2011年6月 | コリス
galleryFocus フォーカスした周辺をアニメーションでフェードさせ、中心をくっきり見せるギャラリー。 [ad#ad-2]
超カッコいいフリーのPhotoshop用アブストラクトブラシ集５２:phpspot開発日誌
52 Great Free Abstract Photoshop Brushes 超カッコいいフリーのPhotoshop用アブストラクトブラシ集５２ サンプルを見ているだけで、なんとなくPhotoshopを起動してしまうぐらいカッコイイブラシが色々まとまっています。 これは素晴らしいですね 関連エントリ 動物に関するPhotoshopブラシ色々 クリエイティブでカッコいいPhotoshopブラシセット５０ 女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集 これは覚えておいたほうがいい！というPhotoshopのブラシ５０セット
Photoshopでエンブレムスタイルのロゴを作る方法 / ウェブデザインライブラリー
投稿日：2011年6月24日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopでエンブレムスタイルのロゴを作る方法を紹介します。 Step1 ： はじめに Step2 ： 円を描く Step3 ： パターンを作成し、適用する Step4 ： 文字を作成する Step5 ： 星を描く Step6 ： 影をつける Step7 ： 完成 このチュートリアルでは、このロゴを作ります。 ロゴの作り方を中心に話していくので、背景の作り方については深入りしません。 適当な青色(ここでは、#00b8d4)で塗りつぶし、斜線パターンをその上にかぶせます。 すると、綺麗なストライプ柄になります。
最近リリースされたWEBデザイン用PSDデータ５種:phpspot開発日誌
5 Best Free PSD Templates Of Month May 2011 最近リリースされたWEBデザイン用PSDデータ５種がまとまっています。 こうしたWebデザインのPSDは過去より存在しますが、最近リリースされたこともあって、より最近のデザインに近いものですね WEBデザインのデザイン方法にもトレンドみたいなものがあるみたいですが、数年後のトレンドはどんな感じになっているんでしょうね。 関連エントリ シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 色々使えそうなフリーのPSD素材ファイル３０ 覚えておくと便利そうなWEBデザイナー向けハイクオリティPhotoshop素材１５
[JS]さまざまな要素にオーバーレイをアニメーションで簡単に適用できるスクリプト -Simple Overlay
ページ内のさまざまな要素に、オーバーレイをアニメーションで簡単に適用できるjQueryのプラグインを紹介します。 Simple Overlay [ad#ad-2] 上記ページの右上にもデモが掲載されており、左の「Try It」ボタンをクリックすると下記のようにモニターの画像にオーバーレイが適用されます。 オーバーレイの解除はオーバーレイをクリックです。 デモのキャプチャ（拡大） Simple Overlayの主な特徴 さまざまなエフェクト jQueryを使用しているので、フェードのエフェクト、スライドのエフェクトなどさまざまなアニメーションでオーバーレイを適用できます。もちろん、エフェクト無しも可です。 CSSでのフック オーバーレイを適用する要素に、オーバーレイがアクティブである時にclass名を付与することができます。 コールバック オーバーレイ時にコールバックを設定することができます
スマフォでも使える３Dカルーセル実装jQueryプラグイン「Cloud Carousel Touch」:phpspot開発日誌
スマフォでも使える３Dカルーセル実装jQueryプラグイン「Cloud Carousel Touch」 2011年06月24日- Welcome AlbanX.com スマフォでも使える３Dカルーセル実装jQueryプラグイン「Cloud Carousel Touch」。 次のような見栄えで、スマートフォンでスワイプすれば回転するようなUIが作れるjQueryプラグインのご紹介です。PCでもホイール等で動作します。 スマートフォンサイトの重要度が今度ますます高まってくると思いますが、こうしたUIを実現したいという時に使えますね <div>の中に<img>を並べて初期化するようなのでHTMLも汚くなりません。 関連エントリ エレメント内のテキストを絵文字に自動で変換してくれるjQueryプラグイン「jQuery Emoticons」 テキストにグラデーションをかけられるjQueryプラグイン
WebUIのデバッグ方法と新規追加
第6回ではEclipseのデバッグ機能を使って、AdempiereのJavaクライアントが行っている処理を確認する方法を説明しました。 今回は、AdempiereのWebUI（ユーザーインターフェース）をデバッグする方法を紹介します。 AdempiereのZK WebUIは、 JBossアプリケーションサーバーを起動した後、そのサーバーにブラウザでアクセスすることで表示できます。 WebUIをデバッグするための準備 WebUIをデバッグするには、アプリケーションサーバーの起動時にデバッグ用の値を指定します。 Adempiereをインストールしたフォルダ（C:\Adempiereなど）にある、utils\myEnvironment.batファイルの中に書かれているADEMPIERE_JAVA_OPTIONS という変数に、 -Xdebug -Xnoagent -Xrunjdwp:transp
徳丸本のあれこれを実践してみて気付いたこと | 水無月ばけらのえび日記
更新: 2011年7月9日23時0分頃 とあるシステムで徳丸本のストレッチングを採用することにしたという話がありましたが、その実装が佳境に入ってきました。私は指示だけ出して、実装はお任せ……と思っていたのですが、基本的な部分を作ってもらったところでバトンタッチされ、私が引き継ぐ形で実際にコードを書くことになりました。 基本的には徳丸本 (www.amazon.co.jp)のオススメどおりの実装にするという方針なのですが、実際にコードを書いてみると、いろいろと気になったり迷ったりした事も出てきました。そのあたりを簡単にメモしておきます。 ※ちなみに、このシステムはRuby1.9.2 + Ruby on Rails3での実装なので、PHPのコードサンプルをそのまま使っているわけではありません。 ストレッチ回数をどう決めるのか徳丸本327ページにあるコード例を参考にして実装。アプリケーションごと
Node.jsのために知っておくべきJavaScriptの基本3選
node.js上でコードを書くため、JavaScriptをしっかり復習したりnode.jsの制御フローを知るための読むべきページのリストです。 JavaScriptそのものの復習http://ejohn.org/apps/learn/John Resigさんの書かれたチュートリアルがわかり易いと思います。 JavaやRubyなどの言語を普段使っている方で、JavaScriptのプロトタイプベースのオブジェクト指向に親しみのない方は一読です。またJavaScriptに詳しい方も、GoogleのClosureでコードの最適化を行う際に問題を起こしにくいinheritanceを書くために、Michael Bolinさんの「Inheritance Pattern in JavaScript」を読んでみることをすすめます。http://www.bolinfest.com/javascript/inh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chromeでファイルアップロードはドラッグドロップ | H2O Blog.
Ｊリーグ公式サイト：Photo：堅守・横浜FM。快勝で2位に浮上！
IDEA * IDEA
Windowsの「robocopy」コマンドでフォルダをバックアップ／同期させる：Tech TIPS - ＠IT
IBM Developer
IBM Developer