タグ

HTMLと便利に関するblueribbonのブックマーク (14)

  • Tabulator - これはすごい。HTMLテーブルを高機能に MOONGIFT

    テーブル表示はWebシステムのデファクトとも言えます。業務システムはいうに及ばず、管理者画面などでも必ず求められる表示です。そしてただ表示すればいいという訳ではなく、ソートやフィルタリング、インラインでの編集など様々な機能が求められるものです。 そんな多機能なテーブル表示を実現してくれるのがTabulatorです。多くのニーズを満たしてくれることでしょう。 Tabulatorの使い方 てんこ盛りなデモテーブル。ざっと見てもフィルタ、ページネーション、グラフ表示、ソートなどの機能が確認できます。 インライン編集もサポートされています。 データに合わせて幅を自動調整。 行をクリックして展開する機能。 カラムをグループ化。 カラムを縦に。これはカラムが多い時に便利そうです。 ドリルダウン。 テーブルを入れ子にもできます。 スパークライン表示。 フッターで集計。 HTMLテーブルを変換する機能もあ

    Tabulator - これはすごい。HTMLテーブルを高機能に MOONGIFT
    blueribbon
    blueribbon 2018/12/17
    ・フィルタ ・ページネーション ・グラフ表示 ・ソート ・インライン編集 ・データに合わせて幅を自動調整 ・カラムをグループ化 ・カラムを縦に ・ドリルダウン ・スパークライン表示 ・フッターで集計 …
  • 【稼ぐブログへ】月10万超!ブログ運営の収益化の方法、おすすめの本や無料便利ツール - Life is colourful.

    2016年5月にはてなブログをはじめてすでに3年半超。このブログは開設から半年経過したくらいで月10万の収益を超え、それ以降も順調に増収が続き、今もコンスタントにブログから収入を得ている。 下のグラフは1年目のブログ売上推移。(※正確な数字を出すと色々面倒なのでボカします…) 正直、自分自身もここまでになるとは思っていなかったけれど、「"ちゃんとやれば"誰にでもチャンスはある」ということを実感できた。 4年経過したので、改めてこちらに収益付きでまとめました。 関連ページ【はてなブログ5年目へ】アフィエイト収益とASPについて ● ● ● この記事では、僕が4年間ブログ運営をしていく中で収益化に役立った手法やツールを紹介してみたい。基的には初心者向けに書いている。 前半は、収益化のステップと「ブログで稼ぐための必須ツール」に関して。誰もが収益化のために使っている必須のツールを紹介している。

    【稼ぐブログへ】月10万超!ブログ運営の収益化の方法、おすすめの本や無料便利ツール - Life is colourful.
    blueribbon
    blueribbon 2016/08/02
    ・アイデア・構想の整理 ・キーワードプランニング ・検索順位チェック ・表示チェック ・競合・他サイトチェック ・表示速度チェック ・購読者数チェック ・アフィリエイト支援 ・ヒートマップ解析
  • Chrome拡張「Scraper」でWEBページ情報を手軽にスクレイピングしてデータ化する方法

    Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得 最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar(似たものをスクレイプ)」を選択します。 す

    Chrome拡張「Scraper」でWEBページ情報を手軽にスクレイピングしてデータ化する方法
    blueribbon
    blueribbon 2015/05/05
    1.テーブルデータの取得 2.Twitterの全ツイートを取得 3.全リンクデータの取得
  • 生活のすべてを管理できる超強力ツール Org-mode

    こんにちは。金内です。 いよいよ始まりました Fenrir Advent Calendar 「2014年にグッときたコレ」の1日目の記事です。 私の「2014年にグッときたコレ」は、私が GTD(Getting Things Done)的なシステムとしてあらゆる物事の管理に使っているツール 「Org-mode」です。 Org-mode 自体は今年知ったとかではなく、ずいぶん長いこと使っています。ただ、今年はいろいろと新しいことに取り組んだりして、当にコレなしでは考えられない1年となりました。今回、グッときたモノをあれこれ思案した結果「この機に愛する Org-mode を紹介してしまうしかない!!」ということで紹介してしまいます。 Org-mode って何? Org-mode はこんなことに使えるツールです。 考えを整理するために項目をツリー状に書き出して、各項目を自在に編集・移動できるア

    生活のすべてを管理できる超強力ツール Org-mode
    blueribbon
    blueribbon 2014/12/02
    「聞くところによれば、あまりに強力な Org-mode を使うために Emacs を始めた人もいるそうです。」
  • Markdown記法

    HTMLは、手軽なマークアップ言語ですが、開始タグや終了タグなどあり、文章作成やちょっとしたメモ書きには不向きです。 今回紹介するのは、Markdownという軽量なマークアップ言語です。 GitHubのREADMEや、Tumblrなどでも採用されており、様々なCMSのプラグインも存在しています。 汎用性が高く便利な記法なので紹介します。 Markdownとは Markdown は、文書を記述するための軽量マークアップ言語のひとつである。 「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット」として、ジョン・グル―バー(John Gruber)とアーロン・スワーツ(Aaron Swartz)によって考案された。 Markdownの記法の多くは、電子メールにおいてプレーンテキストを装飾する際の慣習から着想を得ている。

    Markdown記法
  • YouTube人気急上昇

    急上昇 🍁髪型何種類あるの?【#Shorts/ゆっくり実況/マイクラ】 2022.08.23 急上昇 急上昇 無料のチートグライダーの性能がヤバすぎる!!【フォートナイト/ゆっくり実況/Fortnite】 2022.08.23 急上昇 急上昇 あつ森 総額130万ベル?案内所裏に豪華な和風商店街を作る!島クリ【ゆっくり実況】 2022.08.23 急上昇 急上昇 【ゆっくり解説】野手ドラフトのチャンス!?DeNAの22年ドラフト戦略考察第2弾 2022.08.23 急上昇 急上昇 【ゆっくり解説】【ゆっくり解説】宇宙の謎や疑問質問にお答えします 2022年夏休み子ども宇宙相談 その2 2022.08.23 急上昇 急上昇 【ゆっくり解説】ヤバすぎるドラえもんの炎上したシーン&エピソード9選 2022.08.23 急上昇 急上昇 【ゆっくり解説】絶滅は嘘だった! ?ディノスクスの生存説と恐

    YouTube人気急上昇
    blueribbon
    blueribbon 2012/06/29
    ・リアルタイムで右側のプレビューが更新される ・文法ミスや推奨されるタグの提案もしてくれる
  • ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】

    検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力

    ブログアフィリエイトで稼ぐのに役立った「最強ツール」27選【保存版】
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    blueribbon
    blueribbon 2010/04/15
    「Zen-Coding とは、CSS セレクタ風の簡単な記述を、複雑なHTMLソースへ素早く変換することを軸にしたコーディング支援ツールです。」
  • サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ

    Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように

    サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
  • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

    最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

    blueribbon
    blueribbon 2010/02/22
    省略して書いたコードを構造的なHTMLに変換してくれるツール
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 「エクセルシートをHTMLテーブルに変換しちゃう君 」がすごく便利

    組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 「エクセルシートをHTMLテーブルに変換しちゃう君 」でカンタンテーブル作成 「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」は、エクセルの表を貼り付けるとHTMLのTableタグで表を生成、プレビューも表示してくれる便利ツール。以前紹介したサービスでは日語を通すのにひと手間必要でしたが、今回はその部分でも問題ありません。 変換しちゃう君の特徴 「Tableizer」との比較にもなっています。 セル内での改行に対応 CSVにも対応 強固なセキュリティ性(サーバーとのやり取りなし) セルの結合が可能 正しいマークアップが可能 行ごとの色替えも設定可能 Class指定も細かく付与可能なので独自デザインも組み込みやすい サンプルテーブル T

    「エクセルシートをHTMLテーブルに変換しちゃう君 」がすごく便利
  • サイト制作のためのテンプレートをごっそり自動生成してくれる『Project deply*』 | IDEA*IDEA

    ドットインストール代表のライフハックブログ

    サイト制作のためのテンプレートをごっそり自動生成してくれる『Project deply*』 | IDEA*IDEA
  • MOONGIFT: » 不要なCSSの洗い出し「CSS Redundancy Checker」:オープンソースを毎日紹介

    CSSははじめこそきちんと定義しながら進めるのだが、修正が重なったり、日々の運用の中で徐々に肥大化していく。HTMLと同じで多少間違っていたり、不要な情報が紛れ込んでいてもそれなりに表示されるので気にならないのだ。 だが不要な情報が紛れ込んでいると、ちょっとした修正が全く無関係と思われる場所に影響を及ぼしたり、管理しきれなくなってくる。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Redundancy Checker、不要なCSSチェッカーだ。 CSS Redundancy CheckerはRubyで作られている、CUIベースで動作するアプリケーションだ。また、gemでhpricotをインストールする必要がある。そのため、若干敷居が高いかも知れないが、便利なアプリケーションだと思うのでぜひトライしてみて欲しい。 使い方は簡単で、CSSファイル

    MOONGIFT: » 不要なCSSの洗い出し「CSS Redundancy Checker」:オープンソースを毎日紹介
  • 1