超クールなイマドキのダッシュボードのUIデザインまとめ | SHINGO IRIE
プログラマといえど、管理者が使うものといえど、美しい機能美でまとめられたダッシュボードをつくりたいものです。今回は、参考になりそうな美しいダッシュボードを集めてみました。 クールなダッシュボードデザイン集このくらいシンプルなのが好みです。 Gear Admin UI v2 Analytics系。数字の比較や計算が多いものに向いてそう。 Some Analytics 比較的オーソドックスに使えそう。最近、わりとこういうダッシュボードデザインが多いですね。 Dashboard Web App Product UI Design: Job Summary グラフの見せ方が個性的。 To-Do Dashboard サーバーのダッシュボード。 Server Dashboard カラーを統一するのも綺麗にみえます。 Dashboard Overview Screen トップメニューにすることで、画面を
クールな画像拡大jQueryライブラリ「lity.js」、レスポンシブにも対応！ | SHINGO IRIE
クリックで画像が拡大されるライブラリはlightboxなど数多くありますが、その中でもデザインの邪魔をせず、実装もかんたんなライブラリ、それがlity.jsです。 使い方公式サイトから一式ダウンロード。 ダウンロードしたファイルの中で使うのはdistフォルダ内のlity.js、lity.cssのみ。 jQueryの後に読み込ませます。 <link href="lity.css" rel="stylesheet"> <script src="jquery.js"></script> <script src="lity.js"></script> あとは、 <a href="http://image.jpg" data-lity>Image</a> のようにdata-lity属性をつけるだけで動きます。かんたんですね。下がlity.jsの表示サンプルです。 WordPressへの組み込みWor
仕事道具をメンテナンスしながら大事に使う | SHINGO IRIE
僕の仕事道具はMacとキーボード、マウス、ディスプレイだ。毎日、仕事の終わりには机を片付けてクリーナーで拭いて綺麗にする。そうすると自分も気持ちいいけど、実際道具も長持ちするしがんばってくれるような気がする。 日々、Macも気にかけてメンテナンスしておけば、そうそう壊れたり、調子が悪くなることは少ない。たまにディスクユーティリティでディスクをチェックしたり、定期的にクリーンアップしておく。 気にかけているといえば、最近気づいたのはMac内の容量が増えてきたこと。基本的に使うデータは全てMac内に入っている。そして、その中でも重要度が高くて別のパソコンでも使う可能性があるものは、Dropboxに置いているのでバックアップにもなる。さらに外付けHDDにもバックアップがとられているので、いずれかのデータが壊れても安心だ。 まずは、Mac状況を確認する。アップルマークから「このMacについて」でス
lifehack | SHINGO IRIE
コンテンツへスキップ →lifehack コメントコメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 * が付いている欄は必須項目です コメント 名前* メール* サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。 Δ 先頭へスクロール
Apple新言語「Swift」ことはじめ。勉強用リンクまとめ。 | SHINGO IRIE
昨年AppleのWWDC2014で新しく発表された新言語「swift」。アマツバメ(雨燕)、速いの意味をもつそうです。Objective-Cよりも早く動く。おそらく数年のうちに、もしかするとObjective-Cがなくなるかもしれません。 ということで、今後のアプリ開発はSwiftで作っていきたいので、あらためて基礎から学習しなおそうと思っています。このブログで、勉強したことを日々アップしていく予定ですので、よろしければRSSのご購読お願いいたします。 今回はSwiftの概要と特徴、勉強用リンクをまとめました。 Swiftで開発できるOSのバージョン・OS X version 10.9以降 ・iOS 7以降 Swiftの特徴型の指定がかんたん変数を指定する際に、Objective-Cでは型の指定が必要でしたが、型の指定をしなくても動きます。代入する値を推論して、型が自動で決められます。もち
MySQLによるオンラインバックアップで注意すること | SHINGO IRIE
MySQLによるオンラインバックアップについて。バックアップにはmysqldumpコマンドを使いますが、単純にバックアップといえども、リストア(復元)する時のことも考えてないといけません。 バイナリログがどこまでかかれているかバックアップをとったとしても、実際にリストアする際には、時間差があります。例えば今日の朝バックアップをとったとして、夜にデータが壊れてリストアする場合、朝から夜までに保存されたデータは復旧できません。そこで、バイナリログが重要になります。バイナリログには実行されたSQL文が記録されていますので、バックアップデータ＋このバイナリログで補填できます。 ですので、バックアップをとる際に、その時点でバイナリログがどこまでかかれているか記録しておきます。これは–mastar-data=2オプションをつけます。 共有ロックをかけるバックアップとっている際中に更新が行われないようロ
AndroidシミュレータはGenymotion一択！MacでもOK！ブラウザの表示確認に！ | SHINGO IRIE
Androidには数多くのバージョン、端末がありますが、たまにクライアントより「Xperiaで見え方がおかしい」など、機種指定で挙動がおかしいといった報告があります。そうすると、手元に実機をもっていないと、再現することができず、解決までに時間がかかってしまいます。 機種を指定して高速シミュレートそこで、Genymotionという便利なアプリがあります。このアプリを使えば、Androidの好きなバージョン、機種を指定してシミュレートすることができ、状況を再現することができるようになります。 機種名、バージョンなど細かくさがせて、追加します。 実行すると、ばっちりシミュレートしてくれます。動作も軽い。 WindowsでもMacでも使えるGenymotionGenymotionはWindowsでもMacでもインストール可能です。 Macで使用する場合、GenymotionのほかにVirtualb
jQueryを使って、div全体にリンクを貼る方法。_blank対応も。 | SHINGO IRIE
例えばボタンなどdiv全体にリンクを貼りたいことがありますが、その際に便利なTipsのご紹介です。 まずは、見た目のみ準備CSSでボタンを作ります。リンクもdivの中に置いて構いません。CSSでdivの上にマウスがのったときに、カーソルが変わるよう変更しています。 <style> .sbtn{ margin-right:10px; text-align:center; background-color: #28B0FF; padding:10px; color:#fff; text-decoration:none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-bottom:10px; cursor:pointer; } </style> <div class="sbtn">
facebookアプリの作り方(PHP編) | PLUS
コンテンツへスキップ →web コメントコメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 * が付いている欄は必須項目です コメント 名前* メール* サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。 Δ 先頭へスクロール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
