chiroru_0130のブックマーク (7)

  • Twitter BootstrapのUIが手軽に作成できる!Jetstrapの使い方

    今回紹介する「Jetstrap」はTwitter BootstrapUIをドラッグアンドドロップだけで、ブラウザ上で作成できるツールです。これからJetstrapの使い方をわかりやすく 解説していきます。 Twitter Bootstrapを利用するには、ある程度Webの知識を持っている人でないと難しい部分があります。 そこで今回登場するのがJetstrapです。 難しい説明抜きにドラッグアンドドロップでホイホイと今風のデザインができてしまいます。 ちょっとしたモックアップ等作るのであれば、これで充分ではないでしょうか。 Jetstrapは、アドビ社が提供するDreamweaverのように サイトを作ることができるツールです。 早速使ってみましょう。 1. Jetstrapにアクセス https://jetstrap.com/ 上記URLにアクセスしたら、ログインをクリックし、 Twit

    Twitter BootstrapのUIが手軽に作成できる!Jetstrapの使い方
  • モックアップが手軽に作れるサービス「FROONT」*二十歳街道まっしぐら

    FROONTはレスポンシブなウェブサイトを簡単に作成できるサービスです。 レスポンシブなサイトのモックを作るときに便利そうです。 ドラッグ&ドロップで絵を描くようにしてサイトを作っていくだけ。 その場でウィンドウサイズを変えたときの表示の変化も確認できます。 作成したモックのHTML, CSSはダウンロード可能です。 以下に使ってみた様子を載せておきます。 まず「FROONT」にアクセスしましょう。 利用するには無料登録が必要です。すぐに終わるので登録してみましょう。 こちらが作成画面。 左側にコンテンツのメニューがあります。 画像をいれたり枠をいれたり。 右側はそのコンテンツの詳細メニューですね。 最上部にウィンドウサイズを切り替えられるバーがあります。 先ほどのデザインをスマートフォン用のサイズにすると、上記のようにデザインが変わりました。 レスポンシブデザインの確認が容易にできるのは

    モックアップが手軽に作れるサービス「FROONT」*二十歳街道まっしぐら
  • Amazon.co.jp: サンワサプライ USBホスト変換アダプタケーブル(MicroBオス-Aメス) 10cm AD-USB18: エレクトロニクス

    USB Aコネクタ(オス)をマイクロUSB Bコネクタ(オス)に変換するアダプタです。 USBホスト機能に対応しているスマートフォン・タブレットと対応するUSB周辺機器を接続するための変換アダプタケーブルです。 ※USBホスト機能対応スマートフォン・タブレットとUSBホスト機能対応の周辺機器でのみ使用できます。 銅製の高密度編組みシールド材の内側に密閉型のアルミシールド処理を施した二重シールドケーブルで、低域から高域まで、ほとんどのノイズから大切なデータを守ります。 錆にも強く、経年変化による信号劣化の心配が少ない金メッキ処理を施したピン(コンタクト)を使用しています。 RoHS指令に対応した製品です。 【ケーブル長】:約10cm【コネクタ形状】:マイクロUSBコネクタ(マイクロB)オス-USB Aコネクタ メス 【ケーブル直径】:約3.8mm 【ケーブル規格】:UL2725

    Amazon.co.jp: サンワサプライ USBホスト変換アダプタケーブル(MicroBオス-Aメス) 10cm AD-USB18: エレクトロニクス
    chiroru_0130
    chiroru_0130 2013/05/27
    Nexus7からUSBメモリに接続できる
  • Chef 11 での client/server/knife のセットアップ手順(+α) - 元RX-7乗りの適当な日々

    遅れながら、Chefの新しい11系のバージョンを触ってみました。 つまづいた途中経過を含めて、セットアップのログや動きで気付いた事を簡単に残しておきます。 尚、今回使ってみた実行環境は、CentOSの6系です(Linux)。 結論から申し上げますと、Chefの新しいバージョンは、サーバのセットアップが物凄く楽でした。 旧来のバージョンでもUbuntuはそこそこ楽でしたが、CentOSの面倒くささと言ったら、んもう。 インストールパッケージの入手先 最近は、下記のChef家となるOpscodeのサイトから、client/serverともインストーラ(各OSでのパッケージ)をダウンロードできるようになっています。 Chef Downloads Clientのインストール 上記サイトからパッケージをダウンロードしてインストールしてもよいのですが、Linuxであれば curl -L https:

    Chef 11 での client/server/knife のセットアップ手順(+α) - 元RX-7乗りの適当な日々
    chiroru_0130
    chiroru_0130 2013/05/27
    最近気になるChef
  • Evernoteが遂にリマインダー機能を追加:ToDo管理がもっと便利に! | ライフハッカー・ジャパン

    Mac/iOS/Web:Evernoteにありそうでなかったリマインダー機能が追加されました。設定方法はとても簡単。ToDo管理がもっと便利になりそうです。1. 既存のノートを選択し、時計マークをクリックします 2. もう一度時計マークをクリックして「通知する」を選択、日付を選びましょう 3. 左から2つ目のコラム、[ノートリスト]上部にリマインダーリストが追加されているのが確認できます。チェックをつけられるので、ToDo管理に最適です。表示順はドラッグアンドドロップで直感的に入れ替えられます 4. アプリ内、及びメールでのリマインドにも対応しています。[設定]>[リマインダー]>[リマインダーをメール送信]で設定できます 2013年5月24日現在Mac、iOS、Web版のみ対応。WindowsAndroid版にも随時反映されていくそうです。 Evernote Reminders Are

    Evernoteが遂にリマインダー機能を追加:ToDo管理がもっと便利に! | ライフハッカー・ジャパン
    chiroru_0130
    chiroru_0130 2013/05/26
    仕事ではセキュリティの関係でEvernote使えないから微妙
  • GNU screen を使うときにやるべきたった一行の設定と、Mac の Terminal.app でマウスを認識させる方法 - by edvakf in hatena

    タイトルは↓の記事へのオマージュです。 Mac で GNU screen を使う時にやるべきたった一行の設定 - #生存戦略 、それは - subtech ここで紹介されてる termcapinfo xterm* ti@:te@ について調べました。ここの FAQ に詳しく書いてありますが、ちょっと分かりにくいので順を追って説明します。 普通のターミナルで、less などのフルスクリーンプログラムを開いて、 ここで終了すると、 こうなりますよね? ところが、GNU screen の中だと、デフォルトではこうなってしまいます。 これは、普通のターミナルの alternate screen という機能を使って「別画面で」フルスクリーンプログラムを実行しているからです。screen の中では alternate screen が有効ではないので、普段の感覚と違っていつもムキーってなります。このせ

    GNU screen を使うときにやるべきたった一行の設定と、Mac の Terminal.app でマウスを認識させる方法 - by edvakf in hatena
    chiroru_0130
    chiroru_0130 2013/05/20
    以外と重要
  • Dropboxなどクラウド上でファイル形式を変換できるサービス「CloudConvert」 | ライフハッカー・ジャパン

    「CloudConvert」はDropbox, Google Driveに保存したファイルを別のファイル形式に変換できるサービスです。たとえば、JPG画像をPDF形式に変換したり、WordファイルをHTML形式に変換できます。変換したファイルは保存できますよ。 以下に使ってみた様子を載せておきます。まずCloudConvertへアクセスしましょう。変換したいファイルをDropboxまたはGoogle Driveから選びます。 次にどのファイル形式に変換するかを選びます。変換後、DropboxやGoogle Driveに保存したい場合はチェックボックスにチェックをいれておきましょう。あとは「Conversion」をクリックすれば、変換が始まります。変換後、ファイルをダウンロードすることができますよ。オンラインでファイル変換がとても簡単にできるので覚えておいて損はないですね。ぜひご活用ください

    Dropboxなどクラウド上でファイル形式を変換できるサービス「CloudConvert」 | ライフハッカー・ジャパン
  • 1