notifications-menu#getMarketingNotifications:once click->ez-drop-down#handleSubMenuClick click->notifications-menu#menuClick" data-notifications-menu-target="menuButton">
notifications-menu#getMarketingNotifications:once click->ez-drop-down#handleSubMenuClick click->notifications-menu#menuClick" data-notifications-menu-target="menuButton">
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
CSS だけで(JavaScript を使わずに)ロールオーバーさせる方法を学んだ。やり方はいくつかあるけど、もっともスマートな方法はやっぱりアップルが採用している方法かな。CSS を無効にしたときの画面も美しい。結局そういうコーディングが SEO 的にも最適だし。 文字は padding-top と overflow: hidden で見えないようにしているようだ。その上で hover したときに背景画像のポジションをスライドさせている。 #globalheader #globalnav li a { float: left; width: 117px; height: 0pt; padding-top: 38px; overflow-x: hidden; overflow-y: hidden; } #globalheader #globalnav li a, #globalheader
OS X用のFTPクライアントである「Transmit」やZen-Codingも使える統合Web開発環境である「Coda」などの開発元で有名な「Panic inc」から、iPhoneとiPadで使えるSSHクライアント「Prompt」がリリースされています(有償: ¥600-)。 SSH(Secure Shell)って聞くと、GUIな環境で作業されるWebデザイナーさんの中には「聞いたことあるけど難しそう」なんて方も多いかもしれませんが、これが使えると使えないでは作業時間にも大きく影響したりするという現実もあります。 Windowsなら「PuTTY」や「Poderosa」などをインストール、OS Xなら標準でインストールされている「ターミナル」を使えば、リモートにあるWebサーバなどに接続していろいろな操作をおこなうことができます。今月21日に開催される「CSS Nite Vol.56」も
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
今日は、企業サイト(コーポレートサイト)の重要性とそのガバナンスについて。緊急事態になって、その重要性を改めて認識した人も多いのではないでしょうか。 大地震から1週間、先週は企業としての被災地への対応、取引先との対応、社員への対応など、バタバタと忙しかった人も多いでしょう。おつかれさまです。 この記事では、この1週間で再認識された、企業サイトの重要性やそのガバナンスの大切さを整理してみました。販売サイトやマーケサイトのような、売上・利益に直結するサイトを重視する企業も多いと思いますが、企業サイトが企業活動にとって重要であり、そのガバナンス重要であることは、もう疑う余地はないのです。 お客さんは何かあれば「サイトを見れば情報がある」と思って行動する震災以来の1週間、サイトへのアクセス数が増加したコーポレートサイトと減少したコーポレートサイトに分かれるのではないでしょうか。B2Cで比較的利用者
この記事を書いている時点で、3月11日に発生した東北地方太平洋沖地震からちょうど1週間が経ちます。 たった1日でこれほど色んなものが変わるのかと思うほど、今回の地震やそれに伴う様々な被害は私たちの価値観を大きく変えてしまいました。そんな中、個人的にかえって明確になったと考えているのが、ツイッターやSNS(ソーシャル・ネットワーキング・サービス)、ブログなどのソーシャルメディアの限界と可能性です。 まだ、今回の震災を総括するには早すぎるタイミングかもしれませんが、現在進行形で見えてきているソーシャルメディアの限界や可能性についてまとめてみたいと思います。 ソーシャルメディアの限界その1:回線がつながらなければ無意味 まず、あまりにも当たり前の話ですが、今回改めて明確になったのが「いくらソーシャルメディアがインフラになった」と言っても、その下で動く通信網が落ちてしまえば無意味ということです。
ドットインストール代表のライフハックブログ
最初の地震から1カ月近く経ちましたが、何となく身の置きどころのない感覚がずっと続いています。それは、震災後に起きたもろもろを主にツイッターを通じて眺めてきたことと無縁でないような気がします。 震災後のツイッターとメディアの個人的な印象を端的に言うと、いちばんバカなことを言っている人と、いちばんまともなことを言っている人はツイッターにいる。という感じです。 3月11日の地震が起きた瞬間は、羽田空港第2ターミナルのサテライトにいました。午後3時発の福岡便に搭乗するのにゲートに並ぼうとした時、床が強くグラインドした。驚いたのは地震の強さではなく、揺れがいっこうに収まらないことでした。東京では経験がないタイプの地震でした。当然ながら飛行機は飛ばず、それから2時間ほどターミナルの待合席でパソコンを開いてツイッターをしていました。他にやることがなかった。 ツイッターを本格的に使い始めたのは地震の数週間
報道発表 国、地方公共団体等公共機関における民間ソーシャルメディアを活用した情報発信についての指針 平成23年4月5日 内閣官房 情報セキュリティセンター 情報通信技術(IT)担当室 総務省 経済産業省 近年、インターネット上のさまざまな民間ソーシャルメディアサービス(以下、「ソーシャルメディア」という。)の普及に伴い、国、地方公共団体等の公共機関において、情報発信等の強化のために、こうしたサービスを利用する事例が増えてきています。特に、平成23年3月11日の東日本大震災の発生以降、震災対応に関する情報の発信のため、多くの機関でソーシャルメディアが活用されています。 震災対応のような時々刻々と状況が変化する情報を迅速に国民に発信していくためには、Webサイトへの情報掲載とともに、ソーシャルメディアも積極的に併用していくことが望まれます。一方で、ソーシャルメディアサービスの利用に当たって
さきほど、アメリカレスキュー隊隊長による地震の際の注意を 見つけましたので、要点を訳してみました。 ===== 私は、アメリカ国際レスキュー隊の隊長で 災害担当責任者のダグ・コップです。 アメリカ・レスキュー隊は、 世界で最も多くの経験を積んだ救助隊です。 私は60カ国で組織されている 国際レスキュー隊のメンバーと共に、1985年以降 ほとんどの主だった災害の救助活動にあたり、 875もの崩壊したビルに入りました。 私が初めて救助活動にあたったのは、 1985年のメキシコ大地震のとき、 メキシコシティーの小学校でした。 子供たちは皆、机の下敷きになっていました。 この子供たちが、もし、机と机の間の通路にいたなら、 助かっていただろうにと思うと、 私は本当に、いたたまれませんでした。 ビルが崩壊して、天井が落っこちてきたときは、 テーブルや家具などを押しつぶし、 その隣には空間ができますが
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
2011 年 4 月 16 日 anchor Mac買ったらこれだけはやっておけ!(追記3)〜個人情報は暗号化して保存せよ 10)中級編〜個人情報は暗号化して保存せよ 先日「Mac買ったらこれだけはやっておけ!〜Macのセキュリティ、アンチウイルス、8つの設定」という記事を書いたところいろいろ反響をいただいた。 そのなかでログインパスワードを設定して、個人情報を守れという話を書いたところ 「File VaultとOpenFirmware Passwordが必要なのでは?」 というコメントがあった。 実は前にもこういうテーマを取り上げた時に同じ話題になった。 まずOpenFirmware Passwordについてはこちらでも取り上げた。 OSXのrootパスワードはシステムディスクがなくてもリセットできる2〜じゃオープンファームウエアパスワードなら安全なのか!?〜セキュリティのシチュエーショ
2011年04月13日17:13 カテゴリ ツイート パソコンのお話 カテゴリ 知識的なお話 【参考有】地味にイラッとくるサイトの作り 意外なところでユーザーはイラッとしてる。 Jquery使いまくりも よく考えないといけないな! 実際に作ってみたページはこちら(別ウィンドウで開きます) 1 以下、名無しにかわりましてVIPがお送りします 2011/04/13(水) 15:04:46.08 ID:zutpGT+E0 画像のサムネイルをクリックすると背景が薄暗くなって実寸の画像が中心に表示 12 忍法帖【Lv=40,xxxPT】 2011/04/13(水) 15:08:19.44 ID:KKXuxMO10 >>1 それLightboxって言うんだけど嫌な人多いの? せっかく使ってるのに。 15 以下、名無しにかわりましてVIPがお送りします 2011/04/13(水) 15:09:26.29
基本設定編 WordPressをブログとして利用するのであれば、基本的には、FC2やLivedoorブログといったブログサービスとあまり変わらないと思います。ここでは、Pingやトラックバックといった基本的な設定をご紹介します。 1ページに表示される記事数を設定 まず、1ページに表示される記事数を設定します。管理画面左メニューの「設定」→「表示設定」をクリックし、「1ページに表示する最大投稿数」の値を変更します。 Ping送信先の設定 Ping送信先を設定しましょう。管理画面「設定」→「投稿設定」→「更新情報サービス」にPing送信先を設定します。 Ping送信先は検索するとたくさん出てきますが、とりあえず以下に一覧を掲載しておきます。 http://www.blogpeople.net/servlet/weblogUpdates http://blogsearch.google.co.j
Windowsのみ : どんなハイスペックなパソコンだろうとPhotoshopを開くときにはプラグインの読み込みなどで時間がかかるもんです。そのイライラを緩和してくれるのがこの『Photoshop SpeedUp』。あなたのPhotoshopの起動設定を最適化してスピードアップを図ってくれます。 その最適化の方法も普段使わないようなプラグインが自動的に読み込まれないように設定する、という理にかなったもの。これにより起動時間も短縮され、パフォーマンスも向上。一度も使ったことがないプラグインはこれをつかって無効化してしまいましょう。もしも必要になったときには読み込み直せば良いだけなので、作業に支障は出ません。 またAdobeフォントCMapやBaseを読み込まないように設定することも可能。万が一何かがおかしくなってしまったら、『Photoshop SpeedUp』をもう一度走らせ、Restor
photo credit: eliazar 配色の参考になる本はたくさんありますが、Webサイトの配色に関連が強いもの・使いやすいもの、に限ると、それなりに有益な本は絞られてきます。デザインの初中級者向けに、役に立ちそうな本をジャンル別にまとめてみました。色だけで解決しないことも多いので、 総合 Web配色に関する書籍は、色のイメージを中心とした見本帳のようなものがほとんどで、デザイン・マーケティング・ユーザビリティ・アクセシビリティなどを総合的に紹介している本はほとんどありません。それが私の本が世の中に存在する理由となっています。 まずざっくりとWebの配色について学びたいのであれば、自著で恐縮ですが、まず以下の2冊挙げることになります。基本的な事項は押さえられるように書いたつもりですし、それなりにまとまっていると自負しております。 上記の2冊は出版時期も出版社も異なるのですが、2冊合わ
WordPressでサイトを作る際に毎回入れるプラグインを人に教える機会があったのでブログでもご紹介します。 新しくブログを作る時や仕事でカスタマイズする際に参考にしてもらえれば幸いです。 全てのサイトで必ず導入するプラグイン このサイトでも使っていますし、クライアントのサイトを作る際にも毎回導入しています。 セキュリティ関係やSEO対策プラグインが主なものですよ。 All in One SEO Pack サイト全体、個別記事、ページ毎にタイトル、description、キーワードの設定などが出来るようになります。 SEOに必要な最低限の機能はカバーされていますので、マストなプラグインですね。 Akismet スパム対策のプラグイン。 オンラインサーバでコメントの内容をチェックするスパム対策サービスです。 標準でインストールされているので、管理画面から有効化してAPIキーを入力するだけでO
今日はさくらVPSに載せているWordPressのパフォーマンスをチューニングして高速化に成功したので安心して眠れるという話をします。 2.5ページ/秒だったのが70ページ/秒と30倍高速化。 以前はDaily数千PVで重くなっていたサイトがDaily3.6万PVを余裕で捌けるようになりました。 #ちなみにproxy cacheという手法はwordpressでなくても動的コンテンツ全般に有効です。 ▼サーバ気にしなくて良くなったので今週末新宿御苑に花見に行けました☆。枝ぶりがいいさくらが多くてほんといいところだと思うの。 WordPressチューニング高速化結果http://hara19.jp/のサーバ環境と測定結果は以下のとおり。 WordPress稼働環境さくらVPS 1GB/CentOS5.5/PHP5.3/MySQL5.5/WordPress3.1。 WEBサーバはチューニングにあ
世界的に活躍するロックバンド「レディヘッド」の、カバー曲集が、海外の音楽情報サイトに公開された。ニール・ヤング、オアシス、ビョークなどの曲をカバーしており、なかなか聞き応えのある20曲。これらが無料でダウンロードできるとあって、海外のインターネットユーザーの間で、話題を集めている。 このカバー曲集を公開しているのは、「stereogum」だ。今まであまり知られていないレディオヘッドの、カバー曲ばかりを20曲集めて、無料ダウンロードを行っている。収録曲は以下の通り。 ・ Radiohead’s 20 Best Cover Songs 1. 「Wonderwall」 (オアシス) 2. 「Down By The River」 (ニールヤング) 3. 「Sing A Song For You」 (ティム・バックリィ) 4. 「I’ll Wear It Proudly」 (エルビス・コステロ) 5
今朝、WordPressのレスポンスを向上させるプラグイン “WP Hyper Response” を作りましたので早速公開します。 このプラグインを使用した場合と使用していない場合の比較動画を作りましたのでご覧ください。 右が使用した場合、左が使用していない場合です。 画面中央にキャプチャソフトのウォーターマークが出ていますがご容赦ください。 この動画は、私が運営している フリー写真素材 :: Free.Stocker のページ表示テストです。 ブラウザキャッシュを無効にするため、Google Chrome のシークレットウインドウを使用しています。 それほど大きな違いは出ていませんが、プラグインを使用したほうが記事ページ(single.php)の表示が速いことがお分かり頂けるかと思います。 後半は管理画面のテストです。 どう見てもプラグインを使用したほうが速くなっていることがお分かりい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く