縦横比を固定してWebサイトのスクリーンショットを撮る方法
ブログや企画書など、ウェブサイトのスクリーンショットを使う場面は多いです。スクリーンショット用に高機能なブラウザのアドオン(Firefox)や拡張機能(Chrome)もありますが、キレイに縦横比を揃えて撮ってくれないのが玉に瑕です。しかしちょっとした工夫すれば、簡単に縦横比を揃えてスクリーンショットが撮れるようになります。 ちょっとした工夫すると言っても、そんな大げさなものではありません。ただ単純にスクリーンショットを撮る前にウィンドウサイズを希望の大きさにしてから撮るだけです。 でもウィンドウサイズを調整するのと、スクリーンショットを撮るのを同時にやってくれるアドオンや拡張機能ってないので、それぞれ別の方法で行います。 縦横比を固定してスクリーンショットを撮る ウィンドウの大きさを整える 各ブラウザ共通 resizeMyBrowser まずこちらでウインドウをリサイズします。このresi
PC・タブレット・スマホで表示を部分的にPHPで切り替える方法
画像やJavascript、htmlのタグなどを、PC・タブレット・スマホで自動で切り替えたい時に使える方法です。さまざまな用途に使えるので応用が効きます。WordPressなどPHPで使えます。 概要 単純にユーザーエージェントでPC・タブレット・スマホの３つに振り分ける仕組みです。正確にはタブレット・スマホ・その他の３つです。ユーザーエージェントとは、簡単に言うと何かの端末でアクセスしてきたとき、その端末の名前を見ることができます。 iPhoneやiPadといった名前になりますが、それである程度機種がわかりますので、それを元に振り分ける仕組みです。単純に名前で振り分けていますので、画面幅での振り分けとは別になります。 今回は、WordPressに使うとして説明します。 コード ua.class.php 2015年版PHPユーザエージェント判別・判定 下記のスクリプトはこちらからお借りし
不要な部分を削除して印刷できるFirefoxアドオン「Print Edit」
ウェブサイトを印刷する際に、事前に必要のない範囲を削除してから印刷できるFirefoxアドオン「Print Edit」を使ってみました！資料の作成やメモの印刷などで、必要な部分だけ印刷すれば無駄なインクを節約することができます。 Print Edit :: Add-ons for Firefox Print Editは、上のページにFirefoxでアクセスして、「Firefoxに追加」から導入して下さい。 複数箇所を指定して、その他の要素を一気に削除できる このPrint Editを使うまでは、同じように印刷する範囲を調整できるブックマークレットPrintliminatorを使っていたのですが、Print Editを使ったほうが便利な部分があります。 Print Editが優れている点は、複数箇所の要素を指定して、一発で「それ以外を全て削除」できることです。Printliminatorでも
Safari6.0.4でWordPress管理画面にアクセスすると落ちる現象が発生
MacのSafariを6.0.4にアップデートした後に、WordPressの管理画面にアクセスすると、予期せぬエラーでSafariが落ちるという現象が発生していました。しかし、Safariのプラグイン類を順番にオフにしていった結果、一応解決することができました。 Safariを6.0.4にアップデートした後に、WordPressの管理画面にアクセスしようとすると、 このように、Safari自体が「予期しない理由」で終了してしまうという現象が発生していました。 WordPressのバージョンは3.4.2です。未確認ですが3.5.1でも落ちるかもしれません。 原因をいろいろと探っていたのですが、結局悪さをしていたのは、Safariの機能を強化するSIMBLプラグインの「SafariStand」でした。 これをオフにすると、WordPressの管理画面にアクセスできるようになりました。 上の画像
1000人同時プレイ可能！MMOボンバーマン「Bombermine」が面白い！
ブラウザだけで遊べる、1000人同時プレイが可能なボンバーマン「Bombermine」を遊んでみました！昔よくやったボンバーマンそのままですが、大人数が入り乱れてて、これはかなり熱いです！！操作も方向キーとスペースキーで爆弾を置くだけで簡単です！ Bombermine 遊び方は上のページより、ニックネームを入力して参加するサーバーを選択したら、即ゲーム開始です。爆弾を置いて爆破しまくりです！ 他の人もたくさんいますので、爆発に巻き込まれないように注意して、生き残りましょう！ ほとんど昔のボンバーマンなのですが、昔と違って特殊攻撃が多彩になってます！爆弾を投げてきたり、時限式の爆弾を置けたり、油断出来ません。1ラウンド20分ですのでお手軽に遊べます！ 【操作】 [Arrows] or [W][S][A][D] — 移動 [SPACE] or [K] — 爆弾設置 [CTRL] or [L]
ブラウザだけでデカ目・美肌・小顔に！顔写真を美人にできるサイト！
顔写真をブラウザだけで、目を大きくしたり、美肌・美白にしたり、豊富なフィルターで加工する「写真加工.com」が面白いです！人物写真の加工だけではなく、写真をポラロイド風にしたり、イラストのようにしたりと、様々な加工が楽しめます。もちろんフィルターのかかり具合も調整できますので、程良い写真に仕上がります！ 写真加工.com 写真を直接アップロードするか、urlを入力して加工を始めます。 写真を加工する手順はこんな感じです。どのフィルターも似たような手順ですが、フィルターを調整するパラメーターがそれぞれ違います。 どんな写真が出来上がるのかというと、 元画像 デカ目・小顔 美肌 美白 水彩画 似顔絵 トイカメラ ポラロイド 写真枠 こんな感じで、さまざまなフィルターをブラウザだけで適用させることができます。（PCで本ブログを見ている方は、写真をクリックすれば、写真を動かすことができますので、フ
Chromeで超簡単リモートデスクトップ！外出先から家PCを操作する方法！
Chromeのアプリ「Chromeリモートデスクトップ」の正式版がリリースされました！これにより超簡単に自分のPCを外出先から遠隔操作が可能になります！今までリモートデスクトップと言えば、設定とかが結構面倒だったのですが、これはビックリするくらい簡単です。誰でもできます。 Chromeリモートデスクトップ – Chromeウェブストア こちらからChromeに「Chromeリモートデスクトップ」を追加して下さい。 Googleアカウントにログインしている事を確認して、新しいタブのところに「Chromeリモートデスクトップ」が追加されていますので、起動して下さい。 「続行」をクリックして下さい。 Googleアカウントに対して、Chromeリモートデスクトップのアクセスを許可して下さい。 Chromeリモートデスクトップのトップ画面で、リモートサポートとマイパソコンのご利用開始を選択できます
重いFirefoxを高速化する２つの爆速カスタマイズ方法！
国内、海外ともにChromeに比べて大きくシェアを落としているFirefoxですが、昔から多彩なアドオンなどカスタマイズ性の高さからファンが多いブラウザです。Chromeは確かに動作がとても軽く、ノーマルのFirefoxでは対抗するには少々厳しいと言わざるを得ません。しかしFirefoxも適切な設定と高速化アドオンを導入すれば、Chromeなどに負けない軽さを発揮できます！ 国内のブラウザシェア(2015年8月)では、IE11:34％、Chrome:30％、Firefox39:6.6％、Firefox40:5.9％と、IEとChromeに大きく引き離されている感が強いFirefoxちゃんですが、私は相変わらず愛用しております。 私の場合は、なんと言っても昔ながらのサイドバーのブックマークがお気に入りです。もうブックマークが多すぎて、正直Chromeでは管理できません。以下にご紹介する高速化
Facebookブラウザ登場か！今度はOperaと買収交渉中！？
先日、Instagramを買収し注目を集めたFacebookですが、今度はOperaを買収しようと交渉中とのことです。これにより、Facebookの独自ブラウザが登場する可能性が出てきました。 Facebook to acquire browser maker Opera? Maybe. Here’s what we know. – Insider Facebook、Opera買収に向けて交渉中か–独自ブラウザ開発の可能性 – CNET JAPAN Facebook が Opera Software 買収を検討中？ – engadget ニュースによると、元々Operaは新しい雇用を凍結して、身売り先を探していたようです。Operaを買収しようとしている複数の企業と交渉しているようですが、まさに今は飛ぶ鳥を落とす勢いのFacebookも交渉中となると、規模的にFacebookが有利なのでし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox17がリリース！Facebook統合でブラウズ中でも常に利用可能に！
W3C、新しいWeb標準プロジェクト「Web Platform Docs」を立ち上げ！