Private content!This content has been marked as private by the uploader.
Private Presentation
Private content!This content has been marked as private by the uploader.
Raspberry Pi初心者のためのOS別セットアップガイド | ライフハッカー・ジャパン
「Raspberry Pi」は、素晴らしい能力を秘めた手のひらサイズの小型コンピューターです。小さいくせに、ホームメディアセンターやVPNを構築できるパワーがあるのです。試してみたくなった人向けに、今回はRaspberry Piを設定してOSをインストールする方法を紹介しましょう。 まだ買っていないのなら、この記事の最初のセクションを読んで、Raspberry Piとは何か、何が必要になるのか、どれほど素晴らしいことができるのかに触れてみてください。 Raspberry Piって何？ Raspberry Piは、ポケットに入るくらい小さいくせに（実際に入れる人はいないでしょうけど）、大きな能力を持ったミニコンピューターです。約35～40ドルで、2系統のビデオ出力（HDMIとアナログ・コンポジット）を備えた、機械むき出しのコンピューターが手に入ります。最大2つのUSB機器が接続できます（たい
美しい半透明のパネルを簡単に作成できるPhotoshopのスタイルのまとめ
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。
Raspberry Piで「マイVPN」を構築してどこでも安全にブラウジング | ライフハッカー・ジャパン
小型でお手ごろ価格のシングルボードコンピューター「Raspberry Pi」は、消費電力もわずかなので、常時接続VPN（仮想プライベートネットワーク）サーバーの構築にはもってこいです。VPN環境があれば、外出先から自宅のネットワークへ安全にアクセスしたり、公共のネットワークでも安全にブラウジングできます。Raspberry Piで、自分だけのVPN環境を立ち上げてみましょう。 もしまだRaspberry Piを買っていないなら、こちらの入門ガイドで、Raspberry Piとは何か、何が必要になるのか、どういう素晴らしいことができるのかをチェックしてみてください。VPNの基礎知識については、米Lifehackerの「VPNを構築すべき理由（英文記事）」や、他の参考サイトに目を通すといいでしょう。読んだ後はここに戻ってきてくださいね。 では、はじめましょう！ 必要なもの Raspberry
無料でマルチモニター用の高解像度な壁紙が入手できる「WallpaperFusion」
高解像度用やマルチモニターに対応した美麗な壁紙が無料でダウンロードできるのが「WallpaperFusion」です。マルチモニター用のソフトを扱うDisplayFusionが運営している壁紙サイトのため、壁紙はクアッドモニター(モニター4枚分)に対応しているものまであり、PC用のほか、iPhoneやiPad用壁紙まで存在します。 The best multi-monitor and Eyefinity wallpaper images • WallpaperFusion http://www.wallpaperfusion.com/ 壁紙は「動物」「本やコミック」「人」「音楽」といったジャンルごとに表示させることが可能。 また、人気順や新着順のほか、シングルモニター用、デュアルモニター用、トリプルモニター用、クアッドモニター用など、モニター数を指定して表示させることもできます。今回は人気の
もっと有名になってもいいMac用傑作アプリ10選 | ライフハッカー・ジャパン
優秀なのに人に知られていないソフトウエアは世の中にたくさんあります。もっと有名になってもいい、そんな傑作Mac用ソフトウエア10選を紹介します。 1：Sonora 現在では開発がストップしていますが、それでもiTunesの並に使える音楽プレーヤーと言えば『Sonora』をあげられます。以前は有料だったのですが、オープンソース化され、無料で使えるようになりました。最新版ではもともと定評のあったインターフェースがさらによくなり、プレイリストをその場で作成できるキューイング機能もアップデート。なによりも素晴らしいのは、検索パネルをすぐ表示できるグローバルホットキーが使えること。検索結果をアプリランチャーのように設定できます。例えば、プレイリスト、アルバム、曲単位での再生が可能です。iOSデバイスを持っているからiTunesと決別できないという人も多いでしょう。Sonoraは自動手動、どちらもでも
アイデア満載！レスポンシブ対応のナビゲーションを実装するチュートリアルのまとめ
デスクトップ、タブレット、スマートフォン、それぞれに適した表示にするナビゲーションを実装するチュートリアルを紹介します。 CSSで、JavaScript併用、jQueryのプラグインで簡単実装など、いろいろあります。
使い勝手がかなり良い、10種類のInstagram風エフェクトを適用するPhotoshopのアクション -Instant Hipster
エフェクト：Nashville Instant Hipsterのインストール Instant Hipsterのインストールは簡単です。 ページ下部の「Free Download」から、ファイルをダウンロードします。 10 Instagram Photoshop Actions ダウンロードしたファイルを解凍します。 解凍した「Instant Hipster - 10 Retro Actions.atn」をPhotoshopフォルダ内の「Presets/Actions」の中に移動します。 Photoshopを起動しアクションパネルの右の三角から「アクションを読み込み」を選択し、解凍したファイルを指定します。 インストールが完了すると、アクションパネルに「Instant Hipster」が表示されます。 使い方も簡単で、アクションパネルから1クリックで各エフェクトが適用されます。
「Sublime Text」のみでCompassとSass（Scss）を使えるようセッティングしてみたのでその手順と参考にした記事まとめ
HOME>Web>「Sublime Text」のみでCompassとSass（Scss）を使えるようセッティングしてみたのでその手順と参考にした記事まとめ Compass、Sass（Scss）とは？ Sass（Scss）とは？ Sass（Scss）とは、CSSを記述するために開発されたメタ言語のこと。長くなりがちなコードを短くできたり、関数などを使用してより便利にスタイルシートが書けるという代物です。CSSの管理が非常に楽になります:) Sassには、プログラムのような書き方をする「Sass」と、よりCSSに近い記述が可能な「Scss」とがあるのですが、根本的には変わりありません。（記述方法が違う） ちなみに、私はScssを利用しております。 どんなことができるの ではちょいと実例をば。ScssではCSSを簡単に書くためのルールがたくさん用意されておりますのでさっくりとご紹介。 [css]
2匹のネコが体を使って文字を表現してくれる人文字ならぬネコ文字のフォント「ねこフォント」
いろんなポーズのネコの写真を使って人文字ならぬネコ文字をフォント化させたのが「ねこフォント」。半角英数なら記号も使え、ダウンロードして使用するだけでなくhtmlに書き込んでウェブ上で使用することも可能です。 ねこフォント http://nekofont.upat.jp/ 使い方はページの真ん中にあるテキストボックスに文字を入れ、「作成」をクリックするだけという簡単なもの。 するとこんな感じでページが表示されます。 大文字のAは二匹のネコが抱き合っている姿。 ネット上で使用したい場合は、以下のjavascriptを表示したいhtmlに書き込めばOK。 また、「ダウンロードボタン」を押すと画像が表示されるので、右クリックで保存することが可能。 なお、フォントは半角英数、記号に対応していますが、日本語は表示できません。 ねこフォントで「GIGAZINE」と書くと以下のように表示されます。 次は小
[JB]いろんなiOSアプリで無理矢理TextExpanderを有効にしちゃうUniversalExpander
文字入力支援アプリTextExpanderをどこでも使いたい ひとりぶろぐのmoyashi (@hitoriblog) です。 TextExpanderというアプリがあります。 TextExpander カテゴリ: 仕事効率化 価格: ￥450 また、TextExpanderに対応したアプリもあります。 長文に対する短縮形をTextExpanderで登録。TextExpander対応アプリにて登録した短縮形をタイプすると、元の長文にポン！と復元する文字入力支援ユーティリティとでもいうのでしょうか。 特に、ブログ書きを極限まで効率化しているiOSアプリをレビューするブロガーの間での普及率が異常に高いというシロモノです。 一例を挙げると、「;h3」という短縮形をタイプすると「<h3>○</h3>」というhtmlタグに展開、カーソル位置を○の位置にジャンプさせるということができます。 改行を含む
実践しながらjQueryを学べるオンライン学習サイト・Try jQuery
実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。 実践でjQueryを学べるサイトです。スライドも完備されています。英語が苦手な方にはちょっと難しいかもですけど・・ ドメインから察するに公式のものでいいと思います・・確認はしていませんけど。内容は基本的なものからスタートします。 スライドからスタートです。 他の学習サイト同様、指示通りに進めていきます。 正解ならSuccess!の文字が出て次に進みます。 これから始めたい、という方は如何でしょうか。 Try jQuery
How to Transform a Man to a Pretty Girl Using Photoshop
2013年3月25日 Photoshop 最近のPhotoshopはすごいですよね。物を何もなかったかのように消したり、ぽっこりお腹を自然にひっこめたり。今回はそんな魔法ツールPhotoshopで、男子をキラキラ女子に変身させてみようと思います！女性モデルにも使える技も多数紹介しているので、人物の補正をする時に参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 元画像はこちら ご協力してくださったのは、顔面広告などの個性的なサービスを立ちあげて活躍中の大川竜弥さん。写真素材を無料で配布しているサイト、PAKUTASOのモデルとしても大人気ですね！Web屋さんなら一度は大川さんの年収が低すぎて驚いている写真やこたつでだらけてる写真を見たことがあるのではないでしょうか？ そんな大川さんを素敵に変身させますよー！ちなみに使用したのはMac OS, Photoshop CS6です。
Raspberry Piを「AirPlay化」して音楽をストリーミングする方法 | ライフハッカー・ジャパン
ソファに寝そべったまま、携帯に入った曲をワイヤレスで手持ちのオーディオから再生する。とても快適ですよね。「AirPlay」対応レシーバーがあれば簡単ですが、少々高価です。そんなにお金を払いたくない人は35USドルで買える「Raspberry Pi」が同じ役目を果たします。 Raspberry Piは、初期インストール時にほんの少し手を加えるだけで、どんなAirPlay対応機器からでも音楽を受信できる、素晴らしい小型デバイスに変わります。自宅のどこにあるスピーカーへも、ワイヤレスで音楽をストリーミングできるようになります。必要なもの Raspberry PiでAirPlayレシーバーを立ち上げるのはとても簡単です。必要な材料は次のとおりです。 Raspberry Pi HDMIケーブルまたはコンポジットビデオケーブル（設定を行う際、一時的にRaspberry Piとテレビやモニターをつなぐた
WordPress春のお掃除大作戦！データベースをキレイにし最適化する方法
WordPressはバグフィックスやセキュリティパッチで最新のバージョンにしておくと、かなり強靱で効率的なアプリケーションです。しかし長く使っていると、データベースに不必要な値が貯まってしまい、それが原因でサイトの速度を遅くしてしまいます。 WordPressのデータベースを掃除し、各種設定を見直し、最適化する方法を紹介します。 How To Clean Up & Optimize Your WordPress Install 下記は各ポイントを意訳したものです。 1. データベースのバックアップ 2. ファイルのバックアップ 3. 使用していないプラグインのゴミを掃除 4. 自動保存された記事の掃除 5. 記事のメタデータを掃除 6. サムネイル生成を停止 7. スパム判定待ちを削除 8. 古い記事だけコメントを閉じる 9. データベースの最適化 10. 最後にセキュリティのチェック 1
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
[CSS]レスポンシブ対応、ナビゲーションを水平の真ん中に配置するテクニックのまとめ
リスト要素で配置したナビゲーションをページの中央にフィットさせ、水平方向の真ん中に配置するスタイルシートのさまざまなテクニックを紹介します。 それぞれの利点や欠点、実装のポイント、対応ブラウザなど、今すぐに役立つテクニックです！ How to shrinkwrap and center elements horizontally デモ 実装: display:inline-block 実装: position:relative 実装: display:table 実装: display:inline-flex デモ デモは上から display:inline-block, position:relative, display:table, display:inline-flexで、ナビゲーションを水平の真ん中に配置しています。 デモページ：幅780pxで表示 実装: display:inl
[JB]iPhoneでの作業効率が劇的改善！クリップボード履歴/スニペット専用キーボードPasteboardKey
[JB]iPhoneでの作業効率が劇的改善！クリップボード履歴/スニペット専用キーボードPasteboardKey クリップボード履歴の使い勝手を改善したい ひとりぶろぐのmoyashi (@hitoriblog) です。 MacではLaunchBarなどのクリップボード履歴が取れるアプリを必ず使いますが、iOSでは使っていませんでした。 iOSにもそれ系のアプリ、Pastebotなどがありますが、バックグラウンド動作10分間の時間制限があるので使いづらいものにならざるを得ないのです。 Pastebot — コピー＆ペースト強化ソフト 1.4.2（￥350） カテゴリ: 仕事効率化, ユーティリティ 販売元: Tapbots – Tapbots（サイズ: 6.9 MB） 全てのバージョンの評価: （405件の評価） また、アプリを切り替えつつテキストの出し入れをしなければならないのも面倒臭
![[JB]iPhoneでの作業効率が劇的改善！クリップボード履歴/スニペット専用キーボードPasteboardKey](https://cdn-ak-scissors.b.st-hatena.com/image/square/30222d7f8a95210179501ed4829ab0e36bd2f7e7/height=288;version=1;width=512/http%3A%2F%2Fhitoriblog.com%2Fwp-content%2Fuploads%2F2015%2F10%2FScreenshot-2013.03.10-07.03.35.jpg)
無料で1000個以上のアイコンフォントがダウンロードできる「WebHostingHub Glyphs」
「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com/glyphs/ ダウンロードは右端の青とオレンジ色のボタンから行います。なお、青色の「DOWNLOAD ALL ICONS IN ONE FONT」からはTTF形式とウェブ用のアイコンフォントをダウンロードでき、オレンジ色のボタンからはPNG形式のアイコンがダウンロード可能。 アイコンフォントは「ビジネス」や「コミュニケーション」など14のカテゴリーに分けられています。以下はビジネスカテゴリーの
VimをPHP用にカスタマイズする | Basicinc Enjoy Hacking!
今更ながらプログラマーならVimが使えないとやっぱりダメだよなーと思ったので、Vimを使うようになってきました。 そこでせっかくなのでいろいろカスタマイズできるVimをPHP用にしてみました。 PHPの関数を補完してくれるようにする まずはPHPの関数を補完してくれるようにします。 php用の辞書の用意 まず、下記のコマンドを実行します。 php -r '$f=get_defined_functions();echo join("\n",$f["internal"]);'|sort > ~/.vim/dict/php.dict get_defined_functionsでPHPに定義されている関数を出力してくれるので、こいつをvimの辞書ファイルにぶち込みます。 補完してくれるようにする .vimrcに autocmd FileType php,ctp :set dictionary=~/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」
CSSをもっと使いこなしたい人用のいろいろなテクニックが見られるサイトのまとめ
新着記事
新着記事
新着記事
新着記事
新着記事
JavaScriptコードをブラウザ上で動作テスト、共有できる・「Plunker」
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
WordPressの開発・制作・機能拡張に役立つリソースのまとめ
新着記事