新年明けましておめでとうございます。 本年もNHN Japan並びにディレクターブログをよろしくお願いいたします。 こんにちは、ブログチームのディレクター兼フロントエンドエンジニアの真田です。 ここ数年「今年は電子書籍元年」と言われ続けてきましたが、2012年は日本でのkobo、Kindleの発売、そしてKDP（Kindleダイレクトパブリッシング）のスタートと、やっと本当に電子書籍元年と言える年になったのではないでしょうか。 今回はこの流れを後押しするためにも、いっちょ自分でも電子書籍作ってみるか！と思えるよう、EPUBの基本と、制作の際に注意すべきことを紹介したいと思います。 ※読むの面倒、結論だけ知りたい！という方はこちらへ！ EPUBとは EPUB（イーパブ）は電子書籍の規格のひとつで、誰でも自由に利用できるオープンな仕様としてIDPF（国際電子出版フォーラム）が中心になって策定が

wireframe-zoning.jpg by luc legay, on Flickr こんにちは、久保田です。 ウェブサイトのデザインやコーディングを始める前にワイヤフレームは作っていますか?ワイヤフレームは、以下の様な内容を設計するのに利用されます。 ・ページ間の遷移 ・ページの内容 ・ページの大まかなレイアウト これらの項目についてチームやクライアントと予め合意しておくと、後に続くビジュアルデザインやコーディング時の前提を共有でき、作業をスムーズに進めることが出来ます。これからどのようなウェブサイトを作るのか?ということをきちんと共有することでデザイナーやコーダーや関係者と意思統一することができるわけです。 この記事では、このワイヤフレームを書けるツールやウェブサイトを紹介します。 OmniGraffle 古くからある使いやすいMacOSX用のアプリケーションです。ワイヤフレームだ

ちょっと遅くなりましたが皆様あけましておめでとうございます！ さて、新年一発目は先日こそっとあけおめコンテンツとして公開させて頂いた『 バンクーバーな僕ら – 新年あけましておめでとう巨大4コマ』で遊びで作ったパララックスページの作り方に関するお話です。 このパララックス漫画作る事になった時、実は こんな状況だったのでとにかく完全に時間との勝負だったんですが、日々パララックスに関する情報には目を通すようにしてたおかげ？もあって、リソース関係には困らなかったのでなんとかギリギリ間に合わせる事が出来ました。 今日はそんなリソース集としてお世話になった作者の方々への感謝の気持ちと、このパララックスサイトってどうやって動いてんの？ってご質問もあったので、折角だしまずは簡単に今回パララックスページを作った手順と作り方のサンプルを全部ご紹介させて頂ければと思います！ ぶっちゃけお客さんに出す内容でも、

Mac：『XtraFinder』はブラウザ風のタブをFinderに追加できるちょっと便利なMac用ユーティリティ。キーボードショートカットやデュアルペインモードも使えるので、ファイルを移動させたりコピーしたりする際にとても便利です。以前に紹介した『TotalFinder』などと同様に、XtraFinderは細かいながらも便利な機能性をFinderに追加します。 タブ機能だけでもファイルのブラウズは飛躍的に快適になるのですが、他にもXtraFinderには設定可能なキーボードショートカットや、Finderをカスタマイズできる各種オプションが用意されています。Finderを使ったファイルナビゲーションを自分好みにいじれるのです。 XtraFinderはまだまだ開発段階なので今後どんどんグレードアップされるはずですが、他のファイルブラウジングオプションと異なり、今なら無料で使ってみることができま

『一生の仕事が見つかるディズニーの教え』（大住力著、日経BP社）は、前向きで爽やかな強い意志を感じさせてくれる書籍です。著者は大学卒業後、東京ディズニーランドを運営するオリエンタルランドに入社。マネジメントから企画までの様々な仕事を通じ、創業者のウォルト・ディズニーから受け継がれてきた哲学に触れてきたという人物。 そんな経歴にはいかにも順風満帆という印象がありますが、長年勤めて実積を積み上げた結果、ディズニーランドを飛び出したとなると話は違ってきます。それどころか「難病の子どもとその家族へ夢を」という公益財団法人を設立し、難病と闘う約20万人の子どもたちをディズニーランドなどに招待しようという活動（ウィッシュバケーション）を開始したというのですから驚きです。 あまりにも大胆な選択ですから、苦労の大きさも容易に想像できようというもの。にもかかわらず、本書から伝わってくる著者の表情はとてもイキ

ホームページ制作やブログ制作に役に立つfacebookとtwitterのボタンの設置方法!ーfacebook編ー こんにちは パクちゃんです。 今日は最近サイトやブログによくあるfacebookとtwitterのボタン設置方法について書きたいと思います。 スマホが普及し、SNSの利用者も増えてきました。 そしてSNSの宣伝効果はすごいと思います。 私はあるサイトを運営している会社でアルバイトをしていますが、 そこでイベントページを企画し、そこにSNSボタンを設置することになりました。 いいねやツイートのボタンを押したことはありますが、 設置の仕方がよく分からなくてネットから検索し、とても苦労しました。 facebookとtwitterのボータンを一緒に入れるとずれてしまい、 とても大変だったので失敗がないような設置方法を共有したいと思います! 今回はfacebook編です。 ■facebo

「はてなフィルター」ははてなブックマークの人気エントリーをフィルタリングできるサイトです。指定したキーワードを含んだエントリーを非表示にできます。見たくないブログやエントリーを非表示にできるので便利ですね。 以下に使ってみた様子を載せておきます。まずはてなフィルターにアクセスしましょう。 このように人気エントリーとカテゴリが表示されます。右上からフィルタリング設定をしてみましょう。 このように2ちゃんねるまとめブログを除外したり、URLを指定してそのブログのエントリーを除外できますよ。また指定したキーワードを含むエントリーを非表示にすることも可能です。はてなブックマークの人気エントリーをフィルタリングして閲覧したいときにどうぞ。 はてなフィルター （カメきち）

twitter facebook hatena google pocket Pinterestが流行ってからタイル状に配置するデザインが増えました。 新はてブのように目線がばらつくという指摘もありますが、画像だけを見せるのであれば有効な手段なのではないでしょうか。 今回紹介する「stalactite : A jQuery plugin」では、画像だけでなく、iframeなども徐々に読み込んでいくというエフェクトもかけてくれます。 sponsors 使用方法 stalactite : A jQuery pluginからファイルをダウンロード。 下記のようにJavaScriptを記述します。 <script type="text/javascript" src="/test/js/jquery-1.8.3.min.js"></script> <script type="text/javascr

人気の記事 1「ラブライブ！サンシャイン!!」Aqours東京ドームライブで見た“航海の通過点” 2018年12月08日 2男子小学生に「ゲーム実況」や「開封動画」が人気な理由 2018年12月08日 3ソフトバンクの通信障害、「原因はソフトウェア証明書の期限切れ」--エリクソンが認める 2018年12月07日 4「Windows Lite」とは何か--謎の実態とマイクロソフトの狙いを考察 2018年12月08日 5スマホ決済「PayPay」をビックカメラで使ってみた--還元額や使い勝手は 2018年12月04日 6ソフトバンクの通信障害、エリクソン製交換機が原因と公表--海外11カ国でも同様の障害 2018年12月07日 7家具レンタルから職人マッチングまで、シェアエコサービスの今 2018年12月08日 8ソフトバンク、通信障害に伴う平成31年3月期の業績予想への影響 2018年12月

こんばんは、傍島です。最近のMacはディスプレイが大型なので、それを煌々と点けたまま放置するのは、いまいち気が引けます。使わない時はディスプレイをオフにしておきたいと考えたことはないでしょうか？ 定番Tipsは、Control+Shift+Ejectキーの組み合わせでスリープモードに入る方法です。これは、ディスプレイだけをオフにできないiMacユーザーならばご存じのはず。これ以外にも、ディスプレイだけをオフにする簡単お手軽な方法があるので、紹介します。OS Xの標準機能を使うので、新たにアプリをインストールする必要はありません。簡単な下準備だけで大丈夫です。 まず［システム環境設定］の［Mission Control］を起動します。 そして、左下の［ホットコーナー...］をクリックすると、［画面のコーナーへの機能割り当て］が表示されるので、マウスカーソルをディスプレイの四隅へ移動した時の動