プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
MUI – HTMLメールにも対応した軽量マテリアルデザインテンプレート
マテリアルデザインを実践していきたいと思っても、デザインとアニメーションを理路整然と実装するというのはとても難しいことです。そのためお勧めの方法としては既に幾つかあるフレームワークを導入することです。デザインはもちろん、アニメーションが自分の好き好きに合うか、これはフレームワークを選定する上で大きな要素になってきそうで...
md2react - React用Markdownレンダー
最近注目が集まりはじめているReact。特に良さそうなのがViewを抽象化しているのでReact CanvasやReact Nativeのような使い方へ発展している点です。困難はありそうですが面白そうな取り組みです。今回はそんなReactを使ってMarkdownをレンダリングするmd2reactを紹介します。Markd...
MacLight – スクリプト/CLIからCaps Lock/Num Lockを操作
日本の場合、あまりCaps Lockを使いません。カタカナだけをずっと入力する場合は使うかも知れませんが、あまり機会は多くないでしょう。むしろ間違って触れてしまって入力が大文字やカタカナになってストレスを感じる方が多いと思います。そんな嫌われがちなCaps Lockですが、有効にすると光るLEDを持っているという特徴が...
highlight.js - 100種類の以上の言語に対応したコードハイライター
ブログやWebサイトでプログラミングコードを載せる際に必要になるのがハイライト処理です。単純にコードをそのまま載せても可読性はとても低いです。ハイライトライブラリを使って、見やすくすべきです。個人的にはGoogleが作っているgoogle-code-prettify
wifi-password – WiFiパスワードを素早く調べる
会社やイベントで無線LANのパスワードを聞かれることは意外と多いですよね。大抵ボードに書いてあったり、最初にメールしていたりするのですが、それを毎回探してくるのは面倒です。そこで使いたいのがwifi-passwordになります。Mac OSX用ですが、WiFiのパスワードを簡単に調べられます。## wifi-passw...
Open Style - デザイナー向け。軽量なCSSフレームワーク
CSSフレームワークを使うと見た目が整ったWebサイトを素早く構築できます。ただ、あまり多機能なフレームワークを選ぶとカスタマイズがしづらくなり、フレームワークの雰囲気に引きずられてしまいます。素早さと自由さのバランスが大事なのですが、今回紹介するOpen Styleは割とシンプルで、仰々しい機能が多くないのが特徴と言...
2015/03/07
2015/03/07使えるWebサービス・オープンソース（33）「プレゼンテーション」
今回のテーマはプレゼンテーションです。プレゼンの肝と言えばスライドで、ローカルであればPowerPointやKeynote、WebであればGoogleあたりのサービスが使われることが多いようですが、似たようなものばかり使っていると聴衆は飽きてしまうものです。そこで人目を引くプレゼンテーションを目指すべく、格好良いスライ...
Reapp – Reactで作るハイブリッドアプリフレームワーク
iOS8やAndroid 4.4くらいになってWebViewもレベルが高くなっています。その結果、ネイティブのプログラミング言語以外でも十分な性能のアプリが開発できるようになっています。こうなるとハイブリッドアプリの可能性が出てくるでしょう。さらに高速なビュー、エレガントなUIにこだわる方はReappを使ってみましょう...
TouchDevelop - タッチデバイスでゲームを制作&シェア
アプリやサービスを開発するには高度な知識と技術力がなければならない、そんな時代はもう昔のことです。今ではブロックを組み合わせるように手軽にWebサイトを作ったり、アプリを生成できるサービスが存在します。TouchDevelopもそんな開発環境の一つになります。Microsoft社が開発した、タッチ操作で動くWebアプリ...
github-issue-browser – GitHubのIssue専用ブラウザ
GitHubのIssueを使ってプロジェクトのタスクを管理しているチームはたくさんいます。しかし複数のプロジェクトに参加していると見なければならないタスクが増えてしまったり、一つ一つクリックして詳細を確認するのも面倒です。そこで使ってみたいのが専用ブラウザです。今回はIssue閲覧専用ツールのgithub-issue-...
React Canvas - 要注目！ReactでCanvasに描画
最近Reactに注目が集まっています。面白いのはViewのコードを抽象化しているのでReactのViewをDOM以外に展開することも考えられるということです。その一つが先日発表されたReact Nativeでしょう。そしてFlipboardはReact Canvasを開発しました。これはDOMの代わりにCanvas上に...
td – ターミナル上で動作するタスク管理
Todoは生活の基本とも言えるかも知れません。プロジェクト管理はもちろんのこと、日々の生活の中でも使われます。Remember the Milkはその名の通り、帰りがけのミルク購入を忘れないためのタスク管理サービスでした。tdはターミナル上で使えるタスク管理サービスです。いつでもWebブラウザが開けるわけでもない、サー...
CDK - Twitter製。AsciiDocをHTMLスライドに変換
最近はプレゼンテーションのスライドもHTMLで作ることが増えてきました。余計なエフェクトや装飾を気にせず内容だけに集中できますし、コンテンツを公開すればWebクローラーフレンドリーです。幾つかのツールがありますが、今回はTwitter社の開発したCDK（Courseware Development Kit）を紹介します...
Let’s Chat – Slack風のチャットシステム
最近のスタートアップはみんなSlackに移動しているようです。確かにUIがシンプルで分かりやすく、他のサービスとの連携もしやすいとあって自分たち好みの仕組みに作り替えられるのが便利です。そんなSlackのUIを真似たクローンとも言えるチャットソフトウェアがLet's Chatです。## Let's Chatの使い方!こ...
- 2015/03/03
静的サイトに最適！業務で使えるオープンソース（147）「コメントサーバ」
今回のテーマはコメントサーバです。MOONGIFTで提供を開始した開発者向けPRサービスのDevRelはAmazon S3上にデプロイし、コメント機能はDisqusを使っています。サーバサイドの仕組みがないことで、システム構成がシンプルになり、運営も手軽になります。ということで今回はコメント機能を別サービス化するコメン...
Scroller - DOM/Canvas対応のスクロール&ズームライブラリ
Googleマップをはじめて操作した時の驚きは今も覚えています。マウスでドラッグして無制限に動かせたり、マウススクロールでズームイン、ズームアウトさせることができました。この凄さに驚いた開発者がこぞって同じような操作ができるライブラリを開発しました。Scrollerはその一つの試みで、HTMLに加えてCanvasでもズ...
reichat – 筆圧対応の本格的お絵かきチャット
テキストのチャットは数多くサービスが存在します。メールだってその一つですし、LINEやSlackだってあります。しかし言葉にできない思いを伝える方法は他に考えなければなりません。それがイラストです。イメージを伝えるためにイラストを描いて伝えるのです。相手もいれば、みんなでイラストを仕上げられます。それができるのがrei...
HubPress - Webから記事投稿も！GitHub APIを使った静的ブログシステム
ブログと言えばWordPressやMovableTypeといったオープンソース・ソフトウェアかはてなブログやLivedoorブログと言ったASPが選択肢になるでしょう。しかし最近ではOctoPressやJekyllといった静的サイトジェネレータを使うケースもよくあります。今回紹介するHubPressも静的ブログジェネレ...
Subway – iOS/Windows Phone/BlackBerryでの利用を想定したシャープなアイコンセット
素敵なアイコンを探す旅は永遠に終わりません。ある時には小さくて可愛らしいものが流行ったかと思うと、次はシンプルでフラットなものが流行になります。古くさいデザインにならないためにも常に先進的デザインを追いかけなければなりません。今回は新しいアイコンセット、Subwayを紹介します。多数のモバイルデバイスに合わせたサイズが...
TTlogger - 何をしたかを記録しておく時間管理
Todo（これからやること）も大事ですが、ToDid（何をやったか）を管理するのも大切です。日報もやったことリストですし、個人が成長していく上でも何をやったかを蓄積するのは大事なことだと思います。そんなやったことリストを管理できるツールがTTloggerです。node-webkit（現NW.js）で作られたツールです。...