MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近はWeb Fontに人気が集まっています。それまでは一つの画像にまとめてスプライトしていたので、アイコンの使い方も移り変わりがあるようです。さらにSVGを使ったアイコンというの選択しもあります。 大事なのはバイナリからベクターベースになってきているという点で、さらに軽量さを求めるようになっています。今回はその一例としてiconoを紹介します。 iconoの使い方 実際の使い方です。 <i class="icono-mail"></i> <div class="icono-mail"></div> <span class="icono-mail"></span> <whatever class="icono-mail"></whatever> このように指定してアイコンが出ます。

Trelloは、https://www.trello.com で提供されているオンラインのタスク管理サービスで、利用している人も多いと思います。僕自身も以前書いたSCRUM BOOT CAMP THE BOOKの執筆の進捗管理や、Regional Scrum Gathering Tokyoのタスク管理などで使っていました。 このTrelloのオープンソース版のクローンが登場したので紹介します。 LibreboardLibreboardは、こちらで開発が進められているオープンソースソフトウェアでMITライセンスで提供されています。2014年の頭に開発が始まり、最初の開発ペースは早くありませんでしたが、昨年末くらいから急激に開発速度が上がってきているようです。 技術的には、NodejsのフレームワークであるMeteor(メテオ)を利用しています。 Meteorの詳細については以下を参照すると良

今日はスクレイピングの話をします。 今回のターゲットは三菱東京UFJダイレクト。金融機関もウェブサービスを提供するようになり、金にまつわる情報を電子化しやすくなりましたが、かれらが API を提供しているわけではないので、私たちのほうで取得・加工をしてやる必要があります。今やウェブサイトであれば当然のように JavaScript を使っているわけなので、いわゆる mechanize、つまり HTML の解釈をおこない、リンクのクリックやフォームの送信をシンプルに実装するようなやり方でのスクレイピングはすでに無理筋だといえます。 もちろん今日においてはブラウザオートメーションという方法がすでにありますので、これを利用してやれば、なんの憂いもなく実際に人間が使うようなブラウザをプログラマティックに操作することができます。現在は Selenium WebDriver がデファクトで、これが使用す

こういうシンプルさが好きです！ Webベースのチャットソフトウェアはたくさんあります。誰でも使えるようにしているもの、開発者向けに特化しているもの、社内利用、プライベート利用など様々な用途を想定し、それぞれ作られています。 MogoChatはチームでのチャット（つまりあまり多くない人数）、かつIRCに慣れている人向けと言えるでしょう。見た目はシンプルで軽快に動作します。 MogoChatの使い方 MogoChatはコードの貼付けに対応している他、IRCのように /me でメッセージを送信できます。また、新しいメッセージがきた時には音やタイトルでの通知が行えるようになっています。画面が簡素なのは好みが分かれるところですが、IRCからの移行であれば十分と言った気もします。 MogoChatはRuby/Ruby on Rails製のオープンソース・ソフトウェアです。 Get MogoChat デ

先日、TestFlightのAndroidサポート終了、Appleによる買収といったニュースが世間を騒がせましたが、皆さんテストアプリの配信はどうしていますか？ KLabでは自社製のテストアプリ配信ツール「EMLauncher」を使用しているのですが、せっかくなのでOSSとして公開することにしました。 https://github.com/KLab/emlauncher 今すぐ試す 今すぐ試したい方のために、セットアップ済みのAWS EC2イメージを用意しました。 ami-9b295f9a EMLauncher Sample インスタンスを起動後、設定ファイルのAWSアカウント情報を編集し、S3のバケットを作成してください。 (設定の詳細はconfigディレクトリのサンプルをご覧ください) /home/ohoflight/emlauncher/config/emlauncher_confi

はじめに こんにちは植木和樹です。2013年2月2日は私がAWSに初めて触れた日で、本日が1周年となります。JAWS-UG北陸（金沢）の勉強会でアマゾンデータサービスジャパンの堀内さんによるハンズオン（実際に画面を操作しての体験会）が開かれ、そこでEC2やRDSを触れたのが初となります。 実際にはその3ヶ月ほど前から、ネットに流れてくるAWS関係のニュースをみたり、自分のクレジットカードを使ってアカウントを作ったりはしていたのですが、マネージメントコンソールを用いた操作をちゃんとしたのがこの日が初めてだったわけです。 さてAWSを始めた方の多くは、まずEC2にApache＋PHPを起動しRDSでMySQLを用意して・・・というエンジニア向けなところから入ってくる場合が多いようです。上記の通り私もその口で、それまで10年程やっていたインフラ（サーバー）エンジニアの延長としてAWSと関わり始め

Redmineをプロジェクト管理に使っている企業は多いです。アジャイル開発のみならず必要十分な管理項目があることで従来のプロジェクト管理においても活躍します。 しかしWebブラウザからアクセスするのに対して若干の不便さを感じることもあります。もっと素早くアクセスできれば良いのに…そう思う方はRedmine Desktop Clientを使ってみましょう。 Redmine Desktop ClientはオリジナルのRedmineClientからフォークし、REST APIを使うようにしたソフトウェアです。 接続設定です。RedmineのURLとID/パスワードを入力します。Redmineのバージョンも指定する必要があります。 タイムトラッキング機能があります。タスクを選んでトラッキングを開始します。 タスクの編集や追加もここからできます。 RedmineのWeb UIから操作するよりもRed

ブライトコーブ共催セミナー「知っておくと必ず得するクラウド上での動画ワークフロー/小規模から大規模プロジェクトまでカバーする次世代の動画管理方法」 http://go.brightcove.com/content/ja-20131209 Adobe担当分（DRMまわり）の資料ですRead less

ソニーデジタルネットワークアプリケーションズ（SDNA）は、ウェブサイトに潜むセキュリティ上の問題点を検出して診断するサービス「Webアプリケーション診断」を提供開始したと発表した。 セキュアスカイ・テクノロジーから技術提供を受け、同社と同等の信頼性が高い診断サービスを提供するという。 SDNAはリモートで依頼主のウェブサーバにアクセスし、不正なスクリプトの挿入やユーザー承認関連の脆弱性などをチェック。セキュリティ問題に精通した技術者による診断と対策完了までをサポートする。 料金はウェブのページ数によって異なり、10ページからの小規模向け「エクスプレス診断」は基本料金40万円から。追加ページ料金は30万円／10ページとなっている。報告会料金が1回10万円、改修方針のチェックが1回5万円となっている。 50ページ以上を対象にした「エキスパート診断」の基本料金は128万円。50ページを超える場

IPA（情報処理推進機構）は2013年8月29日、「『標的型メール攻撃』対策に向けたシステム設計ガイド」を公開した（IPAの文書配布ページ）。標的型メール攻撃について、攻撃の全体像や特徴、システム設計による対策手法をまとめている。2011年に公開された「『新しいタイプの攻撃』の対策に向けた設計・運用ガイド」の続編となる。 2011年のガイドラインでは、仮にマルウエアに侵入されても、ネットワークの出口段階で情報を持ち出されないようにする「出口対策」を打ち出した（関連特集：急増する標的型攻撃から社内の情報流出を防げ）。今回の新ガイドラインでも方針は変わらない。マルウエアの感染を防ぐことより、攻撃を無効化することに重点を置いている。対象とするサイバー攻撃を標的型メール攻撃に絞ることで、攻撃の分析や対策手法の解説を詳細にしているのが前回との違いだ。 さらに前回のガイドラインにはなかった対策の解説も

JSSECのガイドラインに沿ってAndroidアプリの脆弱性を検査：SDNA、個人開発者向けに月額1000円で検査ツールを提供 ソニーデジタルネットワークアプリケーションズ（SDNA）は7月1日、JSSECのガイドラインに沿ってAndroidアプリの脆弱性を検査するツール「Secure Coding Checker」のオンライン販売を開始した。 ソニーデジタルネットワークアプリケーションズ（SDNA）は7月1日、Androidアプリの脆弱性を検査するツール「Secure Coding Checker」のオンライン販売を開始した。 Secure Coding Checkerは、Androidアプリの本体ファイル（apkファイル）を検査して脆弱性を指摘するとともに、修正方法を提示するツールだ。検査は、日本スマートフォンセキュリティ協会（JSSEC）がまとめている「Androidアプリのセキュア

PhabricatorはFacebookが開発しているプロジェクト管理です。ソースコードレビュー、バグトラッキングなど開発者フレンドリーな機能が数多くあります。 企業においてGitHubをソースコードリポジトリ/プロジェクト管理に使っているケースも増えてきていますが、大規模な企業では難しいケースも多いでしょう。そこで紹介したいのがFacebookで開発されているPhabricatorです。 最初にログインを求められます。 ついでユーザ名を入力します。 ダッシュボードです。 チケットの詳細画面です。 ソースコードレビュー。 もちろんコードハイライター付き。 リポジトリビューワー。 コミットログ。 画像付きでディスカッションもできます。 Wiki。 IRCのチャンネルリスト。 PhabricatorではGit/Subversion/Mercurialをサポートしています。また、OSはWindo

完全に釣りタイトルですけど中身は真面目に書くよ。 近年、ウェブサイトのHTTPS化が流行のようになっている。私の知る限り、Googleの各種サービスやTwitter、Facebookなどが完全にHTTPSで通信を行うようになっている。HTTPS、つまりSSLによる通信の暗号化によって、ユーザにこれまでよりも安全なウェブサイトを提供できる。 しかし、あなたが作っているサイトをふと思いつきでHTTPS化してしまうと、たぶん、これまでよりもサイトが遅くなる。ここでは、HTTPSで通信する場合の問題を解説する。 なぜ遅くなるのか HTTPで通信する場合、クライアントがサーバへと接続するためにはTCP/IPの3ウェイハンドシェイクという手順が必要になる。めんどくさいのでここでは詳しくは説明しないが、要するにクライアントがリクエストを投げる前にパケットを１往復させないといけないのである。パケットの往復

「meetingl.com」は複数人でウェブ会議がすぐに利用できるサービスです。ブラウザがあれば会議用のRoomを新規作成でき、そこに友人を招待すればOKです。登録も不要ですぐにウェブ会議が始められます。シンプルな作りでとても便利なサイトですよ。 実際に使ってみた様子は以下から。 まずmeetingl.comへアクセスしましょう。 まずはウェブ会議用の部屋を新しく作りましょう。適当な部屋の名前をつければ準備完了。 ウェブカメラのアクセスを許可すればこのようにウェブ会議室が作れました。既に自分がその部屋にログインしている状態です。「Invite」から招待用のURLを送ることができます。画面左下にある9桁のコードを共有すればOKです。ブラウザだけですぐに始められるので便利ですね。ぜひご活用ください。 meetingl.com （カメきち）

By Reid Rosenberg 2006年にウェブページが表示されるまで人が我慢できる時間は「4秒まで」だとする調査結果がAkamaiによって公開されましたが、さらなる調査でムービーに関しては人は2秒で見切りをつけ始めるということがわかりました。 （PDF）The Impact of Video Stream Quality on Viewer Behavior http://www.akamai.com/dl/technical_publications/video_stream_quality_study.pdf Online viewers start leaving if video doesn’t play in 2 seconds, says study — Tech News and Analysis http://gigaom.com/2012/11/09/online

2013年8月28日 Webサイト制作 オンラインショップで最も使われている決済方法がクレジットカード決済。しかし、過去にオンラインショップを制作したことのあるWeb屋さんは、決済時の動作テスト方法にとまどった事はありませんか？動作確認に自分のクレジットカードを使っていたという人が多いかと思います。私もそうやってテストしていました…が、実は各種メジャークレジットカードではオンライン決算時用のテスト番号があるのです！便利ですよね！ ↑私が10年以上利用している会計ソフト！ 以下のクレジットカード番号を使えば、実際に決済が完了した時と同じ動作をします。もちろんテスト番号なので実際に入金などはありません。有効期限は現在の年月より先のものならなんでもOKです。 広く使われているこのテスト番号ですが、対応していないサービスもあります。番号自体のチェックは「【PHP】クレジットカードチェックサンプル」