Notionを便利にするサービス16選 - Notionがあなたのチームを強くする(13)
この連載では、Notionであらゆるものを作れるとご紹介してきました。Notion単体でも非常に強力なツールなのですが、実は他のツールやサービスと組み合わせることによってさらに実現できる世界が広がります。 今回は、Notionを便利にするサービスをご紹介します。 1. リッチなWebサイトを作れる「Wraptas」 リッチなWebサイトを作れる「Wraptas」 Wraptas https://wraptas.com/ Notionの標準機能としてもWebに公開することはできますが、Wraptasを利用するとさらにカスタマイズできるようになります。 独自ドメインを利用できる JavaScript, CSSを設定できる SEO向けの設定ができる 例えばBLAM社の採用サイトやSHIBUYA SLOW STREAMのサービスサイトはWraptasによって作られています。一見するとNotionで
【資料作成の効率化Tips】表やグラフはベタ打ちするよりスプレッドシートから読み込むのがおすすめです。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は、スライドやドキュメントで資料を作成するときに、スプレッドシートから表やグラフを読み込む方法についてまとめました。 ※この記事での「スライド」とはGoogleスライド(パワーポイントのようなプレゼンテーション用資料作成ツール)、「ドキュメント」とはGoogleドキュメント(Wordのような文書作成ツール)を指しています。LIGでは主にこれらのツールを資料作成に利用しています。 スプレッドシートから表やグラフを読み込む 効率を上げて正確性も上がる 私は、会議やプレゼンテーション用に資料を作る機会がよくあるのですが、定期的に数字やグラフのアップデートをする際に、毎回時間がかかっていました。 スライドやドキュメントは、計算式を使って動的に表やグラフを作るには使いづらいため、数字をスプレッドシートで計算して、毎回手入力をしたり、体裁を整えたり、手入力したことでミスがないかの確認などがあるため
編集できるtableと、その入力値に連動した簡易的なグラフ - かちびと.net
Result 編集はcontenteditable属性を使っています。 動作サンプルなのですべてのセルは編集可能となっていますので、コンテンツに応じて便宜変更してください jQuery var vis = function(e) { var count = $(e).children('td').not(':first-of-type').length; var width = $('.chart').height(); var barwidth = (width/count)-10; var heighest = 0; var chartTitle = $('th:first-of-type').html(); var tableTitle = $('.table-title').html(); var chartTitleVal = $(e).children('td:first-of
Chartinator
About Chartinator Chartinator - Google Charts made easier and accessible. Description: A jQuery plugin for transforming HTML tables, Google Sheets and js arrays into charts using Google Charts Repository: https://github.com/jbowyers/chartinator Demo: http://chartinator.com Bower: chartinator Requires: jQuery, Google Charts Author: jbowyers Copyright: 2015 jbowyers License: GPLv3 Version: 0.3.10 De
様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」:phpspot開発日誌
RickShaw 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」。 カーソルを合わせるとインタラクティブにデータが表示されたりするグラフを描画出来ます。 デザイン性もなかなか良い感じ。 グラフの描画をリアルタイムに変更したりすることも可能。 カラースキームなんかも色々と選べるようです AjaxやJSONPによるデータ取得と描画も可能。 関連エントリ シネマグラフGIFアニメで驚きの効果を作成するPhotoshopチュートリアル 様々なインタラクティブ要素のあるグラフが描画できるJSライブラリ「Elycharts」 tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」
Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」:phpspot開発日誌
Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」 2011年06月14日- Official Demo page for MyQRCode jquery plugin Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」。 Google Chart API でQRコードを作る際にURLが長くなってなんとなく後でHTMLの可読性が悪くなり保守性が悪くなってしまったりしそうですが、このプラグインを使えばシンプルに、しかも動的にQRコードを出すことができます。 直接Canvasなどを使って描画するスタイルのものもありますが、ブラウザが対応していなければ表示できないので、クロスブラウザを保証したい場合は無難に<img>タグに頼るのがよさそうですね。 コードは次のように
jQueryを使ってコメント数などをバーの長さに置き換えて数値の差を可視化する - かちびと.net
どこかで使いそうだったのでメモ。 jQueryを使って、数値をバーの長さ で差が分かるように可視化させる、 という方法。マークアップも凄く簡単 なので覚えておきたいTipsです。 サンプルではコメント数を見やすくする のに使われているみたいです。 簡単なコードで実装可能ですし、クロスブラウザで動作してくれます。 Comment Count Bars IT Expert VoiceにあるようなコメントバーをjQueryで実装しよう、というもの。 サンプル コード $(function() { var maxWidth, maxCount; $('#most-commented li').each(function(i) { var $this = $(this); var thisCount = ~~$this.find('.comment-count').text(); if ( i ==
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ:phpspot開発日誌
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ 「WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ」というエントリで先日PEARの便利ライブラリについてまとめたのですが、今回はPEAR以外でも有名なライブラリをご紹介。 PEAR以外で挙げていくときりがありませんが、とりあえず有名どころや、私の知っている物、過去に当ブログで紹介したものをまとめてみます。 他にも便利な物や定番の物がありましたら、@phpspot_kj までTwitterなんかで教えてください。 グラフ描画 JpGraph ありとあらゆるグラフを描画してくれる有名なグラフライブラリ。 pChart グラフにデザイン性を求める場合に使えるクールなグラフ描画ライブラリ PHP/SWF Charts PHPでグラフをFlashで描画出来るライブラリ。グラフに動きを出してインタラクティブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
