Shortcuts JS - iOSのショートカット機能用ファイルを生成するJavaScript MOONGIFT
iOS12から、iPhoneの操作を自動化するショートカット機能が追加されました。自作もできるのですが、簡易的なプログラミングであるために敷居が高く感じてしまっている人も多いでしょう。逆にプログラマにとってはGUIで面倒だと思ってしまっているはずです。 そこで使ってみたいのがShortcuts JSです。JavaScriptで書いて、ショートカット対応のファイルを生成します。 Shortcuts JSの使い方 例えばこんなコードになります。42/3を計算するものです。 // We'll use this later to reference the output of a calculation let calcVar = actionOutput(); // Define a list of actions const actions = [ comment({ text: 'Hello
Sharedocs - 社内で使えるQiitaクローン
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 強い組織を作るためにはナレッジの共有が欠かせません。個々人のナレッジに留まっていては同じ経験を繰り返すだけですし、何も培われていきません。問題はどこに書き留めるかです。かつてはWikiもありましたが、慣れないと使いこなせませんでした。 今回紹介するオープンソース・ソフトウェアはSharedocs、プログラマが使い慣れているであろうQiitaクローンです。 Sharedocsの使い方 Sharedocsのトップページです。 ログインしました。カラーリングは違いますが、UIはとてもQiitaに似ています。 新規作成画面です。ここのデザインは結構違います。が、プレビューの機能などはついています。 表示例です。記法はMarkdownが使えます。 ユーザページです。投稿数、ストック数などが確
Wmail - Gmail専用クライアント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メーラーは何を使っていますか。最近ではWebアプリケーションがリッチになっているので、Webブラウザからそのまま使っているという人も多いのではないでしょうか。 ただ、メールでは重要なやりとりがされることも多く、任意のWebサイトや機能拡張が入った中での利用はセキュリティを懸念するかもしれません。そこで使ってみたいのがGmail専用アプリのWmailです。 Wmailの使い方 WmailはGmailとGoogle Appsに対応しています。 OAuth2を使っていますのでログイン後に権限確認を行う必要があります。 メイン画面です。ほぼ通常のGmailと変わらずに使うことができます。 Wmailの利点として、複数アカウントの管理に対応しているという点が挙げられます。また、デスクトップ通
MJML - レスポンシブなHTMLメール用テンプレート
今やレスポンシブデザインはWebだけでなく、メールにおいても大事な存在になっています。メールもデスクトップはもちろん、スマートフォンやタブレットで閲覧することもあるでしょう。 そんなメール用のレスポンシブデザインを実現してくれるフレームワークがMJMLです。専用の記法で作るのが特徴です。 MJMLの使い方 MJMLのシンプルなデモです。 モバイルで見た場合のデザインに変更しました。 こんな複雑なデザインも実現できます。 メニューをつけたデザイン。 モバイルデザイン。 MJMLを使うことで、最適なレスポンシブデザインが容易に実現できるようになります。メールはサーバ側のHTMLと異なり、JavaScriptを実行したり、データの出し分けもできません。MJMLを使えばメールの反応率も大きく変わってくることでしょう。 MJMLはnode/JavaScript製のオープンソース・ソフトウェア（MIT
excel2js - ExcelシートをWeb化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 日本にはExcel職人と呼ばれる人たちがたくさんいます。彼らにかかればどんなドキュメントであってもExcelで作られ、多くの業務システムがExcel VBAを駆使して作られます。 今回はその最高峰とも言える、Excelで作るWebアプリケーションを紹介します。それがexcel2jsです。 excel2jsの使い方 excel2jsはExcelで作られたシートをHTML/JavaScriptにしてくれるソフトウェアです。下の画像は元ファイルになるExcelファイルです。式も埋め込まれています。 それがこんな感じにWebブラウザ上で動くようになります。 Excelで動くものになりますので、サーバサイドと連携するなどというのは難しいでしょう。しかしちょっとした計算処理を行うものであればe
radicast - radikoをPodcasting化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました radikoはそれまでラジオをほとんど聞かなかった人も利用するようになっており、スマートフォンを使って朝夕に聞いている人も多いのではないでしょうか。 そんなradikoはその時しか番組を聞けないのですが、後で振り返って聞きたいと思う人も多いでしょう。そこで使ってみたいのがradicast、radikoをPodcasting化するソフトウェアです。 radicastの使い方 radicastを試す一番簡単な方法はDockerを使うものです。 $ docker run --rm -p 3355:3355 -v `pwd`:/workspace soh335/radicast:latest --config /workspace/config.json --output /workspa
Mejiro - 1ファイルの写真ビューワー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 写真は撮り方はもちろんですが、同じくらい大切なのが見せ方です。撮りためてストレージの肥やしになっていては何の意味もありません。 Webサイトで見せようと思っても複雑なソフトウェアをセットアップするのは大変です。そこで使ってみたいのがMejiroです。 Mejiroの使い方 Mejiroは1ファイルのPHPだけで作られているソフトウェアです。フレームワークなどを使ってすぐに大型化、複雑化する昨今にあって、好印象です。 トップではまず写真一覧が表示されます。 写真をクリックすると詳細表示になります。 Mejiroでは写真のダウンロードもでき、EXIFのメタ情報も確認できます。決して多機能ではありませんが、セットアップが簡単ですぐに使えるのが魅力でしょう。 MejiroはPHP製のオープ
Tumblotte - Markdownで投稿できるTumblrクライアント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Tumblrはお使いでしょうか。リブログの文化を生み出しただけに、他のサイトからコンテンツをポストしたり、他のユーザをフォローするような使い方が多いようです。 しかし普通のブログとして使っているサイトも数多くあります。そんな使い方を手軽にできるようにしてくれるのがTumblotteです。 Tumblotteの使い方 TumblotteはElectronで作られたTumblr用のMarkdownエディタです。はじめにログインします。 そうすると自分で作ったブログがドロップダウンに出るので、そこから選択して記事を追加します。記述はMarkdownでできて、右側にプレビューも出ます。Reactで作られているので、編集からプレビューへの反映はリアルタイムです。画像の表示もできます。 そのま
Gyamm - メールをWebページに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メールは基本的に宛先に指定された人しか受信されません。そのため、個人の受信箱はストックされる場所になりますが、数が増えれば次第に管理が面倒になっていきます。 待ち合わせ場所の案内やイベント情報など、メールを保存しておきたいと思う場面は多いはずです。そこで使えるのがGyammです。 Gyammの使い方 Gyammはxxx@gyamm.comというアドレスにメールを送ると、http://gyamm.com/xxx でアクセスできるページが作られるようになっています。 例えばこんな感じです。 まず一覧があって、クリックするとメールの詳細が確認できます。 Gyammを使えば自分のところにきたメールを他の人に共有、公開できます。パスワードでロックすることもできます。チャットでメールの内容を教
FuckFuckAdblock - アドブロック検知プログラムをブロック
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました iOS9のSafariで追加されて以降、話題に上がることが多いのがアドブロックです。オンラインメディアにとっては死活問題になる訳で、アドブロックに対抗するJavaScriptライブラリも作られています。 そんなアドブロック対抗ライブラリに対抗するのがFuckFuckAdblockです（ややこしい）。とどのつまり、アドブロックが有効になります。 FuckFuckAdblockの使い方 アドブロック対抗ライブラリ、FuckAdblockが有効な時。アドブロックが使われていますと検知できています。 FuckFuckAdblockを使った場合、アドブロックが検知できなくなっています。これでアドブロックが有効になりました。 FuckFuckAdblockはGreasemonkeyとして動作す
LoveLiver - Live Photoを自作する
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました iPhone 6sから搭載された新しい写真の楽しみ方がLive Photoです。撮影した写真と、そこから録画した動画とを合わせてまるで魔法のように動き出す写真が作れます。撮影はiPhone 6s以降が必要ですが、再生だけであればiOS9であれば旧機種でも可能です。 Live Photoは一般的にリアルな風景、人物などに限られます。しかしもっとすごい可能性を感じさせてくれるソフトウェアがLoveLiverです。 LoveLiverの使い方 LoveLiverを実行するためには元になる写真と動画が必要です。そしてLoveLiverコマンドを実行します。 $ LoveLiver -i IMG.JPG -m IMG.MOV -d output/ -o livephoto そうすると-dで指
Mojibar - Mac OSX用の絵文字パレット
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近、絵文字が注目を集めています。GitHubのようにコメントで入力するだけでなく、URLにしてしまっているケースやブログ記事の中でも使われるようになっています。市民権を得た存在と言えるでしょう。 そんな絵文字をMac OSXから手軽に扱えるようにしてくれるのがMojibarです。任意のアプリで使える便利なツールです。 Mojibarの使い方 Mojibarを起動したら、Ctrl+Shift+スペースキーを押します。そうすると下の画像のようにパレットが表示されます。 そしてそのまま絵文字の文字を入力するとインクリメンタルに絞り込まれていきます。 矢印キーで絵文字を選択して、エンターキーを押すとクリップボードにコピーされますので、任意のサイトやテキストエディタに貼り付けできます。 M
ProducthuntOSX – Product HuntをMac OSXアプリ化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 世にある面白いプロダクトを見つけたければ使って欲しいのがProduct Huntです。新しいトレンドに敏感なユーザが数多く集まっており、最新の製品やサービスをみんなで投稿できるようになっています。 そんなProduct HuntをMac OSXアプリとして独立させたのがProducthuntOSXです。ラッピングしただけのアプリですが、Product Hunt好きにはちょうどいいアプリとなっています。 ProducthuntOSXの使い方 メイン画面です。おそらく普通にWebサイトにアクセスしているように見えます。 Twitter認証が通過できます。 認証しました。 プロダクトの詳細。 コメント表示。 ProducthuntOSXは単にラッピングしただけのシンプルなアプリですが、常
karaoke-telop – カラオケのテロップをWeb上で表現
カラオケでよく見かけるのがテロップです。言葉の流れに合わせて文字の色が変わる仕組みですが、あのシンプルさで歌が歌えるようになるというのはとても面白い仕組みです。 そんな仕組みをWeb上で実現したのがkaraoke-telopです。まさにあのカラオケ風なテロップが実現します。 karaoke-telopの使い方 何はともあれ見てもらうのが早いでしょう。 【ニコニコ動画】JavaScript/CSS でカラオケ風テロップ こんな感じに流れます。「は」の一部だけが赤くなっているのが分かるでしょうか。 現状、プレイヤーの一時停止やシークには未対応とのことなので（カラオケも止めることはないと思います）、みんなで歌詞を共有すれば面白いサービスができあがるかも知れません。なおテロップデータの作成はなかなか大変そうだったので実際に作る際にはがんばってください。 karaoke-telopはHTML5/Ja
Lossy GIF compressor - 使おう！アニメーションGIFをコンパクトに MOONGIFT
最近、ソフトウェアの紹介時にアニメーションGIFを使うようにしています。YouTubeと違って画像なのでスマートフォンなどでも手軽に見られますし、何度も自動再生されるのが良い感じです。 しかしアニメーションGIFの難点として、サイズが大きくなりがちというのがあります。画像サイズを小さくする手もありますが、一緒にお勧めしたいのが Lossy GIF compressor です。 Lossy GIF compressorの使い方 Lossy GIF compressorは以下のようなコマンドで実行します。 $ gifsicle --colors 256 --resize-width 440 -o animate-plus-4.gif animate-plus-3.gif リサイズなども行うと、例えば半分くらいになったりします。 サイズを変更しなくとも軽くなるのでブログなどでアニメーションGIF
Basscss·軽量、モジュール化されたCSSツールキット MOONGIFT
スタイルシートのフレームワークは数多く存在しますが、がちがちなものは影響範囲が大きいためにプロダクトベースでは導入が困難です。もっと軽量でカスタマイズが容易なものを使いたいと思うでしょう。 そこで紹介したいのがBasscssです。軽量なコレクションを多数そろえたモジュールベースのCSSツールキットになります。 Basscssの使い方 Basscssは3.73KB、24のモジュール、339のルール、592のデコレーションを備えたツールキットです。影響を極力控えているのが特徴になります。デモサイトを見ていきます。 トップページ。左側にモジュールおよび主な機能が掲載されています。 ベースフォーム。 基本のボタン。 テーブル。 タイポグラフィ。 フロートなど。 文字装飾。class名が単純です。 ボタンとメニュー。 ボタンサイズ。 グリッド。 カラー。基本はこの色合いです。 フォーム×カラー。 ダ
Embiggen - 短縮URLを元に戻す
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ソーシャルサービスが広まるのに従って短縮URLサービスが人気になりました。メールやチャットでURLを送る時にも短縮URLサービスを使うと便利です。しかし実際のURLが見えないということから、悪意をもった利用をされることも多々あります。 DropboxやFacebookのような特定のサービス内でしか使えない短縮URLではない場合はその飛び先が安全である保証もありませんので、Embiggenを使って一旦チェックを行うのが良さそうです。 Embiggenの使い方 EmbiggenはRubygemsでインストールできます。 gem install embiggen 今のところコマンドは用意されていないのでirbやプログラムから操作します。例えば https://youtu.be/dQw4w
Anki – マルチデバイス対応の英単語学習アプリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 学生の頃には一度はやったことのあるのが単語帳ではないでしょうか。個人的には最近、英語の学習を開始したのでその際に単語の学習に単語帳を自作しています（Biscuitというアプリがお勧めです）。 そんな単語学習を様々なプラットフォーム、かつ学習データを共有することでみんなが自由に学習できる環境を提供してくれるのがAnkiです。 Ankiの使い方 Ankiは特に英語学習に限定されるものではありません。まず起動時にUIのロケールを設定します。 最初の画面です。まだデータは何も登録されていません。 英単語学習データはオンライン上に多数登録されています。左下にある共有単語帳を取得からダウンロードできます。 どこの言語か分かりませんがはじめてみます。 単語が表示されました。解答を表示を押すと、答
MUI·HTMLメールにも対応した軽量マテリアルデザインテンプレート MOONGIFT
マテリアルデザインを実践していきたいと思っても、デザインとアニメーションを理路整然と実装するというのはとても難しいことです。そのためお勧めの方法としては既に幾つかあるフレームワークを導入することです。 デザインはもちろん、アニメーションが自分の好き好きに合うか、これはフレームワークを選定する上で大きな要素になってきそうです。今回紹介するMUIについてはどうでしょうか。 MUIの使い方 ボタン。 大きさや浮かび上がり方を指定できます。 フォーム。 グリッドシステム。 タイポグラフィ。 テキストを白くした場合。 アクセントテキスト。 ドロップダウン。 アプリバー。アプリのviewportに合わせて幅を自動調整してくれます。 テーブル。 分割表示。 素のHTMLでセマンティックな表示も。addr/emなどが使えます。 リスト。 レスポンシブについて。1200/992/768で分かれています。 M
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YukiWikiMini.rb - YukiWikiをRubyにポーティング MOONGIFT