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

技術 - HTMLの記事一覧

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

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

もっと見る

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コンテンツの大きさに合わせて自動的にサイズを変更するためには親フレームと子フ...

Missing

  • 2014/11/18

html-inline – HTML/JavaScript/スタイルシート/画像を一つのファイルにラッピング

最近はWebアプリケーション化の流れが活発なので、ちょっとした小さいツールであればHTML/JavaScriptで作ってしまえるでしょう。そういったツールを作るのは簡単ですが、配布が意外と面倒です。HTML/JavaScript/スタイルシート/画像などをZipで固めて配布…というのはあまりかっこうよくありません。そこ...

List

  • 2014/08/24

Open Source Email Templates – オープンソースなHTMLメールテンプレート集

HTMLメールの認知度は十分にあがってきていると思います。かつてのようにセキュリティリスクはなくなってきたのではないでしょうか。ただ、それでもなかなか使われないのは、作成が難しいということがあるかと思います。特にスマートフォンやタブレットを想定したレスポンシブなHTMLメールはまだまだ知見が少ないように思います。そこで...

List

  • 2014/07/27

243 Game - 3の倍数を使った2048クローン

ちょっと前に流行った2048。シンプルなルールだけに多くのクローンを生み出しましたが、未だに開発者にとっては面白いテーマになっているようです。今回はその一つ、243 Gameを紹介します。243は2の倍数ではありません。なんと3の倍数となっています。## 243 Gameの使い方!ゲーム開始です。2048と同じく1のパ...

List

  • 2014/07/23

The Markdown Resume – Markdownをベースにした履歴書

何でもMarkdownで文書を作っていると、他のフォーマットで記述しようと思うと途端に面倒くさくなりますよね。そういう問題は目的に合わせたMarkdownコンバータがあれば全て解決してしまいます。HTMLにするのはもちろんのこと、PDFにするのもMarkdownを使えば簡単です。The Markdown Resumeは...