ITエンジニア/デザイナ向けにオープンソースを毎日紹介

技術 - HTMLの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2017/08/02

Paradeiser - ハンバーガーメニューに代わるモバイル向けメニュー表示

モバイル向けのWebサイトではメニュー表示にハンバーガーメニューがよく使われます。しかし、実際のところハンバーガーメニューが一般的に分かりやすいわけでもありません。むしろタップして何が出るのか分からず躊躇してしまう人が多いでしょう。そこで使ってみたいのがParadeiserです。ハンバーガーメニューに変わるメニュー機能...

None

  • 2017/07/27

androidify - HTMLファイルをAndroidアプリ化

Webサイトをスマートフォンアプリ化して欲しいという要望は非常に良く聞かれます。それを可能にする技術としてCordovaがよく知られていますが、多少癖があると感じる人もいます。もっと簡単に、単にHTMLをラップするだけで十分というケースもあるでしょう。そこで使ってみたいのがandroidifyです。コマンド一つでHTM...

List

  • 2017/07/02

StatiCrypt - HTMLをパスフレーズで暗号化

もしあなたがスパイで、本国に安全にメッセージを送らないといけないとしよう(そんなシチュエーションがあるかどうかはさておき)。メッセージはテキストだけでなく、文字装飾がないと分からないものだったとしたら、HTMLで送るのが良さそうだ。しかし素のHTMLではネットワークをモニタリングされていたら読まれてしまうかも知れない(...

List

  • 2017/06/15

roulette - 抽選で当てよう

集まった人たちに対して景品を出したりする時、その抽選をする仕組みが必要です。ビンゴであればビンゴマシーンが必要ですし、ごく少ない人数であればあみだくじでも良いでしょう。そこで使ってみたいのがrouletteです。何が当たるか楽しみな抽選ソフトウェアです。## rouletteの使い方最初の画面です。!

None

  • 2017/03/03

Breakdance - HTMLをMarkdownに変換するライブラリ

Markdownが流行っています。とりあえずMarkdownで書いておけばHTMLはもちろん、PDFなどにも展開できます。しかしこれまでに書いた資産はどうしたら良いでしょうか。WYSIWYGエディタで作られたHTMLコンテンツは捨て置くしかないのでしょうか。そんなことはありません。Breakdanceを使えばHTMLコ...

List

  • 2017/02/02

Webpage2html - Webページを一つのHTMLファイルにパッケージ

Webページを見たままに残しておきたいという要望は常にあります。一昔前であればMHTML/MHT形式というのがありました。さらにPDFであったり、画像で保存するという方法もあります。しかし開ける機種が限定されたり、検索や編集が弱いと言った問題点もあります。そこで使ってみたいのがWebpage2htmlです。HTMLファ...

List

  • 2017/01/21

aha - ANSIカラーでの標準出力をそのままHTML化

ターミナルで操作した内容をブログなどに貼り付けると、単なるテキストでしかないので白黒になってしまいます。実際にはANSIカラーを用いてカラーリングされていることもあるでしょう。そんな時に使ってみたいのがahaです。カラーリングされたターミナルの出力をそのままHTML化できます。## ahaの使い方ahaは次のようなコマ...

List

  • 2017/01/16

bookmarks.public - ローカルで使えるHTML版ブックマーク管理

ブックマークをどこで管理していますか。はてなブックマークを使っている人もいれば、ローカルのブックマークを使っている人もいるでしょう。大事なのは定期的にメンテナンスすることなのですが、多くの場合なくなると困ると言った理由でずっとため続けてしまいます。今回紹介するbookmarks.publicはローカルで使うブックマーク...

List

  • 2017/01/02

ffftp - Electron製のFTPクライアント

FTPなんていうと2000年には絶滅したんじゃないかと思ったりするのですが、今なお使われ続けていたりして驚くことがあります。セキュリティ的にどうなんだろうと思うのですが、SFTPにしたりしつつ今なおFTPという言葉を聞くことがあります。今回はそんなFTPクライアントの最新版とも言えるffftpを紹介します。あの懐かしい...

List

  • 2016/08/20

notepadlet - ブックマークレットとして動作するメモ帳

メモは常に近くにあると便利です。何か思いついたとしてもメモを探しているようでは忘れてしまうでしょう。さらにメモに時間をかけていると元々の作業の集中力が切れてしまいます。思いついたらささっとメモして元の作業に戻れる早さが必要です。今回はnotepadletを紹介します。1ファイルもない、ブックマークとして動作するメモ帳で...

List

  • 2016/06/24

MarkDownDiagram - Markdown風記法を使ってダイアグラム作成

Markdownが流行ると、Markdown風の記法を用いることでユーザの導入障壁を下げることができます。また、パーサーも多いのでそうしたライブラリを使うことで簡単にMarkdown風の記法が使えるようになります。今回紹介するMarkDownDiagramもそんなMarkdown風記法を使ったソフトウェアの一つです。ダ...

List

  • 2016/06/15

Social Share URLs - 各種ソーシャルサービスへのシェアボタンを生成

Web上でコンテンツをより多くの人に見てもらおうと思ったらシェアする機能が欠かせません。Facebook、Twitterは基本として、他にもたくさんのソーシャル系サービスが存在します。そんな各種サービスに対応したシェア機能を提供するのがSocial Share URLsです。JavaScriptで簡単に実装できます。#...

List

  • 2015/10/16

gif2txt - アニメーションGIFをテキストアート化

画像をテキストアートにするソフトウェアは幾つかあります。テキストにするとIRCのようなテキストオンリーなチャットで送れたり、テキストファイルの中に埋め込むことができます。そんな画像をテキストに変換するライブラリを一歩先に進めたのがgif2txtです。アニメーションGIFをそのままテキストアート化してくれるソフトウェアで...

List

  • 2015/07/02

AWSKaruta - カルタで楽しくAWSを学ぼう

AWS(Amazon Web Services)のサービスはとても数が多く、かつそれらの機能も多いため、すべてを使いこなしている人は殆どいないのではないでしょうか。そもそも使っていないサービスも多いのではないでしょうか。そんなAWSをよく知るための材料として作られたのがAWSKaruta

List

  • 2015/05/27

Bind – GSS対応のUIデザインツール

Webサイトのデザインを行う際、最近では手でタグを書いてコーディングするケースが増えています。そんな時にはスタイルシートを書いて、ブラウザをリロードして…を繰り返すかと思います。そんな作業をされている方に使ってみて欲しいのがBindです。エディタとプレビューが一体化したWebデザインツールです。## Bindの使い方B...

List

  • 2015/05/20

ai2html – IllustratorのAIファイルをHTML化

Webサイトのデザインをする際にPhotoshopまたはIllustratorを使う人に分かれるかと思います(Fireworks派もいますが)。どちらのツールを使ったとしても、できあがったデザインに対してHTML化をするのは一苦労します。そこでベースをプログラマブルに生成してしまうのはいかがでしょう。そのためのツールが...

List

  • 2015/05/09

samurai-native – HTMLでiOSアプリの画面を作る

React NativeはTitaniumのようにJavaScriptでネイティブアプリのUIを作ります。Cordova/PhoneGapはHTML5/JavaScriptを使ってwebView上にUIを作ります。JavaScriptでスマートフォンアプリを作る技術は様々に存在します。samurai-native

List

  • 2015/03/04

CDK - Twitter製。AsciiDocをHTMLスライドに変換

最近はプレゼンテーションのスライドもHTMLで作ることが増えてきました。余計なエフェクトや装飾を気にせず内容だけに集中できますし、コンテンツを公開すればWebクローラーフレンドリーです。幾つかのツールがありますが、今回はTwitter社の開発したCDK(Courseware Development Kit)を紹介します...

List

  • 2015/01/07

Asciidoctor.js Live Preview - AsciiDocをHTML変換するGoogle Chrome機能拡張

最近はMarkdownに人気が集まっていますが、実際にはそれ以外にもたくさんのドキュメントマークアップが存在します。今回はその一つとしてAsciiDocを取り上げてみたいと思います。AsciiDocは昔から存在しますが、DocBook、

List

  • 2014/12/30

iFrame Resizer – iframeサイズを埋め込まれたコンテンツから変更

HTML5からはFlashのようにobjectタグではなく、iframeを使ってコンテンツを埋め込むのが基本になっています。しかしiframeではコンテンツが非同期かつセキュリティ上、そのコンテンツの大きさが分からないのが難点です。iframeコンテンツの大きさに合わせて自動的にサイズを変更するためには親フレームと子フ...