#button { width:320px; color:#e4eef8; background:#337fcc; font-size:28px; font-weight:bold; text-shadow:0 -1px 1px #143352; text-align:center; display:block; text-decoration:none; border:1px solid #225588; padding:12px 0 8px 0; border-radius:12px; background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1)); background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.5
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
どうも、プラットフォームDivでエンジニアをやっている Wataru です。 最近３人目の子供が産まれて、産後自宅勤務をさせてくれた弊社はとてもいい会社だと思います。出産予定のあるエンジニアのかたは是非弊社に転職を。 さて、今回はRedisの紹介をさせて頂きたいと思います。 Redisってすごくマイナーなわけではないのですが、めちゃくちゃ便利なのにあまり注目されていないなーという印象があるので、これを機会に是非使ってみてもらえると嬉しいです。 Redisって何？Redisとは「remote dictionary server」から名前が付けられたオープンソースのkey-valueデータストアです。 MemcacheDB等のKVSとの最大の違いは、格納するバリューがデータ構造というところです。 つまり、リスト・セット・ハッシュなどのデータ構造で格納できるのでバリューに対してアトミックな操作が
どんどんとクリエイターは失敗すればいい... ジェームズ・ダイソン、苦労と成功の人生を語る！2012.04.04 13:00 湯木進悟 ダイソンに入社したくなっちゃいました... ジェームズ・ダイソンという名前を聞いて、紙パック不要のサイクロン掃除機のことが思い浮かばない人を探すほうが難しい、そんな成功の歴史を築いてきた男が、世の若きクリエイターや発明家、エンジニアへの熱いメッセージを書き綴っていますよ。苦労と失敗の人生を乗り越えて、現在あるダイソンの不動の地位を確立した人物だからこそ語れる、次世代への非常に重みある言葉の数々には大きなインパクトがありますね。新年度の初めに、まずはガツンと勇気をもらっちゃいましょう～ 掃除機といえば、溜まったゴミごとポイと捨ててしまえる清潔な紙パック式という製品ラインナップが常識の時代に、あのいまではすっかり有名になった｢デュアルサイクロンテクノロジー｣の
ホームページがある企業は必須！Facebookインサイト Facebookページ運用者は、いいね！ボタンやFacebookコメントボックスなど、Facebookのソーシャルプラグインを、自分のホームページやブログに導入されている方が多いですね。 ホームページ上のいいね！ボタンが、どれだけ押されて、その結果、Facebookで記事がどれだけ表示され、更にはFacebookから記事への流入がどれだけあったか。そんな重要な事がバッチリと分かるのが、Facebookのドメイン・インサイト（解析）です。 上記のように、いいね！ボタンだけでなく、ホームページやブログに配置した、Facebookのコメントボックスの反響も分かるスグレモノ。なのに、その存在すら知らない中小企業があまりにも多い！ 実は簡単！ ホームページやブログを持つ、Facebookページの企業運用者には絶対に必須である、Facebook
公式に配布されているデータを使ってPerfumeっぽい棒人間を踊らせまくっているのが「Perfume x Canvas」です。HTML5では「Canvas」というタグを使うことで、HTMLとJavaScriptだけでオブジェクト描画ができるようになっていますが、これを使って3Dっぽく動かしています。 「Perfumeのモーションデータ」というのがどういうものか、公式サイトに行くとムービーが流れるようになっています。 Perfume official global website(音量注意) http://www.perfume-global.com/ サイト左上にマウスカーソルを持って行くとメニューが表示され、その中の「ダウンロード」をクリックすると…… モーションデータのダウンロードページが表示されます。「You agree to our terms」の横のチェックボックスにチェックを入
PCのセットアップ時、Webデザイナーに必要となるものを書き留めてみました。ほぼ自分用だけどお役に立てば。 OSはWindows 7と考えています。 また、フリーランスや規模の小さい会社というのを想定しています。 他にもこんなのがあったらいいよー、というのがありましたら教えていただけると嬉しいです。 制作ソフト Adobe Web Premium こちらのパッケージでなくても、Illustrator、Photohshop、Fireworks、DreamweaverがあればOK。 Flashは自分の扱う案件によって…だけど、Web Premiumには入っている。 オフィス系 Office Home and Business 2010 クライアントからの原稿や修正指示がオフィス系のソフトで送られてくる場合が多いのであった方が良い。 以下3つをよく使う。1つずつ買うよりまとめて買った方が安い。
WEBディレクターはWEBの知識はもちろんですが、高いコミュニケーション能力を求められる機会の多い役割ですね。コミュニケーション能力とはバランスをとってみんなとうまくやれるということもひとつですが、時にはハードな交渉をしたり、言いづらいことを伝えなくてはいけない場合もあります。 それだけ聞くと損な役回りに聞こえますが、その分プロジェクトに対する評価やクライアントからの感謝を一番に受けられるという面もあります。そんなWEBディレクターがコミュニケーションの際に重要だと思ったことをまとめてみました。 当たり前は自分だけのもの 人は自分の考えがスタンダードと考える傾向があり、さらに自分に都合のいいように受け取りがちです。「IE6なんて今どきターゲット外。」と思っていても社内の9割がIE6の企業にしたら「ブラウザと言えばIE6」かもしれません。 「そんなことは当たり前、言うまでもない。」と思っても
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / jQuery.LazyJaxDavisというライブラリを書いた。このライブラリは、一般的な静的に生成されるようなサイトを、HTML5 history APIの力を使って素敵にダイナミックにします。 このライブラリを使うと、すべてのリンクを、通常遷移の代わりに、Ajaxベースのダイナミックな遷移にします。その際、history.pushStateして、通常の遷移と同じように見せる。言葉にするのは難しいので、実際にサイトを見てもらったほうが分かりやすいと思う。以下のサイトの左ナビをポチポチクリックするなりして。 jQuery.LazyJaxDavis加えて、結構汎用的なURLルーターの機能も備えて
首相官邸のホームページリニューアルに4500万かかったそうな。 首相官邸ホームページ、４５００万円かけリニューアル 俺の怒りが有頂天ｗｗｗｗｗｗｗｗｗｗ 首相官邸ホームページが4500万円かけてリニューアルｗｗｗｗｗｗｗｗ 首相官邸HP、リニューアルに4500万円 ネットで怒りの声 「もっと安くできる」 総じて「もっと安くできる」と言いたげで、２ちゃんの香ばしのはいつものことで、産経の政権への悪意は平常運転なのだが、本当にそーゆー「世論」で良いのか？ 官邸のホームページへの技術的なつっこみは、まぁいくつかあるだろう。私でさえ、「なんだこのコメントは」「Google analyticsなんか使っていいのか？」「外国語は英語と中文でいいのか？」とか思ったものだけど、まーその辺は良いことにしておく。どうもアクセス解析は今年の開発らしい。 【公募】首相官邸ホームページで利用するアクセス分析ツールの
※ご注意： ウイルスバスターがインストールされている環境だと、この記事は読めないようです (→参考画像) (x-autocompletetypeとは？) Webサイトのフォームにワンクリックで個人情報を自動入力してくれる便利機能。ブラウザに、あらかじめ名前やメールアドレスや住所やクレジットカード番号などの情報を設定しておく。 アンケートサイトとかに超便利 入力が苦手なオカンも便利 とにかくべんり Google Chrome のみ対応してる (2012年4月4日時点)。 便利すぎて今後、他のブラウザも追随必至。 (ユーザーが自動入力を使うには) Google Chrome 設定 → 個人設定 → 自動入力設定の管理 → 住所氏名メールアドレス等を入れておく (Webページ側での自動入力の設定) inputにx-autocompletetype属性をつけて、値を email とか sname
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
無数のWebサービスが生まれは消えゆく昨今ですが、大きくなって社会のインフラとなっているサービスは結論としては「中毒性」か「必要性」のいずれかが高いという条件を満たしていると思います。厳密には「中毒性」か「必要性」どちらかのニーズから始まり、twitterやFacebookのレベルに至ると「中毒性が高いし必要性も高い」という状況になっているのだと思われます。 現代のwebサービスをプロットするとこういう図になるかなと。 出典：umeki独自マップ 必要性の高いサービスはトランザクション型 まずは必要性の高いサービスの解説から。立ち上げ当初はニーズが顕在化していなかったとはいえ、「ネットでこんなものが買えるといいな、こんなサービスを受けられるといいな」というニーズを満たすものです。 「物品やサービスのトランザクションの成立」および「情報の非対称性の解消」ができるサービスがここにプロットされる
RefineSlide 画像のキャプションが美しいスライダー実装jQueryプラグイン「RefineSlide」。 スライドのアニメーション自体が美しいのもさることながら、個人的に言及したいのはキャプション部分で、次のように、元画像に半透明に重なって実に美しいではありませんか。 もともとそういう画像を作っていたんじゃないの？と一昔前の人なら思ってしまうはずです 右上に出したキャプション。文字の選択もできます。 右下にキャプションを出してみた例。う〜んやっぱりこのデザインはいいですね CSS3を使ってこれだけ出来るっていうのはいいですね。将来的には、画像は必要最小限で、CSS3でエフェクトをかけて主に使うっていう使い方が結構増えてそうです しかもIE7以降サポートです 関連エントリ 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」 レ
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
ページランクといえばSEOに少しでも携わった人であれば最初に知るSEO用語の一つであり、（かつては？）誰もが一度は通る戦いであり、検索エンジンを革命的に変えたGoogleによるリンク評価による検索ランキングのベース技術です。ページランクの数値自体は指標としては現在は余り意味をなすものでもありませんし、この記事やこの記事に書かれていることを知っておく程度で十分、Gooogle自身も数年前からページランクは意味が無いと公言しています。しかし何故か2010年になって新しいページランクに関わるような特許がGoogleから申請され、最近受理されていたというニュースがSEO by the Seaが見つけ、さっそく解析してくれましたのでその気になる中身を紹介します。本当にページランクは意味がない指標なのか？その謎に迫ります。 — SEO Japan 判事が裁判所の見解を作成する際、判決以外の情報も含める
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ WordPressでブログはもちろんサイトを運営している個人や企業、日本でも大分増えてきたと思います。ブログやWordpressがSEOに効果的という話は良く聞きますが、もちろんソーシャルにも効果的。今回は特にソーシャルメディアマーケティングに役立つ6つのプラグインを紹介します。どれも英語版ですが、日本語でも使えるものもあるので是非。 — SEO Japan Jess Ostroffは、Convince & ConvertのManaging Editorであり、バーチャルソーシャルメディアアシスタントエージェンシー、Don’t Panic Managementも経営している。@jessostro
表示中のページに画像をオーバーレイで表示し、デザインの確認をするためのブックマークレットを紹介します。 Image-A-Trois [ad#ad-2] Image-A-Troisは下記キャプチャのように半透明のパネルを表示することができ、パネルには画像を配置することができます。 パネルはサイズの変更やドラッグで移動も可能です。
JavaScript無し(*1)で、スタイルシートで実装するResponsiveデザイン対応のコンテンツスライダーを紹介します。 *1 スライダーの基本機能ではJavaScriptを使用していませんが、iOSに対応させるために使用。 Responsive CSS3 Slider Without Javascript [ad#ad-2] デモ 実装 デモ デモはCSS3に対応した下記のブラウザでご覧ください。 ベスト Firefox フルサポート Chrome, Firefox, Opera, Safari ※各ブラウザの最新版 一部非対応 IE9 ※スライダーの機能は対応しますが、アニメーションに未対応。 デモでは左右のアローと下のボタンで各パネルがアニメーションでスライドします。 ※ウインドウサイズを変更するのが面倒な人用に、上部にサイズ切り替えボタンがあります。 デモ：幅800pxで表
CSS3を使うと画像のようなボタンも簡単に作れます。よくあるタイプのボタンですが、できあがりのコードだけだと勉強にならないので、作り方を順番に紹介していきます。 今回、ChomeとFirefoxで動作確認しています。IEだとグラデーションが使えないので、同じボタンがたくさんあるように見えます。スマホサイト用なんかだと十分実用的だと思います。
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Icon fonts are awesome. Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. I’m going to attempt to round them all up here and keep this updated (this post has al
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Yahoo!がJavaScriptのフレームワーク「Mojito」をオープンソースで公開。同一のJavaScriptコードが、サーバ、ブラウザどちらでも実行可能 Webアプリケーションのためのコードを1つだけ書けば、それがPC上でそのままローカルアプリケーションとなり、Node.jsのサーバへ持っていけばWebブラウザからWebアプリケーションとして利用でき、さらにモバイルデバイスからアクセスすれば、そのデバイスに最適な表示が行われる。米Yahoo!が4月1日にオープンソースとして公開した「Mojito」（モヒート）は、JavaScriptで書かれたアプリケーションフレームワークです。 Mojitoは昨年11月にYahoo!が開発中であることを明らかにし、今年の第1四半期にオープンソースとして公開予定としていました。 米Yahoo!がJavaScriptフレームワーク「Mojito」と、N
phpMyAdminを使ったSQLファイルのインポートにはファイルサイズの制限があり、サーバ環境によってはサイズの大きいSQLファイルをインポートできない場合があります。 これを解消してくれるのが「BigDump」です。 BigDump BigDumpは、PHPベースのMySQLインポートツールです。 先日行ったサーバ移転で、100MBほどあるSQLファイルのインポートにこれを利用しました。約100MBほどあるSQLファイルを分割もせず、わずか1分ほどでインポートすることができました。 ということで以下、BigDumpによるSQLファイルのインポート手順を解説します。1つのSQLファイルサイズがかなり大きくても大丈夫なようですが、エクスポートするSQLファイルは７項の手順にしたがって出力したものを利用することを推奨します。 １．BigDumpのダウンロード BigDumpのページの右にある
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
あなたはTo-Doリストの優先順位付けに時間を費やしすぎていませんか？ もしかするとそれは、頭の中で未完了のタスクが口やかましく騒いでいるからかもしれません（この現象をツァイガルニク効果と言います）。この問題の一つの解決方法は、To-Doリストを作るのをきっぱりやめ、替わりに「タスクスケジュール」を使うことです。 Ari Meisel氏は自身のブログ「 Art of Less Doing」で、ツァイガルニク効果によるダメージを回避し、よりハッピーになるためには「タイムリーに今やるべきことだけをすべきだ」と言っています。タスクにはタイミングというものがあるのです。 たくさんの未完了タスクが並んだリストを手にして頭を抱えるよりも「FollowUp.cc」のようなツールを使ってタスクをスケジュールした方が良いでしょう。FollowUp.ccは、タスクをやるべきタイミングが来たらリマインダーメール
巷で話題の4,550万円に乗じて 今回のように時折、公官庁のホームページの制作費は話題となる。 以前には某庁のサイトがビルダーでガチガチに作り込まれていて何かと懐疑的なクオリティであっても数億円などと言うものもあった。 今回の4,550万円は制作費とはされているがサーバーやらその辺が込みなのか、運営に関してはどうなのか、あまり情報が明確では無い。 個人的な経験上、利益はほぼゼロか、赤字である可能性も感じる。とは言え実際がどうなのか知らない。そしてこの記事ではそれを論じたいわけではない。 とは言え当然、Webに携わっていない方々にとっては、安易に税金を「そんなトコロ」に使うなどナンセンスであるという反応が起こるのはでそれで良いと思う。 一般社会からは「そんなトコロ」なのである。 今回は高いか安いかの個人感覚論ではなく。 今回論点としたいことは、この金額が高い安いでは無く、この記事に対
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
