全部無料！仕事の効率を上げるMacアプリ9選
ども、ゆうせいです。先日、作業効率を上げるショートカットについてご紹介しましたが、今回は「仕事の効率を上げる（効率化）Macアプリ」のお話です。 画像をサクッと編集するアプリ、文字入力が捗るアプリ、そして集中力を高めてくれるアプリなどなど、そんな感じのものを「無料」に絞ってご紹介します。 画像編集が捗るアプリ ほぼ劣化なしで軽量化「ImageOptim」 まず最初にご紹介するのは、ほぼ劣化なしで画像を軽量化するアプリ「ImageOptim」です。これは、画質はそのままで、容量を軽くしてくれるという大変ありがたいアプリです。 使い方は簡単。画像をドラッグ&ドロップするだけ。複数枚を一度にぶっこむことも可能です。 比較してみた 元画像：844KB （画像へのリンク） 「ImageOptim」で軽量化した画像：516KB （画像へのリンク） 40%近く軽量化できましたが、ほぼ劣化していないと言っ
MAMP を使って WordPress 環境を構築する | 餃子マナー
WordPress のテーマをいじったり設定を変更する場合に、ローカルに環境を作って試してから本番環境に反映させたいものです。 WordPress をローカルの Mac 上で動かすには Apache, MySQL, PHP が必要ですが、MAMP を使えばとても簡単にローカルに環境を構築できます。 ちなみに MAMP は "Mac, Apache, MySQL, PHP" の頭文字だそうな。 以下に手順を示します。 MAMP をインストールする まずは、MAMP のサイトに行って MAMP をダウンロードします。MAMP PRO もありますがこちらは有料です。両者の違いはこちらに詳細がありますが、個人のローカル環境程度であれば無料の MAMP で十分でしょう。 インストーラーを起動して画面の指示通りに進めていくと、下図のようなウィンドウが出ます。 ここで「カスタマイズ」ボタンを押しましょう
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
[JS]これは楽しい！FPS値の設定もできるスプライトベースのアニメーションを作成するスクリプト -Motio
FPSとはFrames Per Secondの略で、1秒あたりのフレーム数のことです。 このFPS値やスピードを簡単に調整できるCSSスプライトベースのアニメーションを実装できるjQueryのプラグインを紹介します。
【CSS】ハイブリッドアプリを作成するときにいつも書くようにしているCSSプロパティいくつか！ : アシアルブログ
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) iPhoneやAndroidでリンクなどの要素をタップしたときに、iPhoneでは薄いグレー、Androidでは緑やオレンジの枠がデフォルトで表示されます。 -webkit-tap-highlight-colorというプロパティに色を指定することで、この枠の色を変えることができます。 ハイブリッドアプリを作成する際には、この枠が出ると如何にもWebっぽくなってしまうため、透明色を-webkit-tap-hightlight-colorに指定して、枠が表示されないようにしています。 * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} リストの項目など、敢えて選択時に色を付けたい場合には、個別にtap-hightlight-colorを指定すると
フロントエンドの開発効率が3倍に…！？デバッギングプロキシCharlesの使い方 :: 5509
タイトルは釣りかとおもいきや僕は普通にあるのとないのとで3倍くらい差があるので、界王拳アプリのひとつです。特にWebアプリとか大きめの規模のサイト開発でとても役に立ちます。 Charles こんなことができます（目次） いちいちサーバーへファイル転送なんかしてられない Charlesのインストールとライセンス Map Local（指定URLのリクエストをローカルへ向ける Map Remote（指定URLのリクエストを別のURLへ向ける 常にキャッシュをオフに Locations 設定の流れ（ほとんど全部共通） Throttling で回線速度をシミュレート リクエストが丸裸 例えばXMLHTTPRequestの場合 ログの設定はRecording Settingsから 紹介してる以外にも Reverse Proxy を設定できたり、 Break Points で指定リクエストのパラメータを
iPhone向けSafari、HTML拡張属性を使いこなす | Webサイト開発
iPhone向けSafari、HTML拡張属性を使いこなす 2009.11.04 2020.09.10 Webサイト開発 HTML iPhone, demo iPhone向けSafariでは、W3C標準のHTMLタグ・属性をサポートしているのはもちろんだが、iPhone固有の拡張属性・拡張CSSプロパティが使用できる。具体的には、テキストの入力方法を制御するものからタッチパネル操作専用のイベントハンドラ、バックライトの制御といった機能まである。 今回はiPhone固有のHTML拡張属性を紹介したい。 関連記事： 円記号をiPhoneのブラウザに表示するには？ maxlengthで半角文字数で制限するには？ iPhone でHTTPプロキシを使用する際の制限 スマートフォンのラジオボタンを使いやすいサイズにするには？ スマホ向けページャデザイン 3選 CSS3 擬似クラス SafariのPC
ゾンビView問題～Backbone-supportでSwapping RouterとCompositeViewを使う | | Scimpr Blog
Backbone.jsでページ遷移を行うとき、今まで使っていたViewはどこに行ってしまうのか その謎は僕らにも解明できていないんだ ホントは、Backbone.jsはViewの使い方についてメモリ管理機構をもってないので、明確に開放しないとメモリを圧迫したり、予期しない動作を起こしたりすることがある たまたま、そんな現象がカメラに撮影できたので観てもらいたい これはコレクションへのaddの監視が２重、３重に設定されちゃうので起こってるっぽい現象 こういったことを避けるには簡単で設定してるイベント類をちゃんと開放？(unbind)してから次の動作に移ればいい 開放するものは３つくらいあって、１.DOMと2.それに渡されたモデルやコレクションのイベント、3.view独自のイベント（イベントハッシュでバインドしたイベント）だ DOMの開放は一番簡単で
[HTML5] アプリケーションキャッシュの使い方
アプリケーションキャッシュは指定したファイルをローカルにキャッシュさせることで、 表示の高速化やオフラインでの動作を可能にするものです。 ブラウザでもその効果は体感できるが、一番威力を発揮するのはスマートフォン環境。 特に速度の遅い3G回線下にあるiPhoneで使うと、まるでWifiを使っているような気分が得られます。 導入方法 あちこちで語られまくってて今更感あるけど一応…。 マニフェストファイルの作成 まずは何をキャッシュするのか指定するマニフェストファイルを作ります。 UTF-8のテキストファイルを開いたら、拡張子を “.appcache” にして適当な名前を付けて保存。 保存する場所はアプリケーションのルートでいいと思います。 保存したらテキストファイルの先頭に CACHE MANIFEST と追加。目印なので忘れずに。 その後にキャッシュするものとしないものの設定を書きます。 ま
![[HTML5] アプリケーションキャッシュの使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
スマートフォン JavaScript タッチ、フリックイベント実装
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 スマートフォンを操作する際、タッチや、フリック等、色々な操作方法があります。 タッチはご存知のとおり、スマートフォンのディスプレイにタッチすることです。 フリックとは、画面にタッチし指やペン等をスライドされる動作となります。 このタッチやフリックを操作する際、JavaScriptで取得出来、扱えるイベントは以下の通りとなっています。 touchstart touchmove touchend touchcancel gesturestart gesturechange gestureend これらのイベントを使い、操作していきましょう。 タッチされた場合のイベント まずは、タッチ出来るエリアの作成です。スマフォン用にviewportを設定します。 HTML <meta n
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
EclipseがNexus7を認識しない時の対処法 | Android練習帳
androidアプリケーションの実機テスト用としてNexus7をUSBで接続したところ、何故かEclipse側でデバイスとして認識されない問題が発生しましたので、対処法を以下に記述します。 ただし、他のPCだと問題なく認識する等不明な点も多いので、あくまで参考程度としてお考えください。 まず全機種共通ですが、android本体の設定＞開発者向けオプション＞USBデバッグにチェックを入れます。この時、必須ではありませんが一緒に「スリープモードにしない」にもチェックを入れておくと、デバッグする時に便利です。 次に、セキュリティ＞提供元不明のアプリにチェックを入れます。こちらはデバッグ等の用事が終わり次第チェックを外した方が良いかと思います。 通常であれば以上の設定とデバイスがインストールされていれば問題なく認識するはずなのですが、今回調べた限りだとNexus7はデフォルト設定だとUSBデバッグ
意外に知らないお金借りるならとお金借りる審査通らない理由の秘密を、１つだけ教えます。
わかった！お金借りるならでお金借りる審査通らない理由… わけもなく嫌な気持ちになってしまう人が存在します。 出来が寄ってきたらムカムカして、お金借りる審査通らない理由なので、マトモに対応すらできず、お金借りる審査通らない理由に冷たい対応をしてしまいます。お金借りるならに冷静になり、悔やむものの、以降だったら、嫌だということで頭がいっぱいになってしまいます。 少額融資の多様さからいえば、好きになれない人がいるのも当たり前なのでしょう。 お金借りるならを好きになるのは無理難題といっても過言ではなく、急変をなくしてしまえないので、困っています。 お金借りる審査通らない理由に考えるのであれば、客観的にはそんなに悪い人でもありませんから、お金借りる審査通らない理由に限り、私はおかしいと思います。たまたまテレビ中継などを目にすると、入出金可能への参加を目指す人があまりにも多くてちょっと呆れてしまいそう
幽霊飛行船: WebViewでviewportサイズを指定する。
AndroidのWebViewで画面幅を640px固定にするため、HTMLヘッダに <meta name="viewport" content="640px" /> と記述してもはその通りに表示してくれません。 解像度等によって、表示サイズは機種ごとに異なってしまいます。 WebViewで以下の設定を行う必要があります。両方必要。 Webview.getSettings().setLoadWithOverviewMode(true); webview.getSettings().setUseWideViewPort(true); ついでに、ほかの設定は以下の通り。 スクロールバーを表示しない。 webview.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY); JavaScriptを有効にする。 webview.getSettings
[Android] HTC DesireはUSIMなしで使えるか？ - Darkroid.net
SoftbankのHTC DesireはiPhoneと違って、USIMを抜くと緊急発信機能しか利用できません。つまり解約すると端末は何にも使えない…ということです。 ただ、いくつか抜け道があって、有名なところでは機内モード(フライトモードど表現されることも多い)をONにした状態なら、Wi-fiを利用したインターネット端末としては使えるようです。 実際に試してみました。 まず、USIMを挿入した状態で機内モードをONにします。機内モードをONにするには、[設定]→[無線とネットワーク]をタップして、[機内モード]をチェックします。 この状態で電源を切ります。 電源が切れたのを確認して、端末からUSIMカードを抜きます。USIMカードを抜いた状態で電源を入れると、機内モードの状態で起動します。 この状態では起動はするものの、インターネットには接続できません。インターネットに接続するには、先ほど
Sublime Text 2 のDefault設定ファイルを眺める - blue_ham_cake1024のブログ
この記事ではDefault設定ファイルにどのような記述がされているか、その記述にどんな意味があるかを一つ一つ見ていきます。実際に設定をカスタマイズしてみたい方は、メニューのPreferencesタブの"Settings - User"からUser設定ファイルを開いてそこでいろいろ試してみましょう。 Sublime Text 2 のDefault設定ファイル 本文 Default設定ファイルとは、Sublime Text のデフォルトの動作の設定が記されたファイルのことです。Default設定ファイルはメニューのPreferencesタブの"Settings - Default"から開けます。 早速設定ファイルを眺めていきましょう。 設定ファイルは1個のJSONオブジェクトからなっています。このJSONオブジェクトに色々なプロパティを設定して、ひとつの設定ファイルとしているようですね。 その
【クリスマスだし】CSScomb for sublime text 2 CSSプロパティの順序をカスタマイズ【25日目の5】 | DevelopersIO
前回書かせていただいた、記事に引き続き。今回もCSScombを書こうと思います。 アジェンダ どうやってカスタムするの？ カスタムしてみる。 動作を確認してみる。 設定ファイルを作る まとめ どうやってカスタムするの？ 前回までは、プラグインが動作するまでは確認できました。 しかし、プロジェクトごとにコーディング規約があったり、自分なりのcssのプロパティ順序を指定したい場合があると思います。 そこらへんのカスタマイズをsublime text 2の preferences > packeges setting でできるもんだと思ってたんですが。。。キーバインドの設定しかない。。。こまった。 csscomb.phpで編集するみたいです。 ちょっといろいろ探ってみたところ、GitHubのissuesに何やら同じ質問されている方を発見！ https://github.com/miripirun
このステッキ、とても素敵 : PC・グーグルクロームで神バハ､戦サガをプレイする
2012年04月21日12:46 カテゴリモバゲー PC・グーグルクロームで神バハ､戦サガをプレイする 【はじめに】 今回紹介するものは、PCの安全性や正常な動作、また使用することによるモバゲーのアカウント保身までを 保証するものではなく、自己責任によるものだと理解した方のみ読み進めてください。 【導入の前に】 まず、Google ChromeでのUA偽装などは以下のサイト様をご参考下さい。 こちらで紹介するのは、 飽くまでPC規制の施されているモバゲーのゲームをPCでプレイ可能にするためのものです。 ■怪盗ロワイヤル攻略ツール 携帯版モバゲーをPCから操作する方法 http://kaitotools.blog55.fc2.com/blog-category-2.html こちらでは、バッチファイルを使用したものを紹介されています。 【 mobage_extz のダウンロードと導入】 それ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
めしおのアフィリエイト教材レビューブログ
使われていないCSS設定があるか教えてくれる『Unused CSS』 | 100SHIKI
