React Komik - Reactを使ってマンガを編集
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Reactを使ったWebアプリケーションが数多く作られるようになっています。興味深いのは入力した後のリアルタイムな反応でしょう。そのためチャット系のソフトウェアが多いように見えます。 今回はちょっと変わってReact Komikを紹介します。Reactを使ってコミックが作れる、そんなソフトウェアです。 React Komikの使い方 マンガの表示です。 タイトルやセリフを変更できます。吹き出しの向きは変えられませんが（コード中の数字を変更すればできます）、人物やセリフ枠の配置はドラッグで移動できます。 React Komikは登場人物の配置やセリフもリアルタイムに動かせるようになっています。日本語などは改行してくれないので自分で調整する必要がありますが、表示は問題なくできます。 み
Pretty Diff - Gitの差分表示をGitHub調にして見やすく整形
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました これはGitを使っているならぜひ入れておきたいツールです。 GitHubのコード差分表示はとても見やすくて、一旦あれに慣れてしまうとターミナルで出力されるDiffが非常に見づらく感じるようになります。しかしプロジェクトによってはGitHubを使えないというケースもあるでしょう。 そこで使ってみたいのがPretty Diffです。任意のGitリポジトリでGitHub風の差分表示を実現してくれるライブラリです。 Pretty Diffのインストール インストールはnpmを使って行えます。 $ npm install -g pretty-diff これで準備は完了です。 Pretty Diffの使い方 使っているGitリポジトリに移動します。例えば最後のコミットとの比較はこんな感じです。
これは凄い！RubyでPhotoshopファイルを解析·PSD.rb MOONGIFT
PSD.rbはRuby製のオープンソース・ソフトウェア（MIT License）です。 Webやアプリのデザインの際にPhotoshopを使う事がよくあります。そんな時に出来上がった画像を分析してコーディングに落とし込んだりします。それの自動化さえできるようになるのではないかというライブラリがPSD.rbです。 インストールはRubygemsで行えます。 適当なPSDファイルを読み込んでparse!を実行します。trueが返ってくれば解析完了です。処理はファイルサイズにもよりますが結構重たいです。 treeで木構造を出力します。こちらもファイルが大きければ膨大になります。 PSD.rbでは構造、サイズ、レイヤー/フォルダサイズと名前、フォントデータ、カラーモード、ベクターマスク、フラットな画像データなどが読み取れます。Photoshopのファイルを使ったサービスが捗りそうです。 MOONG
面白い！動画を編集した上でアニメーションGIFに変換·rokuga MOONGIFT
rokugaは動画を読み込んでアニメーションGIFに変換するソフトウェアです。 VineはアニメーションGIFのような動画を撮影、共有できるのが特徴ですが同じように動画からアニメーションGIFを作れるのがrokugaです。 動画をドロップします。 動画解析中。 解析されました。フレーム単位で下に画像が表示されています。 ランダム再生も可能。 rokugaの面白い点としては、ワンフレームづつを画像にした上で、特定のフレームを抜いたりして編集できる点にあります。アニメーションを逆回転したり、ランダムに表示させることもできます。編集が終わったらSaveボタンでアニメーションGIFとして書き出せますので、後は保存すればOKです。 rokugaはRuby/Sinatra製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る アニメーション
男性歓喜！クリックするとおっぱいが揺れる·oppai.js MOONGIFT
oppai.jsはタップ（クリック）するとおっぱいが揺れる画像を作り出すJavaScriptライブラリです。 Webというのは基本的に静的なものが多いので、一部でも動いているとインパクトがあります。アニメーションGIFしかり、動画しかり、そしておっぱいしかり。 何もしていない場合 ちょっと揺れているのが分かるでしょうか？ こんな女性のサンプルも。 こちらはちょっと貧乳…？揺れが小さいようななんというか。 oppai.jsはおっぱいの位置を四角で定義するようです（いや、おっぱいは丸いよ、丸いんだよという意見はさておき）。そして当然右と左があるので個別に定義します。後はお気に入りの写真と右乳、左乳をパラメータに渡すだけで動くおっぱい画像のできあがりです。 追記：しかもスマートフォン（iPhoneで確認）だと加速度センサーによって振ると揺れるアクション付きです！これはぜひiPhoneでばんばん揺
パスワードの誤入力を防ぐ色を使った新しい試み·JavaScript RGB Password MOONGIFT
JavaScript RGB Passwordはパスワードの入力内容によって色を表現し、入力ミスを防ぐ試みです。 パスワードは入力文字が隠されるので入力したものが分かりづらいという欠点があります。そこで色を使って抽象的に表現しようと考えたのがJavaScript RGB Passwordです。 パスワード入力欄と、色が3つ並んでいます。 パスワードによって3つの色の組み合わせが大きく変わります。 どれだけ入れても白くなったりはしません。 JavaScript RGB Passwordは入力された文字を独自のアルゴリズムによって3つの色に分けます。入力した人は最初にパスワード登録した時の色合いを覚えておけば、入力し間違えた場合にそれとなく気付ける仕組みになっています。 JavaScript RGB PasswordはJavaScript製のソフトウェア（ソースコードは公開されていますがライセ
jQuery Mobile向けBootstrapテーマ集·Twitter Bootstrap jQuery Mobile Theme MOONGIFT
Twitter Bootstrap jQuery Mobile ThemeはTwitterのBootstrapとjQuery Mobileを組み合わせて使えるテーマ集です。 TwitterのBootstrapは最新版でスマートフォンにも対応しています。そしてスマートフォン向けのJavaScriptライブラリと言えばjQuery Mobileです。この二つを組み合わせて使えるのがTwitter Bootstrap jQuery Mobile Themeになります。 Aデザイン。 Bデザイン。全体として青。 Cデザインは赤。 Dデザインは緑。 Eデザインは水色。 Fデザインはオレンジ。 Twitter Bootstrap jQuery Mobile ThemeはjQueryとBootstrapを組み合わせ使えるテーマ集です。面白いのはA〜Fまでカラーが用意されており、data-themeを変更
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
