ドットインストール代表のライフハックブログ
Few weeks back, a reader sends me a picture of this stock vectors and asking me whether I can show him how to achieve the result. Well, it’s a illustration depicting a wave of lines that comes in different thickness and shades of blue. I did some tryouts and find that it’s not that hard to achieve. For this tutorial, I will show you how to create the wavy patterns of lines similar to the stock vec
iPhone/iPadでも録画番組のストリーミング視聴が可能に、ソニーが「RECOPLA」をアップデート:番組メタデータも使える ソニーは、同社製Blu-ray Discレコーダーなどの録画管理アプリ「RECOPLA」(レコプラ)を12月中にアップデートする。新たにアップルの「iPad 2」以降や、ソニー製以外のAndroidタブレットでも、録画済み番組を無線LAN経由で視聴できるようになる。 iOS端末のサポートは、パケットビデオの「TWONKY BEAM」との連携によって実現した。11月28日にリリースされた「TWONKY BEAM Ver.3.3.0」では、iOS版でも著作権保護技術DTCP-IPへの対応を実現。RECOPLAからTWONKY BEAMの機能を呼び出すことで、ストリーミング視聴が可能になるという。このため、iPadなどには事前にRECOPLAとTWONKY BEAMの
Google日本法人は11月28日、PC向けWebサイトを簡単にスマートフォンに最適化できるツールの提供を始めた。最初の1年間は無料。2年目以降は月額1180円。中小企業が低コストにスマートフォン向けサイトを作成できるようにするのが狙い。 PCサイトのURLを入力すると、スマートフォンに最適化した画面を自動で表示。テンプレートや色、ボタンの配置などを調整するだけで、スマートフォン版の簡易サイトを作成できる。ワンクリックで電話をかけられるボタンを付けたり、地図を挿入することも可能だ。 サイトデザインが完成するとURLを発行。PCサイトにアクセスしたスマートフォンユーザーを、スマートフォン版にリダイレクトさせる設定もできる。 Googleのモバイル化プロジェクト「GoMo」パートナー企業のDuda Mobileのツールを活用。Duda Mobileのアカウントを登録して利用する形だ。 関連記事
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
TOP > Design > レトロな質感を表現できるペーパーテクスチャまとめ「23 Free High Quality Old Paper Photoshop Textures」 古い紙の質感をデザインソフトで再現するのは難しく、試行錯誤しているという方もいらっしゃるのではないでしょうか?そこで今回紹介するのが、レトロな質感を表現できるペーパーテクスチャまとめ「23 Free High Quality Old Paper Photoshop Textures」です。 Old Paper Photoshop Brush Set by ~gojol23 on deviantART 古い洋書の一ページから、グランジ感のあるペーパーまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Coffee P
CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = href; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); })(); これに関しては以下のように別のiframeを作成して読みこめば非同期で読み込めるので、他のファイルの読み込みをブロックしない。 (iOS, Androidで動作を確認) (fun
[ads1] WordPressはテンプレートも豊富です。無料で利用できるものもたくさんあります。コストが安く済むのもWordPressのメリットですよね。 ……と、思っていたのですが。 最近、ブログのリニューアル作業を経て、考え方が変わりました。「3,000円とか4,000円払ったら飢え死にしちゃう!」という方でなければ、有料のテンプレートをおすすめします!! なぜなら、一目で違いがわかるほどにクオリティが高いからです。 今回は、リニューアル作業時にチェックして回った有料テンプレートのうち、ベスト5を紹介します。すべて、そのまんまでスマートフォンやタブレットに対応するレスポンシブです。 Core Minimalist Photography Portfolio スーパーかっこいい。いきなりTOPページ全面がスライドです。マウスでクリックするとくるくる動き、中央写真のクリックで全画面表示に
Firefoxを高速化する「SpeedyFox」を紹介します。 SpeedyFox 1.Firefoxの問題点 Firefoxを長期間使っていると、閲覧履歴・ブックマークといった「プロファイル」を管理するためのデータベースが肥大化し、Firefoxの起動や動作が遅くなる原因のひとつになるようです。 2.SpeedyFoxの機能 「SpeedyFox」はFirefoxのデータベースを最適化するツール(アドオンではありません)で、ワンクリックでデータベースを最適化してくれます。 3.インストール SpeedyFoxのページにある「SpeedyFox for Windows」または「SpeedyFox for Mac OS X」をクリック。ここではWindows版での動作で説明を進めます。 ダウンロードしたファイルが実行ファイルになります。インストールウィザードによるインストールは不要です。 4
1968年、千葉県生まれ、茨城県在住。フリーランスライターとして、新聞や週刊誌、医療専門誌などに、医療費や年金、家計費の節約など、身の回りのお金をテーマにした記事を寄稿。本コラムのほか、医薬経済社「医薬経済ONLINE」に連載中。著書に「読むだけで200万円節約できる!医療費と医療保険&介護保険のトクする裏ワザ30」(ダイヤモンド社)など。ライター業のかたわら、庭で野菜作りも行う「半農半ライター」として、農的な暮らしを実践中。 知らないと損する!医療費の裏ワザと落とし穴 国民の健康を支えている公的医療保険(健康保険)。ふだんはそのありがたみを感じることは少ないが、病気やケガをしたとき、健康保険の保障内容を知らないと損することが多い。民間の医療保険に入る前に知っておきたい健康保険の優れた保障内容を紹介する。 バックナンバー一覧 団塊の世代の先頭グループ1947年生まれが65歳になり、今年は6
2012年11月30日09:00 差がつく企画書!無料の自主調査レポート活用で仕事のスマート度UP! カテゴリ ■企画の根拠に求めたいのは信頼性の高さ 新商品や新サービスを企画する前の段階では、チームの人員それぞれがいろいろなアイデアを出し合う。大きなプロジェクトの場合、アイデア出しのさらに前の段階からマクロミルのような大手の市場調査専門会社を通して、マーケット規模や消費者の思考を探る調査を行うことがある。 だが、大規模な商品開発プロジェクトは、そうそうあるわけではない。たいていはプロジェクトの規模もそれほど大きくなく、考えるネタとしては、サービス内容の向上や既存商品の改良といったケースがほとんどであろう。 しかし、世に生き残るサービスや商品は、こういった地道なアップデートをコツコツと積み重ねた結果で成り立っているのもまた事実だ。そして、規模の大小にかかわらず、なぜその内容でそのプロジェク
デモページ:カウント付きで縦並び SocialCountの使い方 使い方のステップは、2つ。 これ以上ないくらいに簡単です。 Step 1: 外部ファイル スタイルシートとスクリプトを外部ファイルとして設置します。 まずは、スタイルシートをhead内に。 <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> アイコンを使用する場合は、もう一つ外部ファイル(socialcount-icons.css)を加えます。 続いて、スクリプトをページの下の</body>の上に。 ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
テクニカルSEOとは、オンページSEOの一部であり、検索結果での順位を向上させるためにウェブサイトの技術的な側面を改善することを指します。検索エンジンにとって、クロールしやすく理解しやすくすることがテクニカルSEOの中心です。具体的には、サイト内のリンク構造を最適化したり、ページ内の論理的な構造を最適化したり、ページの読み込みを高速化することなどの技術的な最適化が含まれます。 テクニカルSEOとは、検索エンジンがウェブサイトの内容を確実かつ効率的に取得できるように、また内容を理解しやすくなるように、ウェブサイトの技術的な側面を最適化することをいいます。ウェブサイトの構造やコンテンツを理解しやすくし、正しくクロールやインデックスすることを助けます。
多くの人は、Twitterで自分のフォロワーが増えていくのは嬉しいことだと思います。そして、だんだんフォロワーが増えてくると、どんな人が自分をフォローしているのか、彼らがいったいどのくらいの影響力を持っているのかを調べてみたい、と感じる方も多いのではないでしょうか。 そういう方は『Fruji』というウェブアプリを試してみてはどうでしょう?『Fruji』はフォロワーの解析サービスです。基本解析は無料で行うことができます。また、有料サービスのプレミアムパッケージやプロパッケージもあります。新規フォロワー、スパムフォロワーを認識したり、フォローを解除した人が誰かを調べるなどの便利な機能が利用でき、自分宛の@ツイートやフォロワーの分布図、タイムゾーン、言語などの解析もしてくれます。 使用するにはFrujiにTwitterアカウントの読み込み権限とメールアドレスを付与する必要がありますが、このウェブ
TOP > WordPress > 是非チェックしておきたい!フリーWordPressテーマまとめ「Collection of Free WordPress Themes」 WEBサイト制作時に利用している方も多いWordPressは、フリーで利用できるテーマも豊富に展開されています。今回はその中でも、フリーで使用できるWordPressテーマをまとめた「Collection of Free WordPress Themes」を紹介したいと思います。 Site5 FREE Themes Demo シンプルなものから、カスタマイズが苦手な方でも使いやすいデザイン性の高いものまで、さまざまなタイプのテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Free E-Commerce WordPress Theme: B
レスポンシブWebデザイン対応のWordPressテーマの配布を開始します。 1.レスポンシブWebデザイン対応 今回配布するテーマでは、レスポンシブWebデザイン対応として次の6つのレイアウトを提供します。カッコ内の英文字はカラムレイアウトを切り替える文字列になります。カラムレイアウトの変更方法については6項で解説します。 3カラム固定レイアウト(layout-three-column) 3カラム固定レイアウト・右サイドバー(layout-three-column-right) 2カラム固定レイアウト・左サイドバー(layout-two-column-left) 2カラム固定レイアウト・右サイドバー(layout-two-column-right) 3カラムリキッドレイアウト(layout-three-column-liquid) 3カラムリキッドレイアウト・右サイドバー(layout-
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
※追記 [自炊作業編] 3000冊を自炊した経験によるオススメ手順完全保存版!を書きました。(12/14) 私の家にはマンガと小説と書籍が3000冊くらいありました。 これを1年かけて全部PDFにしました。 壁一面を占めていた本が今では300GBのデータです。 さすがに3000冊を自炊するといろいろなノウハウが溜まります。 10冊や100冊の自炊では気づかない点もいろいろ出てきます。 今日はまず自炊に必要な道具について紹介してみたいと思います。 1. スキャナ まずはなんといってもスキャナです。 私はScanSnap S1500を使っていますがやはりこれが一番定番だと思います。 そして明日にはScanSnapの新機種、iX500が発売されますね。 今から買うならやはりiX500のほうが良さそうです。 ただ、現時点でまだAmazonにはWin版はありますがMac版がないようです。 iX500
ソーシャルメディアはインターネットで非常に重要な存在で、あなたのブログのトラフィックにも大きな影響を与えるものです。 ソーシャルメディアの中でも特に影響力のある、Facebook, Twitter, Google+, PinterestをWordPressに効果的に取り入れる有益なスニペットを紹介します。 WordPress snippets to work with social networks 下記は各ポイントを意訳したものです。 Facebookの「Open Graph」を加える Pinterestの「Pin it」ボタンをつける プラグインを使わずに「ツイート」を表示 「Google+」ボタンの設置 「Google+の更新」を表示 「TwitterとFacebookのボタン」を設置 「お気に入りのツイート」を表示 「Twitterでのシェア数」を表示 「TwitterとFaceb
本棚がいっぱいで、これ以上置くスペースがない...。 といったときに選択肢として浮かぶのが本のデジタルデータ化、いわゆる「自炊」です。しかし自炊は時間も手間もかかるし、本を断裁するのに心が痛むという人もいるかもしれません。 そこで、ライフハッカーの兄弟サイト「roomie」より、驚くべきマシンを紹介します。東京大学の石川奥研究室と大日本印刷が開発した「BFS-Auto」は、本を裁断する必要がない上に、1分で250ページもスキャンできるという高速自炊マシン。見た目はゴツくてどっしりしていますが、流れるように自炊していくそのさまは「スマート」というひと言につきます。 引用元のサイトでは動画も紹介しているので、そのなめらかな動きをぜひご自身の目で確認してください。 2013年の実用化に向けて進行中とのことで、今からかなり楽しみです。 1分で250ページの高速スキャン! 裁断しない自炊スキャナー「
サジェスト+Ajaxでタグがスムーズに入力できるjQueryプラグイン「Tag-it!」 タグ入力を補完してくれるjQueryプラグインは探すと結構あったのですが、日本語でサジェストが上手くいかなかったり、CSSでスタイルがカスタマイズできなかったりと色々問題がありまして、最終的にこの「Tag-it!」 に落ち着きました。 投稿日2012年11月29日 更新日2012年11月29日 ダウンロード 「Tag-it!」は下記URLからダウンロードしてください。 また、別途 jQuery と jQuery UI が必要です。 jQuery Tag-it! プラグインをダウンロードしたらheadなどで読み込みましょう。 下記では jQuery などのライブラリは Google CDN で読み込んでます。 html <link rel="stylesheet" type="text/css" hre
nasneがiPhoneから使えるようになった!Twonky BeamのiOS版がついにDTCP-IPに対応 Twonky BeamのiOS版がバージョンアップでDTCP-IPに対応 iOS機からnasneで録画した動画を見たい、ひとりぶろぐのmoyashi (@hitoriblog) です。 DLNAクライアント、Twonky BeamはAndroid版のみDTCP-IPに対応しており、iOS版がおいてけぼりになっていましたが、Ver.3.3.0へのバージョンアップで、ついにiOS版もDTCP-IP対応になりました。 バージョン 3.3.0 の新機能 本バージョンよりレコーダー機器からのDTCP-IPストリーミングに対応(ムーブ・コピー機能は非対応) – ソニー製レコーダー機器に対応。 DTCP-IPストリーミングの閲覧はLAN内に限られ、外出先から見るということはできません。 “TTL
dynatree - Dynatree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, drag'n'drop, and lazy loading. - Google Project Hosting リアルなWindows風ツリービューが実装できるjQueryプラグイン「dynatree」。 次のようにまるでWindowsのインタフェースじゃないか、といってしまう人が多数なツリービューが実装できます。 Ajaxによる動的ローディングやコンテキストメニュー、ツリービュー横のチェックボックス等、機能はそろっています。 また、ドラッグ&ドロップでアイテムを移動できるあたりも素晴らしいところです 何かと便利なUIなので、実装する際には1つの
こんにちは。寄金です。 いまWordPressで、当WEBマガジン『Handmade Future !』や『FutureCenterNEWS JAPAN』を含め、5つのサイトを運営しています。 ほんの1年前まで、はてなブログやら、一般のブログサービスを使っていたんですが、いまや戻る気は1ミリもありません。一つは「ブログは一生もののツールになるだろう」と考えているから。独自ドメインでコツコツとリンクを積み重ねていけば、検索流入がどんどん増えていきます。自分を知ってもらう優れた手段ですし、さまざまな出会いもあります。10年20年と積み重ねていったとき、必ず自分の財産になっていると思っています。 もう一つは、豊富なプラグインやテンプレートによるカスタマイズ性です。一般のブログサービスでも独自ドメインが利用できるケースがあるんですが、自由度はどうしても劣ります。ブログの目的にそって徹底的に最適化で
ニーハオ!カヤックのHTMLファイ部のしんちゃんアル! 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中! こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです! 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように! 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に! バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう! これら一
Adaptive Thumbnail Pile Effect with Automatic Grouping | Codrops 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン。 次のような、1つの写真は複数の写真を重ね合わせたようになっていて、クリックするとパラパラと写真がアニメーションしつつ開かれてギャラリー風になるというなんともオシャレなUIが実装できるようです。 クリックした所のアニメーションもカッコいいので是非デモを見てみましょう デモページ 関連エントリ サムネイルがシャッフルされてクールなギャラリー実装「Photofy」 動画ギャラリー用WordPressプラグイン10個 フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」
フォルダアイコンやAppleアイコンなどスタンダードなものから、NARUTO、スーパーマリオシリーズ、サウスパークまで、あらゆる種類のアイコン2万個以上の中から好みのPNGアイコンを選択してダウンロードできるのが「PNG Factory」。アイコンセットの種類や作者・カラーなど、検索条件も変えることができ、商用利用可能なアイコンだけを探しだすことも可能です。 PNG Factory - You want cool icons ? We have some ! http://www.pngfactory.net/ アクセスした時はフランス語で表示されているので、トップペー左上の「en」から英語表示に変えます。 トップページの下部には「BROWSE」「SEARCH」「SHERE」という3つのボタンが表示されています。まずはBROWSEをクリック。 すると、アップロードされた順にアイコンがずらっ
人は報酬が待ち受けているとやる気が湧いてくるものです。そんなやる気をコントロールする、いわゆる“やる気スイッチ”が、脳の“腹側淡蒼球(ふくそくたんそうきゅう)”という部位にあることが研究で分かりました。 実験では、特定の合図に従って目を動かすようサルを訓練し、報酬としてジュースを与えるようにしました。その際にサルの腹側淡蒼球の神経活動を記録したところ、腹側淡蒼球の神経細胞の多くが活動し続けたそうです。報酬が大きくなるほど、反応速度も向上するという結果が得られたとのこと。 (全文はソースにて)
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
iPhoneのSafariでブックマークレットを利用する方法を紹介します。iPhoneビギナー向けの記事です。iPadやiPod touchでもブックマークレットの方法は同じです。 もしかしたら他のブラウザを使えばもっと簡単にブックマークレットできるかもしれませんが、ここではデフォルトブラウザのSafariを使うための方法として紹介しています。 1.ブックマークレットとは 「ブックマークレット」とは、JavaScriptで記述したちょっとしたプログラムのことを指し、ブラウザのブックマークやブックマークツールバーに登録して利用することからこの名称となったようです。 登録したブックマークをクリックすることでブックマークレットが機能します(一部Wikipediaより引用)。 Wikipedia - ブックマークレット 2.PCとiPhoneのブックマークレット登録方法の違い WindowsやMa
CSS Layout Generator | PageBlox - home CSSレイアウトをWEB上でサクッと作れる「PageBlox」。 次のような画面で、カラム幅をクリックで簡単に拡大縮小できたり、ブロック要素を消したり移動したり、追加したりといったことが自由にできます。 基本となるテンプレートを選んで修正すればより効率があがりそうです export で簡単にHTMLコードを生成できます。 とりあえず素早くレイアウトを組むのには便利に使えそうですね 関連エントリ 画像レイアウト関連で便利なjQueryプラグイン等まとめ レスポンシブなレイアウトをON/OFFできるようにするJS「ReView」 アイテムをドラッグ&ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 これは新しい!パネルレイアウトが美しいスライドショー実装デモ レスポンシブなレイアウト実装
BackgroundImageでスプライトアニメーションさせるjQueryプラグイン「AniDG」 2012年11月30日- jQuery Plugin for Cartoon-like Background Image Sprite Animation ? AniDG ? (alernative to animated Gif) HTML, HTML5, CSS, CSS3, JQuery, Flash, Photoshop, mobile, iphone & ipad web application BackgroundImageでスプライトアニメーションさせるjQueryプラグイン「AniDG」。 1枚の画像をJavaScript を使い、背景画像を順番に切り替えていくことでアニメーションさせられます background-image の書き換えなので、要素の中に何か入っていてもよい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く