有益なReactライブラリまとめ - Qiita
この記事について Web開発で１からいい感じのUIを作成しようと骨が折れることが多いですが、世の中にはOSSで簡単にかっこいいUIを作れるライブラリがあります。 本記事では、実際に使ってみてよかったそんな便利なReact UIライブラリをご紹介していきます。 この記事は良さげなライブラリを見つけるたびに不定期更新していきます 「こんなライブラリもあるよ！」という方はコメント欄へ🙏 ちなみにGithubのReactトピックでは面白いプロジェクトが結構見つかるので仕事の合間とかにみています。 UI系 Material UI 言わずもがな最も有名なUIフレームワーク 数年前に比べドキュメントも充実しコミュニティも成熟してきた感があり、サンプルが多いのも魅力的です。 React Boostrap 超有名Web FrameworkのReact版。Material UIや後述のAnt Designよ
DataTablesとは DataTablesは、HTMLテーブルを対話的なデータグリッドに変換するためのJavaScriptライブラリ。 簡単に言い換えると、HTMLテーブルをソートや検索などがおこなえる高機能な表にできるということ。 拡張性 や 柔軟性 が高く、また大規模なデータを持つテーブルを操作するのにとても便利である。 導入 下記のリンクから自分の環境に合ったやり方でダウンロードしよう。また、基本的に jQuery は必須である。 最もシンプルな例 とりあえず簡単な実装例を挙げてみる。 ここでは理解できなくてもOK！ See the Pen DataTables by Tomoki Ota (@odlqzyes-the-sans) on CodePen. 使い方 これからDataTablesの使い方を説明していく。 最初は以下のcssとjsファイルだけでOK! (CDN以外の書き
ソートや検索、ページネーション等、基本的な機能を備えた非依存のデータテーブルライブラリ・「Vanilla-DataTables」
Vanilla-DataTablesはバニラなデータテーブルJavaScriptライブラリです。他ライブラリに依存せず単体で動作します 機能もデータテーブル系でよくある基本的な機能を備えています。データのソート、任意のキーワードで検索、データが増えた時でも省スペースで収まるページネーション、インポート/エクスポート機能などなど また拡張性もあり、プラグインに対応していますので足りない機能を自分で作って加える事も出来るようになっています。ライセンスはMIT Vanilla-DataTables
pandasのデータをHTMLで出力したいときってありますよね。 Excelよりもブラウザのほうが軽快なので、ちょっと見るだけならHTMLのほうが早いです。 ですが、以下のようなコードが出力するHTMLは全然イケていません。 import pandas as pd URL = "https://opendata.ecdc.europa.eu/covid19/casedistribution/csv" # 世界各国別データ（ECDE オープンデータ） df = pd.read_csv(URL).iloc[:100, :] df.to_html('hoge.html') 出力したHTMLファイルをブラウザで開くとこんな感じ 装飾が全くなく、無骨すぎます。 そこで、こちらの記事で紹介されていたJavaScriptのライブラリ-DataTables-の力を借りて、高機能かつ見栄えをよくします。 一
プログラム上達に必要なものは？ モチベーションでしょうか？あるいはセンスでしょうか？ 『プログラム未経験者大歓迎』の求人に募集してきた方々は、少なくとも自分で学習するモチベーションはなかったはずですし、センスについては未知数です。そんな方々にプログラム上達してもらうためには何を与えればよいでしょう？ Webサイトには解説記事は溢れていますし、少しお金を出せば詳しく解説してある本もたくさんあります。それらを読む様に口を酸っぱくして言い続ければいいでしょうか？気分が乗らない学校の宿題にようやく手をつけた子供に「宿題をやったのか？」と確認するおかあさんのようになっていないでしょうか？ 意見は色々あると思いますが、わたしは、「丁度よいサイズの課題」を用意することがよいのではないかと思っています。 「丁度よいサイズの課題」とは、業務で役に立つ可能性が高く、そこそこ頑張れば解決でき、達成感が得られ、挫
困っていたこと jQueryのdatatablesで、 ajaxによるデータ取得とテーブル描画（$("#table").find('tbody').append(tr_contents)で描画）とdatatablesへの変換を分離 「検索」ボタンでデータ再取得・テーブル再描画 ていう処理をしたいときに、datatablesの初期化がすんなりいかなかったのでメモ。 こうすると var table = null; if (table) { // 二回目以降の描画の場合、初期化が必要 $("#result-table tbody > tr").remove(); table.state.clear(); } // table描画処理 table = $("#result-table").DataTable({ 〜〜 テーブル自体の初期化は上手くいき、新たなデータでテーブルが作成されるが 「○件中
ASP.NET Core | 業務プログラムの実践学習
スタートアップ .NET ASP.NET Core入門 簡単なページを作ってみる - ウマヤディア 意識低めのASP.NET Core MVC入門（２）簡単なフォームを作る 意識低めのASP.NET Core MVC入門（３）モデルを使ってみる 概要 はじめてのASP.NET MVC5 連載：ASP.NET MVC入門【バージョン3対応】 - ＠IT 第1回 Controller－View開発のキモを押さえる（1/3） - ＠IT 第7回 レイアウト／部分ビューでアプリ共通のデザインを定義（1/4） - ＠IT ASP.NET MVC 開発を始める前に理解しておきたいこと - Qiita ASP.NET の機能 - ASP.NET 入門 【Visual Studio 2019】ASP.NET MVCでHello,Worldを出力！初心者でもわかりやすい画像付き | フライテック ASP.N
はじめに COVID-19のせいで時間があり余っているため、少しだけ知識のあるJQueryやPython等を使って何かサービスを外部公開できないか考えてみた。 いろいろ考えてみたが、自分が使いたいものを作ってみることにした。それはモバイルSuicaの利用履歴を経費精算に簡単に出せるように編集するというものである。 完成品はこちら https://www.mobilesuica.work 筆者のレベル プログラムを最初に触ったのは25年前に大学の研究でC言語を利用したとき 大学卒業後は全く触れなかったが、10年ほど前にちょこっとRubyとVisual Basicを、2年ほど前からPythonでREST APIを叩くスクリプトを作り始める（自社製品の勉強も含めて） 2020年の2月ぐらいから社内の詳しい人に教えを請う形でJavascript+Python+Dockerという今回のアーキテクチャ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【JavaScript】DataTablesが超便利すぎる - Qiita
pandasが出力するHTMLテーブルを高機能にする - Qiita
新人Web系職業プログラマーのための「丁度よいサイズの課題集」 - Qiita
datatables 再描画処理 - Afterwards
JQueryとPythonを勉強しながらGCP上でWebサービスを公開するまで - Qiita