Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: WebApplication

[Web Application] waifu2x – 2次元画像の解像度を上げてくれるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

解像度の低い画像をアップコンバートして、倍の大きさに拡大してくれるサイト。説明に「深層畳み込みニューラルネットワークによる二次元画像のための超解像システム」とあるように、用途としては主に2次元画像となるようです。aboutページを見ると、実際どのような結果が得られるかを見る事もできます。GIMPを使った拡大に比べて、格段に綺麗な状態なまま倍の解像度になってる様子が分かります(ボヤっとせずにカリっとした感じ)。試しに写真をぶっ込んでみましたが、細かい階調の変化が失われてイラストっぽい状態にアップコンバートされました。仕事とかで顧客から提供された画像素材が小さくて「もっと大きい画像ねぇのかよrftgyふじこ」状態な時に使えそうですねこれ。

[Icon] Font Awesome to PNG – Font AwesomeのアイコンをPNGで書きだしてくれるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Font Awesomeのアイコンを、透過PNG形式で書きだしてくれるサイト。使い方は簡単で、「fa-」から始まるFont Awesomeのアイコンネームを入れるだけ。その際、サイズとカラーの指定も併せて行えます。入力が終わったら「Generate Icon」を押すと、「Download Icon」ボタンが出現し、ダウンロードできます。アイコンを画像として使いたい時に便利ですね。

[Web Design] .resizr – レスポンシブレイアウト確認用のウィンドウサイズリサイザー

  • Pocket
  • このエントリーをはてなブックマークに追加

レスポンシブレイアウトで作られたサイトの確認に使える、ブラウザウィンドウのリサイザー。実際にはページ内の表示エリアだけが大きくなったり小さくなったりするので、ブラウザそのもののウィンドウサイズは変わりません。ディスプレイサイズがプリセットされている端末の種類も多く、スマホだけでなくタブレットも結構な数揃ってます。あとポートレイト(縦)とランドスケープ(横)が切り替えられる点もナイス。最近だとスマホ対応するのが当たり前になってるので、動作確認用に便利そうです。

[Web App] Streamable – 動画をトリミングして、かつ共有できるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

動画をアップロードして、任意の位置でクリップ(時間軸でトリミング)できるツール。動画のタイムライン内でinとoutの位置を決めるだけで、動画のクリップができます。アップロード以外にもYoutubeなどのオンライン動画にも対応してるのが便利。クリップした動画は固有のURLが生成される形でオンラインで共有でき、またEmbedタグによるページ内埋め込みにも対応してます。切り取れる動画の長さは60秒までとやや少なめですが、動画の一部を共有したい時に便利ですねこれ。

[Web App] cntrlc.me – デバイス間でクリップボードを共有できるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

異なるデバイス間でクリップボードを共有できるサイト。Facebookアカウントでログインするだけで使えます。ログインするとユーザーごとのクリップボード空間が与えられ、そこに貼り付けたものをデバイス間で共有できるという仕組み。共有できる文字列は1つではなく何個も作る事ができ、個別に残したり削除したりできます。Webだけでできて、特別アプリなどが必要ない点が便利ですねこれ。まぁMacとiPhone使ってれば「メモ帳あるじゃん」で済んだりもしちゃいますが。

[Web App] uinames.com – ダミーネームのジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

ランダムに人の名前を生成してくれるジェネレーター。Spaceキーを押すごとに適当な人名を生成してくれます。このサイト色々と多機能で、性別、国籍などを任意で固定できるほか、生成された名前でググると実際にそういう名前の人はいるのかどうかのチェックまで行う事ができます(ググるというかDuckDuckGoで探してくれます)。またAPIが公開されており、このサイトの機能を動的なサイトにおいても使う事ができます。用途はシンプルですが地味に多機能です。モックアップ制作などにおいて使えそうです。

[Web App] ASCIIFlow – アスキーアートでフローを描画できるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Webやシステム開発などで用いられるフロー図を、アスキーで描画できるサイト。四角や矢印、フリーハンドでの描画、消しゴム、拡大縮小、テキストタイプなどが行えます。1度描いた四角を、後からサイズ変更できるのは便利ですね。作ったフローはGoogle Driveに保存できるほか、その場でテキストデータにエクスポートする事や、逆にインポートする事もできます。チャットなどのテキストベースでのコミュニケーションの場で、サクっとAA描いて相手に見せるといった使い方とかができそうです。

[Misc] Winka.link – 長ったらしいURLをシンプルな数字に置き換えてくれるリンクジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

長いURLをシンプルな3つの数字に置き換えてくれて、PCで見ているサイトをモバイル端末でもサクっと見れるようにしてくれるサイト。流れとしては簡単で、まずはPCからサイト内にある入力エリアにURLをぶち込みます。すると3つの数字を生成してくれます。次にスマホから同様にこのwinka.linkに行き、先ほど生成された3つの数字を入力するだけ。これだけでどれだけ長いURLだろうと3つの数字に短縮してくれます。ただしこれには条件があり、PCとスマホが同一ネットワークにいる必要があります。いわゆるLink Shortenerとは仕組みが若干違うので、あくまでも個人内で完結する用途にのみ使えます。これがどれだけ利便性があるのかは微妙ですが、なんか試みとしては興味深いなぁと思ったのであります。