「vuecsv」で配列をCSV形式でダウンロードする | カバの樹
vuecsvとは vuecsvは、配列をCSV形式でダウンロードできるライブラリです。 option機能が搭載されており、改行コードを指定することができます。 インストール 以下のCDNを使ってインストールします。 CDN <link rel="stylesheet" href="https://unpkg.com/vuecsv/dist/vuecsv.min.css"> <script type="text/javascript" src="https://unpkg.com/vuecsv/dist/vuecsv.min.js"></script> gitリポジトリは以下から取得できます。 https://github.com/ynishi/vuecsv 導入手順 配列をCSV形式でダウンロードします。 1. ライブラリの取り込み Vue.component("csv-download"
【Vue.js】業務で開発した自作ライブラリをnpmに公開してみた - オールアバウトTech Blog
昨年に引き続き、オールアバウトの新卒1年目エンジニアが投稿する連載企画 「テックブログ新卒週間 2018」がはじまりました！ 今回は第一弾として、お買い物情報メディア「PICUP」をほぼ一人で開発している@sinpey_g2が担当します。 picup.allabout.co.jp PICUPについては昨年末にも記事を書いたので、こちらもご覧ください。 allabout-tech.hatenablog.com はじめに PICUPでは、記事の入稿や公開をするためのCMSを内製していて、CMSではJavaScriptのフレームワークにVue.jsを使用しています。今回は、Vue.jsで実装したUIをライブラリ公開した話について書きたいと思います。 Vue.jsとは？ Vue.jsとは、JavaScriptのフレームワークの1つで、プログレッシブフレームワークという思想のもと、がっつりSPAを作
JavaでCSVの読み書きを快適に！ ～「OrangeSignal CSV」概要
はじめに 皆さんは、JavaでCSVを扱うときに苦労した経験はないでしょうか。 CSV（Comma-Separated Values／Character-Separated Values）はデータをカンマ（,）やタブなどで区切って並べたテキスト形式のデータで、表計算ソフトやデータベースなどとのデータ交換のしやすさや可読性のよさなどから、古くから広く使われているデータ形式です。 このCSVのデータ形式には、さまざまな「方言」があり、データの中にカンマ（,）が入っている場合や、データをダブルクォーテーション（"）で囲む場合、データの中にダブルクォーテーションがありそれがエスケープされている場合、データの中に改行がある場合などが存在します。また、CSVのデータ構成にもさまざまな種類があり、データの先頭行をヘッダとする場合や、コメント行や集計行がある場合、日時データを日付と時刻それぞれ別々の列とす
BeInteractive! [ActionScript 3 用便利ライブラリ集に Spark project をミックス]
トラックバックはありません。TrackBack URL：http://www.be-interactive.org/trackback.php?id=404
BeInteractive! [ActionScript Thread Library 1.0 (そうめん) リリース!!]
イベントリスナーにお困りの皆さんに朗報です。BeInteractive! は本日、革新的な疑似マルチスレッドライブラリである、「ActionScript Thread Library 1.0 (そうめん)」をリリースします。 先進的な Flash コンテンツを作るためには、XML や画像の読み込み、ムービークリップやスプライトの処理、ユーザーからの入力の処理、3D や物理エンジンといった様々なフレームワークとの連携といった、数多くの制御を行う必要があります。しかし、ActionScript 3.0 は、特にイベント周りが複雑で、このような制御を行うコードは、冗長で分かりづらいものとなりやすい傾向がありました。 このような問題は、コードが、私たちにとって馴染み易い、同期的でシーケンシャルに書けないことに起因します。そこで、ActionScript Thread Library 1.0 (
Java Zipユーティリティークラス (Hishidama's Java Zip class)
S-JIS[2007-12-14/2008-11-03] 変更履歴 Zipユーティリティークラス こちらへ移転しました。 メールの送信先：ひしだま
jsmap - JavaScriptによる都道府県入力補助
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
「Google Collections Library」でJavaのコレクションを補完する：CodeZine
はじめに 何年も前のことですが、私が初めてJavaに興味を覚えた理由の1つは、Javaプラットフォームに標準でコレクションライブラリが組み込まれていたからでした。当時、C++の世界ではまだSTL（Standard Template Library）が定着しておらず、開発者たちは適当なコレクションライブラリを購入して利用するか（Rogue Waveが流行っていました）、自分の手でライブラリを書くしかありませんでした。正確な数は忘れましたが、私自身も、さまざまな目的でさまざまな種類のプリミティブやオブジェクトの連結リストを実装しました。さらに、もっと複雑なコレクションや平衡2分探索木、ハッシュテーブルなども自分で実装しました。そのようにしてソフトウェア工学の原理を絶えず意識することは決して無駄なことでありませんでしたが、生産性を考えるとそうとばかりも言えませんでした。 しかし、Javaによって
JavaScriptで複雑なURLをパースできるライブラリ「parseUri」:phpspot開発日誌
parseUri 1.2: Split URLs in JavaScript I've just updated parseUri. If you haven't seen the older version (the last official release was v0.1), parseUri is a function which splits any well-formed URI into its parts, all of which are optional. JavaScriptで複雑なURLをパースできるライブラリ「parseUri」 「http://usr:pwd@www.test.com:81/dir/dir.2/index.htm?q1=0&&test1&test2=value#top」のようなURLを次のように分解することが出来ます。 複雑なURLもきちんと分
MOONGIFT: » 超美麗なグラフを描くJavaScriptライブラリ「WT Toolkit」:オープンソースを毎日紹介
システム開発は何らかの出力をもって完結する。メール送信する場合や、画面出力等がある。業務システム系であれば、帳票や一覧表も考えられる。その中でよく要望に挙がるのがグラフ表示だろう。 グラフ用のライブラリを導入したり、表示のプロットが面倒だったりして、最終的には表計算ソフトウェアに逃げてしまうことが多い。既存データへのグラフ表示機能を追加するのにJavaScriptという選択肢はいかがだろう。 今回紹介するオープンソース・ソフトウェアはWT Toolkit、グラフ表示をはじめとするリッチなコンポーネントを提供するJavaScriptライブラリだ。 まずは何といってもグラフ表示機能だろう。デモで見られるのは3D円グラフ、棒グラフさらにレーダーチャートなど。どれもWebブラウザ上で動的に変更できる。ただし日本語はグラフ上は文字化けするのでご注意いただきたい。 他にもツリービューや表計算風シートの
Open-jACOB Draw2Dを使ってみました: Recently Ajax
昨日ニュースでお伝えした、Visioのような図が描けるライブラリ「Open-jACOB Draw2D」ですが、面白そうなので早速使ってみました。 まずは、サイトからライブラリをダウンロードしてきます。 Open-jACOB Draw2D 大量のJavaScriptと、サンプルプログラムなどが・・同じディレクトリの中でごっちゃに展開されるので、.jsファイル以外を削除して適当なフォルダに放り込みます。 どのライブラリがどんな役割かを調べるのが面倒なので、全部取り込みました。 <script type="text/javascript" src="_js/wz_jsgraphics.js"></script> <script type="text/javascript" src="_js/events.js"></script> <script type="text/javascript
Kazuho@Cybozu Labs: JavaScript から Flash の便利な機能を使う方法
« Comet の正しい使い方 | メイン | キーワード抽出のススメ (Lingua::JA::Summarize がアップデート) » 2007年03月14日 JavaScript から Flash の便利な機能を使う方法 先月・今月と新しいメンバーが加わったサイボウズ・ラボですが、いま社内でfont-familyが密かなブームです。ということで、ブラウザで使用できるフォント名一覧をJavaScriptで取得する方法について調べてみました。 (中略) ■ 2. Flash の TextField.getFontList() を JavaScript から呼び出す (TAKESAKO @ Yet another Cybozu Labs: JavaScriptでフォント名一覧を取得する3つの方法) JavaScript から Flash のちょっとした機能を呼び出すためだけに、毎回 Fla
Open-jACOB
Data exchange across multiple platforms is more crucial than ever in the era of integrations. Consider an online store without integrations. Your website would have to develop systems for managing user accounts, email subscriptions, payment processing, shipment, and other tasks in addition to managing product listings. It would be more effective to outsource these duties to other providers since t
Unbeatable JavaScript Tools - The Dojo Toolkit
Visit dojo.io for documentation, examples, and more on Dojo, the Progressive Framework for Modern Web Apps and successor to the Dojo Toolkit Dojo Toolkit 1.17 A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly. Get Dojo
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ:phpspot開発日誌
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
Yahoo! UI Library 2.2.0 リリース: ある SE のつぶやき
YUI Version 2.2.0 Released(Ajaxian) JavaScriptのUIコンポーネント集である、Yahoo! UI Library のバージョン2.2.0がリリースされたとのこと。 バージョンが、0.12.2 から 2.2.0 への大幅アップですが、興味深い機能は、「Browser History Manager」と「DataTable Control」です。 ◆Browser History Manager Browser History Manager は、Ajaxで画面操作をしているのに、戻るボタンで操作前の状態に戻れる機能です。 スナップショットを見ると良く分かると思います。 ・最初の画面 ・"ipsum"タブクリック後 ・戻るボタンクリック後 Ajaxアプリケーションの欠点として、戻るボタンで以前の操作に戻れないことがありましたが、その欠点を解消したよう
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」:phpspot開発日誌
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」 2007年02月16日- DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript This JavaScript VectorGraphics library provides graphics capabilities for JavaScript: functions to draw circles, ellipses (ovals), oblique lines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpage JavaScriptで線や円
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」:phpspot開発日誌
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」 2007年01月31日- Spinelz - JavaScript libraries Spinelzはscript.aculo.us.をベースに開発されています。 Ajaxや、script.aculo.us.の持つアニメーション効果を最大限に活かした、ちょっと便利な機能を提供しています。 script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」。 タブ、メニューバー、ナビゲーションパネル、カレンダー、グリッド、ツリービュー等リッチなコンポーネントを実現できます。 以下にいくつか紹介。 タブボックス メニューバー ナビパネル カレンダー グリッド ツリービュー コンポーネントはＣＳＳによってデザインされているため、
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Startseite