外部CSSを一つ加えるだけで、最近よく見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトが簡単に利用できるCSSのフレームワークを紹介します。 一部だけ利用してもよし、もちろん全部を利用してもよし、カスタマイズも簡単なので、ブルマをベースに自分用のデザインを適用して利用するのもよしです。
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
eachの進捗を教えてくれるgemを作った.eachがどれくらい進んでるか,warnしたり,loggerに出したりしてくれる. 例えば,何件くらい処理するのか分からなかったり,eachの中で時間がかかったりするときとかに便利. require 'each-with-logging' require 'open-uri' require 'nokogiri' Nokogiri(open('http://b.hatena.ne.jp/')).search('#hotentry h3 .entry-link').each_with_logging{|link| p [link['href'], open(link['href']).read.length] } eachの代わりに,each_with_loggingにすると,今どこで,何をやってて,どのくらい進んでるかを教えてくれる. examp
clipboard.js を使う clipboard.js — Copy to clipboard without Flash ↓ github にあるこんな感じのものを作ります。 デモを下記に置きました。 HTMLは下記のような感じ。 ボタンの data-clipboard-target="XXX" の部分にコピー対象のエレメントを指定しておく。 <html> <head> <meta charset="UTF-8" /> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.3/clipboard.min.js"></script> <script> $(function () { var cli
Mongoose Relationships ... because sometimes embedded documents aren't enough. A plugin for Mongoose adding a simple syntax for model relationships and providing useful helpers to empower them. This is an early release with limited functionalities. I'm looking for feedback on the API and features (been exploring a few different solutions, nothing's impossible!). I'm inspiring from various librarie
Let's face it, writing MongoDB validation, casting and business logic boilerplate is a drag. That's why we wrote Mongoose. const mongoose = require('mongoose'); mongoose.connect('mongodb://127.0.0.1:27017/test'); const Cat = mongoose.model('Cat', { name: String }); const kitty = new Cat({ name: 'Zildjian' }); kitty.save().then(() => console.log('meow')); Mongoose provides a straight-forward, schem
Windowsなんて嫌だ!Officeファイルなんて嫌い!なんて言いつつもシステム開発時にお世話になるのがExcelです。CSVファイルを出力したり、逆に読み込む機能は良く作るのではないでしょうか。 わざわざCSVを介さずにExcelファイル(xlsx)をそのまま読み込んだり、書き出せるのがExcelJSです。node用の便利なライブラリです。 ExcelJSの使い方 例えば書き出しを行った場合、こんなにカスタマイズされた書き込みが行えます。 逆に読み込んだ場合。各セルの値やシート名などデータがとれます。値が入っているセルの範囲も取得できます。 $ node testBookRead.js ./test.xlsx Worksheets: 1 Sheet 1 - blort Dimensions: A1:S12 値の種類としては数字、テキスト、日付、リンク、関数が使えます。ただし関数は関数の
Merged Add pivot table with limitations #2551. Many thanks to Protobi and Michael for this contribution! Merged fix: styles rendering in case when "numFmt" is present in conditional formatting rules (resolves #1814) #1815. Many thanks to @andreykrupskii for this contribution! Merged inlineStr cell type support #1575 #1576. Many thanks to @drdmitry for this contribution! Merged Fix parsing of boole
Moment.js has been successfully used in millions of projects, and we are happy to have contributed to making date and time better on the web. As of September 2020, Moment gets over 12 million downloads per week! However, Moment was built for the previous era of the JavaScript ecosystem. The modern web looks much different these days. Moment has evolved somewhat over the years, but it has essential
homebrewを使っていて、ちょっとわからなかったことや覚えておくと良いコマンドをまとめてみました。 もしかして、みなさん知っている情報だったらすみません…。 homebrewのヘルプは brew -h で見られるのだけど、マニュアルは brew man ではなくて man brew。…いつまで経ってもマニュアル見られないわけですね。 homebrewのアップデート homebrewそのものが更新された場合や、Formulaが追加・変更された場合に実行するコマンドはこちら。 ときどき実行すると良いかもしれません。更新されていた場合はgithubからインストールされます。 $ brew update (追記 2011-08-04)「エラーが出ちゃった!」というときは。 上のコマンドを実行したら、エラーが出ちゃってあわわわわ! そんなときは、以下のページを参考にしてみてください。 http:
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
yumやapt-getからインストールしたり、rpmやdebパッケージを利用してインストールした場合、アンインストールやアップグレードを行うのは簡単だ。 しかし、ソースファイルからコンパイルしたパッケージの場合、makeファイルにuninstallが用意されているならまだしも、もし用意されてないと、パッケージをアンインストールしたりするのは非常に大変だ。 そんなソースからコンパイルしmake installしたパッケージを管理してくれるのが、『porg』だ。pacoという、同じくソースからインストールしたパッケージの管理ツールが前身。 今回は、この『porg』をCentOS 7に実際にインストールし、ソースからインストールしたパッケージを管理してみることにする。 1.『porg』のインストール まずは『porg』のインストールから。 以下のコマンドを実行し、パッケージのソースコードをダウン
■ Sinatra版Amazon-Auth-Proxyの運用を始めた 試験的に作ってみたSinatra版Amazon-Auth-Proxyだが、忙しさにかまけて放置していたら、当初のGAE値上げに続いて今度はAmazonのAPIが11月から変更になるということで、まじめに運用しないといけない感じになってきたのでなんとか実装したのだった。ソースはいつものようにGitHubで: Amazon-Auth-Proxy ちなみに今回のAmazonのAPI変更は、正式なAssociateTagが含まれていないクエリは受け付けなくなるというものなので、今まで日本のAmazon用AssociateTagを使い回して各国向けのクエリを処理していたプロキシは、軒並みダメになる。ちゃんとそれぞれの国向けのAmazonで専用のAssociateTagを発行してもらわなくてはいけないのだ。現在プロキシを運用している
Chrome ExtentionからOAuth.ioを使ってTwitterのAccessTokenを取得する。 2014-02-15 JavaScript Twitter Tutorial: OAuth – Google Chrome chrome_ex_oauth.jsがTwitterで使えなくなっていたので、OAuth.ioのoauth-jsを利用してChrome拡張からTwitterのAccessTokenとSecretを取得してみました。 作業自体は10分あれば完了するというお手軽さです。あまりに簡単だったので感動しました。 ライブラリは以下を使用します。 oauth-io/oauth-js · GitHub 1. OAuth.ioでアプリケーション用のpublic keyを取得する。 OAuth.io – OAuth that just works. OAuth.ioに登録してP
Webシステムを作っていて、時々PDFの帳票が必要になることがあります。サーバサイドでPDF出力するツールは幾つかありますが、それらのセットアップは面倒ですし、サーバの負荷も気になるでしょう。 そこで使ってみたいのがpdfmakeです。サーバ、クライアントサイド両方に対応したPDF作成ツールです。 pdfmakeの使い方 pdfmakeではJSONを使ってPDFの形式を定義します。 スタイル設定も可能です。 より複雑なスタイルを使った例です。 段組のサンプル。 テーブルも使えます。 リスト。ネストもできます。 より本格的な形式ですね。 画像も使えます。 pdfmakeの良いところはJavaScriptによる生成なのでサーバサイドの負荷なく、かつ編集した内容をその場で反映して生成し直すこともできるということです。さらにnodeで動かすこともできるのでクライアントサイドのコードを使ってそのまま
まずはClingifyのファイルを一式ダウンロードします。 (jQueryがない人はこちらからダウンロード) 様々な動きができますが、とりあえず一番簡単な要素を固定する方法です。 バージョン1.7以上のjQuery.jsとjquery.clingify.js及びclingify.cssを読み込みます。 <link rel="stylesheet" href="style/clingify.css"> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.clingify.js"></script> <script type="text/javascript"> $(function() { $('.some-sel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く