タグ

ブックマーク / www.moongift.jp (167)

  • xlwings·さよならVBA。PythonとExcelの相互コミュニケーションライブラリ MOONGIFT

    Webアプリ全盛の現在とあっても、業務では未だにExcelが多く使われています。その結果としてVBAが活躍しており、メンテナンスが難しかったり、コピペされるコードが量産されていたりします。VBAがダメという訳ではないのですが、触りたくないと考えるプログラマは多いのではないでしょうか。 もっと自分が使い慣れたプログラミング言語でExcelを扱いたいと考える人に使ってみていただきたいのがxlwingsです。PythonExcelで双方向の操作が可能になります。 xlwingsの使い方 デモ。ExcelからPythonを呼び出します。 xlwingsPythonからExcelのデータを読み込んだり、ExcelからPythonをコールできます。その結果、PythonからExcelにデータを追加したり、検索結果を表示させることも可能です。VBAの代わりに使うことが可能です。 Pythonであれば

    xlwings·さよならVBA。PythonとExcelの相互コミュニケーションライブラリ MOONGIFT
  • AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT

    これで十分でしょ! Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも! アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で

    AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
  • quickstart-map-js - 地図で遊ぼう。ArcGISを使ったサンプル集 MOONGIFT

    地図は位置情報と結びつけると凄く魅力的で面白いサービスになります。ArcGISというGISサービスの統合プラットフォームがあるのですが、これを使うと位置情報を含めた様々なデータが取り出せます。 そのサンプルとして開発されているのがquickstart-map-jsです。Googleマップとはまた違う面白さがそこにはありそうです。 サンプルです。まずは白地図。 標高をマッピングしました。 衛星+都市。この辺りはGoogleマップでもありますね。 拡大すると日英語ながら地名が出ます。 標高だけにすると随分見やすくなります。 ウォーターカラー。面白い表現ですね。 ここからがArcGISのデータを使った表現になります。 ルート案内。USだけなのが残念ですが。 1〜3分内にいける場所をマッピング。 こちらも細かいルート案内。複数箇所を指定できます。 複数のデータをマッピング。 自由に線やポリゴン

    quickstart-map-js - 地図で遊ぼう。ArcGISを使ったサンプル集 MOONGIFT
  • Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート

    これは知っておいて損はないでしょう! Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。 しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、 ログイン ダッシュボード カレンダー グラフ ボタン/アイコン WYSIWYGエディタ フォーム/ウィザード テーブル その他ウィジェット が用意されています。これだけあれば後は組み合わせるだけで(Bootstrap来の機能も使いつつ)リッチな

    Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート
  • WOW.js - JavaScript/CSS3でスクロール連動型アニメーション MOONGIFT

    最近Webサイトでアニメーションしながら表示される所が増えています。かといってかつてあったFlashのようにスプラッシュ的なものではなく、表示構成要素がさりげなくアニメーションしながら配置されていくといった感じです。 それはCSS3のアニメーションで作られているのですが、スクロールと組み合わせて容易に実現してくれるのがWOW.jsです。 何はともあれ動画を見てもらうのが良いと思います。 犬やのアイコンがアニメーションしながら表示されていきます。スクロールの感知はJavaScriptで行っていますが、実際のアニメーションはCSSアニメーションによるものです。 実用的にどうなの、と思ったのですが以下のサイト(利用例)を見るとかなりいけてることが分かります。 さりげないアニメーションで表示されます。 1640 iOS7 Icons for designers & Developers | St

    WOW.js - JavaScript/CSS3でスクロール連動型アニメーション MOONGIFT
  • favico.js·Faviconを自在にコントロール MOONGIFT

    Webカムや動画までFaviconに流しちゃいます! FaviconはWebサイトのマークとして大事な役割を担っていますが、単に同じ画像をいつまでも表示しているのでは面白みがありません。もっと活用したい、そう考える人に使ってみて欲しいのがfavico.jsです。 できること favico.jsができることはFaviconのダイナミックな変換です。例えば、 バッジ表示 別なアイコンに差し替え 動画の表示 Webカムの表示 ができます。Faviconの中でWebカムを表示したいと思うケースは思いつきませんが、バッジ表示やユーザによってアイコンを変えると言うのは十分ありえるのではないでしょうか。 バッジ表示についてはアニメーションや形を指定することもできます。 デモ バッジ表示。数はダイナミックに変更できます。 数をアップしました。 アイコンの差し替え。 動画の再生。 バッジの表示位置は指定でき

  • O/Rマッパー当たり前な時代だからこそSQLテクニックを磨こう·SQL Fiddle MOONGIFT

    SQL FiddleはColdFusion製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 開発環境をセットアップするというのは意外に面倒で、せっかく学習しようと思ってもその時点で頓挫してしまいます。もしあなたがSQLを学んでみたいと思うならばSQL Fiddleを使ってみましょう。 こちらがメイン画面です。左に構造、右に実行するSQLを書きます。 実行例。結果はテーブルで下に表示されます。 SQLを変えれば実際に結果も変わります。 対応するデータベースは多様です。 SQL FiddleはJSFiddleに代表されるWebプレイグラウンドサービスで、SQLをWebブラウザ上で実行、確認ができます。最初のテーブルのCreate文からはじまり、任意のSQLを実行してその結果をテーブル表示で確認できます。MySQL/PostgreSQL/MS SQL Se

    O/Rマッパー当たり前な時代だからこそSQLテクニックを磨こう·SQL Fiddle MOONGIFT
  • HTMLコーディングの問題点を浮かび上がらせてくれるブックマーク·DiagnostiCSS MOONGIFT

    DiagnostiCSSJavaScript製のオープンソース・ソフトウェア(MIT License)です。 Webブラウザはよく出来ていて、Web標準に沿っていなくともそれっぽく表示してくれます。しかしそれに安穏としているとレガシーなブラウザなどで表示が失敗したり、意図した動作にならないことがあります。そこでDiagnostiCSSを使ってチェックしてみましょう。 MOONGIFTで実行しました。様々な枠が表示されました。 マウスオーバーで画面上部にメッセージが表示されます。例えばonclick指定の指摘です。 かなりダメなところは赤い枠になっています。 DiagnostiCSSでは問題のあるHTML要素について枠で囲むことで問題を把握しやすくしてくれます。主にインラインスタイルやイベント属性、無効なリンク、空または廃止予定の要素、必要な属性のない要素などがリストアップされます。 HT

    HTMLコーディングの問題点を浮かび上がらせてくれるブックマーク·DiagnostiCSS MOONGIFT
  • フリーランサー/小規模向けのプロジェクト管理·Solo MOONGIFT

    SoloはPHP製のソフトウェアです。 ごく小規模な、そう一人でも使えるプロジェクト管理は意外と使い勝手が良いものはなかったりします。少人数で使うにはちょっと大袈裟な機能がたくさんなので、手に余る感じでした。そこで紹介したいのがSolo、小規模にこだわったプロジェクト管理です。 インストール。ウィザードに沿って進めるだけです。 メイン画面です。プロジェクトが並びます。 プロジェクト作成画面。基的にこういったモーダルウィンドウで入力を行います。 プロジェクトにはタスクが追加できます。 カレンダー機能があります。タスクの期限に合わせて表示されます。 クライアント。 タスク管理プロジェクトを横断的にチェックできます。 ファイルの添付もできます。 プロジェクトテンプレート。 タスクはタイムトラッキング機能が備わっています。 Soloは主にフリーランスが集まってプロジェクトをこなすのに合わせた設

    フリーランサー/小規模向けのプロジェクト管理·Solo MOONGIFT
  • HTML5/JavaScriptによる電子書籍風フリップアニメーション·Turn.js MOONGIFT

    Turn.jsはHTML5/JavaScript製のオープンソース・ソフトウェア(BSD License)です。 電子書籍というとePubファイルが有名ですが、HTML5でも実現は可能です。特に紙をめくった時のようなフリップアニメーションが欲しい時にはTurn.jsを使ってみましょう。 デモです。幾つかのサンプル書籍が掲載されています。 開きました。 フリップしています。 別な書籍。マウスをもっていくと端が折れ曲がります。 こんな感じで斬新な表示も。 マガジン風の使い方もできます。 デモ動画です。 Turn.jsではめくる操作はもちろんのこと、拡大表示もサポートされています。デスクトップブラウザはもちろん、iPhone/iPadによる操作も可能です。コンテンツはAjaxによる動的取得にも対応しています。一部HTML5非対応ブラウザでも使えるようになっており、対応ブラウザはIE8からとなって

    HTML5/JavaScriptによる電子書籍風フリップアニメーション·Turn.js MOONGIFT
  • OAuth認証を一手に行うOAuth.ioのJavaScriptクライアント·oauth-js MOONGIFT

    oauth-jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 ソーシャルなサービスが増えるのに伴ってOAuthプロバイダーはどんどん増えています。OpenIDと違って、同じ仕様で全てがこなせないのが辛いところです。そこで使ってみたいのがOAuthをまとめてくれるOAuth.ioで、さらにそれを簡単にしてくれるのがoauth-jsです。 デモの画面です。70を越えるプロバイダが利用できます。 ポップアップ版による実装です。 ウィンドウが閉じるとデモの画面でトークンが表示できています。 GitHubなどもポップアップにできます。 プロバイダによって多少のデータフォーマットの違いはありますが、概ね同じ形のようです。 oauth-jsを使うとリダイレクト方式とポップアップ方式を簡単に切り替えて使えます。いずれの形にしてもサーバサイド

    OAuth認証を一手に行うOAuth.ioのJavaScriptクライアント·oauth-js MOONGIFT
  • Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT

    CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗

    Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
  • データベース無し、Markdownでコンテンツを作成するCMS·Pico MOONGIFT

    PicoはPHP製、MIT Licenseのオープンソース・ソフトウェアです。 CMS(コンテンツマネジメントシステム)と言えばデータベースにコンテンツを入れて、システムがそれを一覧にしたり詳細ページを作ったりします。運営担当者が自由にできるところは限られるものです。しかしPicoであればカスタマイズが容易でかつ高速なCMSが手に入ります。 フォルダを配置するだけで準備は完了です。インストールの手間もありません。 ファイル構成です。contentディレクトリの下にMarkdownで書かれたコンテンツがあります。 テーマ、プラグインがサポートされています。テンプレートエンジンはtwigになります。 Markdownファイルを修正すれば、それが自動的にコンテンツに反映されます。 テンプレート。見ても分かる通り簡単な作りです。 Picoはシンプルであり、データベースも不要で使える手軽なCMSとな

    データベース無し、Markdownでコンテンツを作成するCMS·Pico MOONGIFT
  • Rubyのコードをもっと美しく書くために使いたい·rubocop MOONGIFT

    rubocopRubyのコード可読性をチェックするソフトウェアです。 プログラマーを何年やっていても、なかなか奇麗なコードに辿り着くのは困難です。ちょっと道を誤るとものすごいコードになっている場合もあります。そんな時には機械的に評価してくれるrubocopを使ってみましょう。 実行しました。色々な情報が出てきます。 Cは注意、Wはワーニングでしょうか。 ヘルプです。Emacsとの連携もできます。 rubocopでは内部での幾つかのルールに従って指定ディレクトリ以下のRubyコードについて評価を行ってくれます。筆者の場合、一行あたりの文字数が多くて引っかかるケースが多いようです。そうした点に注意して書くようにすれば、より可読性の高い美しいコードが書けるようになりそうです。 rubocopRuby製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 美

    Rubyのコードをもっと美しく書くために使いたい·rubocop MOONGIFT
  • Web上でのプログラミングがさらに便利に。JavaScriptを使った開発補助·Tern MOONGIFT

    Ternは入力補完や関数の引数表示と言った機能がついたJavaScript用プログラミング補助ライブラリです。 そろそろWebブラウザ上でコーディングを行える環境が整ってきたのではないでしょうか。プログラミングするためのエディタ環境として必要なのはハイライターなどの他にもたくさんあります。その幾つかを提供してくれるのがTernです。 入力補完。 文字を打つと絞り込まれていきます。 変数、クラスの定義を探します。 オブジェクトの種類を下に表示できます。 変数名を変更します。 名前空間に対応しているので余計なところは変更しません。 関数の引数を表示します。 デモ動画です。 Ternでは入力補完、変数やオブジェクトの定義元検索、関数の引数表示、変数名の一括変更と言った機能がサポートされています。いずれもローカルアプリケーションのプログラミングエディタには備わっている機能と言えるでしょう。しかしそ

    Web上でのプログラミングがさらに便利に。JavaScriptを使った開発補助·Tern MOONGIFT
  • Yahoo Pipesのような表現やマインドマップにも·jsPlumb MOONGIFT

    jsPlumbはWeb上でオブジェクト同士のつながりを表現できるJavaScriptライブラリです。 情報は有機的に結びついています。マインドマップやネットワーク図などを描く際には必ずオブジェクト同士が何らかの連結しあっているでしょう。そんな図をWeb上で描くのに使えるライブラリとしてjsPlumbを紹介します。 Yahoo! Pipesに似た連結です。 アニメーションもできます。 マウスでドラッグして接続もできます。 複雑に結びつけました。 一つのオブジェクトから複数のオブジェクトに派生するデモ。 jsPlumbはレンダリング先としてSVG、Canvas、VMLが選択できます。また、ライブラリとしてjQuery/MooTools/YUI3が切り替えられます。オブジェクトはマウスで自由に場所を変更でき、コネクトしているラインは自動で再描画されます。 jsPlumbはJavaScript製、

  • MacBook AIRが自慢のあなたに贈る。ドヤ顔音声再生ソフトウェア·MacBookDoya MOONGIFT

    MacBookDoyaはMac OSXのスリープ解除、ログイン時に音声ファイルを再生するジョークアプリです。 MacBook AIRを颯爽と操るクールなガイにオススメ!なアプリがMacBookDoyaです。いつもクールを維持するのは大変ですが、そんな時にはこのMacBookDoyaがあなたの代わりにドヤ顔なエッセンスを周囲に振りまいてくれます。 メニューです。スリープ解除時、ログイン時に設定された音声ファイルが再生できます。 ドヤメッセージは9種類から選択できます。 アバウトです。 メッセージは自分で実際に立ち上げてから聞くと良いですが、これが大音量で流れると素早くカフェから立ち去りたくなると思われます。社内であっても2、3日は痛い人になってしまうかも知れません。くれぐれもご注意を。 MacBookDoyaはObjective-C製、Mac OSX用のソフトウェア(ソースコードは公開されて

  • Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT

    gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます

    Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
  • JavaScriptを使ってExifデータを読み取る·exif.js MOONGIFT

    exif.jsはJavaScriptを使って写真のExifデータを読み取るライブラリです。 スマートフォンの普及によって写真データをオンライン上に扱うケースが増えています。そんな写真のメタデータであるExifをJavaScriptで扱ってしまおうというのがexif.jsです。 サンプルです。写真を指定するとそのExifから位置情報を読み取ってGoogleマップにマーカーを立てています。 コードです。FileReaderでデータを読み取った上で解析しています。 exif.jsは位置情報のみならずホワイトポイントやフラッシュ、シャッタースピードなどExifで取得できるデータが網羅されています。これだけのデータが取れれば、面白い使い方が考えられそうです。 exif.jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIFT

  • ワンクリックでMac OSX上にRuby on Rails開発環境を構築·Rails One Click MOONGIFT

    Rails One ClickはMac OSXRuby on Rails開発環境をボタン一つで整えてくれるソフトウェアです。 Mac OSXにおけるRuby on Rails開発環境を一気に整えてくれるのがRails One Clickです。ウィザード方式でボタンクリックだけでRuby on Railsが開発できるようになります。 メイン画面です。ボタンを押すとインストールが開始します。予めXcodeがインストールされている必要があります。 ダウンロードやコンパイルも同時なのでちょっと時間がかかります。 ログです。 完了しました。 この画面が表示されていれば完了です。 デモ動画です。 Rails One ClickはDocuments以下に一通りの環境をインストールするので、ルート権限不要で使えるのが便利です。 Rails One ClickはMac OSX用のオープンソース・ソフトウェ