FastAPI入門 - モダンなPythonフレームワークの特性をチュートリアルで手軽に学ぶ｜ハイクラス転職・求人情報サイト AMBI（アンビ）
FastAPI入門 - モダンなPythonフレームワークの特性をチュートリアルで手軽に学ぶ PythonのWebフレームワークとしていま注目を集めるFastAPIは、シンプルにコードが書けるだけでなく、パフォーマンスが高いWebアプリケーションのバックエンドサーバーが構築可能です。同フレームワークの勘所をPythonスペシャリストの杜世橋さんが、初心者向けのハンズオン、そしてより実践的な画像への自動タグ付けサービス実装をとおして解説します。 FastAPIはいま非常に注目されているPythonのWebフレームワークの1つです。Flaskのようにシンプルに書ける一方でPythonのType Hintの機能をうまく活用し、HTTPのリクエスト/レスポンスをPythonの関数の引数/戻り値とシームレスにマッピングして非常に効率的に開発ができるのが最大の特徴です。非同期処理にも対応していてその名
データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」
Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。 面や棒、折れ線、円やドーナツなどよく見かける一般的なチャートやこれらのマルチデータ、パーセンテージや積み上げ式、3Dなど様々なビジュアライズも対応されています。 少しクセがある印象ですが、慣れれば問題なさそうでした。HTML形式のデータに対応する場合にあると作業がかなり楽になりそうですね。 動作サンプル及び簡単に使い方のご紹介です。基本的にはtableが使われ、classを付与する事でビジュアライズされます。 <table class="charts-css"> ... </table>単なるtableをビジュアライズするにはCharts.cssを読み込んだうえで上記のようにcharts-cssというclassを付与します
Pythonでいい感じにバッチを作ってみる - prefectをはじめよう - JX通信社エンジニアブログ
JX通信社シニア・エンジニアで, プロダクトチームのデータ活用とデータサイエンスのあれこれ頑張ってるマン, @shinyorke（しんよーく）です. 最近ハマってるかつ毎朝の日課は「リングフィットアドベンチャー*1で汗を流してからの朝食」です. 35日連続続いています. 話は遡ること今年の7月末になりますが, JX通信社のデータ基盤の紹介&「ETLとかバッチってどのFW/ライブラリ使えばいいのさ🤔」というクエスチョンに応えるため, このようなエントリーを公開しました. tech.jxpress.net このエントリー, 多くの方から反響をいただき執筆してよかったです, 読んでくださった方ありがとうございます！ まだお読みでない方はこのエントリーを読み進める前に流して読んでもらえると良いかも知れません. 上記のエントリーの最後で, 次はprefect編で会いましょう. という挨拶で締めさせ
PythonのウェブフレームワークDashで京都の新型コロナアプリを作成した - Qiita
PythonのウェブフレームワークDashを使って、京都の新型コロナアプリを作成しました。DashはFlask、React、Plotlyを使って作られたフレームワークで、ダッシュボードのようなアプリケーションを短時間で作成できます。またコールバックを使ってアプリケーションをインタラクティブに動作させられます。私のようにデータをこねるのは好きだけど、ReactもVueもいまいちよくわからないという人には、容易にダッシュボードを作れるフレームワークです。 作成したアプリケーションは以下のURLにあります。 PC向け スマホ向け コードはgithubを参照ください。 開発環境は以下の通りです。 Windows10 Pro Python3.7.5 dash 1.9.1 pandas 1.0.0 アプリの機能 アプリは京都府のサイトから取得したデータ（取得方法などは後述）をCSVファイルとして読み込
管理画面向けのVue.jsのUIフレームワーク、iViewについて - JX通信社エンジニアブログ
「JX通信社Advent Calendar 2019」7 日目の記事です。昨日は、鈴木（泰）さんの「CodePipelineを用いたLambdaのデプロイについての所感」でした。 フロントエンドエンジニアの渡辺です。今回は社内の管理画面のUIの話です。 はじめに 管理画面、特に社内向けの画面を作る際は、プロダクト側とは少し事情が異なり、 それぞれのコンポーネントのデザインにあまりこだわらない 機能面や、使い勝手の優先度が高い などの事情があります。なので、UIとしては、「このフレームワークに乗っかっておけばコンポーネントが揃っている」という状態が理想です。 JX通信社の管理画面はVue.jsを使っているケースが多く、その際のUIフレームワークにはiViewを使っています。 特徴 基本的にデザインがシンプル カスタマイズできる項目が多い 少し特殊な用途(無限スクロール、ツリー構造のチェックボ
CSSを書くのが劇的に楽になる！ユーティリティファーストのCSSフレームワーク「Tailwind CSS」
日本でも、Tailwind CSSを使用する人が増えてきましたね。 フロントエンドの開発者がTailwind CSSを実際に使い始めたら、CSSを書くのが劇的に楽になった話を紹介します。 How I Stopped to Write CSS by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Tailwind CSSとは カードコンポーネントで実装の比較 BootstrapとTailwind CSSの比較 Bootstrapがそんなに恋しいですか？ BootstrapとTailwind CSSのどちらを使えばよいか？ CSSにかかる時間はかなり少なくなりました はじめに 私はCSSアーキテクチャにフォーカスしたフロントエンド開発者として、コードを書くために最高の方法を使いたいと思っています
boba | Build with Boba
Boba was born out of a frustration with other CSS design frameworks and seeks to create a balance between both minimalism and completeness. In fact, as a testament to goal, our entire website, including our documentation, is built entirely using boba's built-in classes. It's also a delicious drink. Highly recommend. Be it a small project or production-scale website, boba has all of the components
FICTOAN等CSS基本フレームワーク10選！高機能と簡単使用でより優れたウェブデザインを可能に
機能性の高いCSSフレームワークは、どんなデザイン・プロジェクトにおいても良いスタートを切るのに欠かせません。 その際、余分なオプションをいちいち選ぶべきか判断する必要のない、ジャストな機能を備えたパッケージで仕事するのが理想的と言えます。 以下では、そんな基準を満たしそうな10のフレームワークをご紹介します。 FICTOAN このFICTOANは、手軽に使えるCSSフレームワークとして有名です。シンプルで軽いフレームワークとしては非常に有能で、ビビッドカラーとカスタムアイコンが特徴です。 avalanche avalancheは、ユーザーのニーズを満たす柔軟なカスタマイズが特徴のフレームワークです。何種類かのパッケージが存在し、その中には流動的なグリッドシステム、クラスオフセット、コンテイナー、ヴァーティカルスペースなどのいくつもの機能が実装されています。 Beauter ハイレゾリュー
Propeller - Bootstrapベースのマテリアルデザインテンプレート
ちょっとしたWebサイトであればBootstrapをベースにすればデザインを一から作る必要がなくなっています。プロトタイプはもちろんのこと、数多あるBootstrap用テーマを使えば、十分高品質なWebサイトが作れるでしょう。 今回はそんなBootstrapのテーマを紹介します。マテリアルデザインになっているPropellerです。 Propellerの使い方 スクリーンショットを多めに紹介します。まずはタイポグラフィ。 アイコン。 影。 アコーディオン。 アラート。 バッジ。 ボタン。 モーダル。 ボタン付きのモーダル。 ドロップダウン。 フォーム。 リスト。 さらにカスタマイズしたリスト。 ナビゲーションバー。 ポップオーバー。 プログレスバー。 サイドバー。 タブ。 テーブル。 カード。 Propellerはマテリアルデザインになっていますので単純なデザインだけでなく、クリックやマウ
Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた！ - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、「CSSフレームワーク」を活用しているでしょうか？ いきなりフレームワークと聞くと、「なんだか難しそう…」と思ってしまうかもしれませんが、最近は誰でも利用できるようにシンプルな設計で公開されているモノが増えています。 そこで今回は、多機能でありながらも学習コストが低い「CSSフレームワーク」を厳選し、レスポンシブ対応でモバイルに優しいものをいくつかご紹介しようと思います！ ■CSSだけで多彩なサイトを構築できるフレームワーク！ 【 Picnic CSS 】 Web制作に必要なコンテンツを、とにかく簡単な手順で手っ取り早く構築できるように設計されているのが「Picnic CSS」です！ 特に、Flexboxを活用した非常に柔軟なグリッドレイアウトや、JavaScript不要でインタラクティブな要素を構築できる機能などはとても便利だと思
awe.js - AR向けjQueryとも言うべきフレームワーク MOONGIFT
AR（拡張現実）を実現しようと思うと非常に面倒なイメージがあります。カメラの映像を取り込んでマーカーを認識したり、位置情報を使ったり、加速度センサーで向きを取ったりしなければなりません。 実はそれらの機能はすべてスマートフォンに入っていると言えます。そしてawe.jsを使えばjQueryのように容易にARアプリが作れるようになります。 awe.jsの使い方 現在は使えるブラウザが限られます。Firefox for Androidであれば対応しています。まずは位置情報系のAR。 マーカー系も使えます。 awe.jsではこの他、Oculus Riftと組み合わせたり、Google GlassやLeap Motion向けにも作ることができます。Webブラウザ上でARアプリを作ってみたい方はawe.jsを使うと良いでしょう。 awe.jsはJavaScript製のオープンソース・ソフトウェア（MI
カルーセルやアコーディオン、ドロップダウンメニューなどをCSSのみで実装するコードを集めた・「You Don’t Need JavaScript」
You Don’t Need JavaScriptはよく見かけるUIをJavaScriptを使用せずCSSのみで実装するコードを集めているプロジェクトです。上はカルーセルのサンプル。他にクリックで開閉するアコーディオン、要素のフリップ、モーダルウィンドウ、ツールチップ、タブなどよく使われるUIが揃っています。日本の方が作ったCSSのみで作るフォントのCSS SANSも含まれています。まだ数は少ないですけどこれから増えていくかもしれませんね。 You Don’t Need JavaScript
CSSフレームワーク30選！デザイン含めて一括総まとめ
CSSフレームワークを使うのは、すでに一般的になっている。 CSSはよくできたWebページデザインシステムだが、大規模なアプリケーションに弱い、車輪の再開発のような部分も多いという弱点がある。 そんな弱点を補ってくれるのがCSSフレームワークだ。フレームワークを使うことで作業時間は大幅に減り、品質も上がる。 しかし、一方で同じCSSフレームワークを使うと、同じようなデザインになりがちという欠点もある。 そこでこのページではCSSのフレームワークを30種類ご紹介する。人気のものからマイナーなものまで幅広く揃えてみた。 CSSフレームワークを選ぶときに参考にしてほしい。 CSSフレームワーク大体の使い方 CSSフレームワークの使い方は大体どれも同じだ。 ステップ１ CSSを読み込む サイトに行って、CSSとあればJavaScriptをダウンロードする。link rel でサイトに組み込んで準備
Mobility - スマートフォン用Web/ハイブリッドアプリ向けUIフレームワーク MOONGIFT
スマートフォン向けにWebサイトであったり、Cordovaを使ったハイブリッドアプリを作る場合にはデスクトップ向けとは異なるUIフレームワークを使うのがお勧めです。UIはもちろん、スワイプ操作などのUXも専用の方がユーザビリティが高いでしょう。 今回紹介するのはMobility、軽量なスマートフォンブラウザ向けUIフレームワークです。Bootstrapベースなのでカスタマイズもしやすくなっています。 Mobilityの使い方 Mobilityの主な画面です。まずはトップページ。 ハンバーガーアイコンをタップしてメニューが表示されます。 画面下にはタブバーがあり、画面上部でもメニューに分けた表示ができます。 リスト。画像付きです。 コードも表示できます。 フォーム。 チェックボックスだけでもこんなに多種多様です。 MobilityはスマートフォンネイティブなUIに似たデザインではないので、W
WEBデザイナーのための12の軽量なCSSフレームワーク「12 Small CSS Frameworks」
TOP > WebDesign > WEBデザイナーのための12の軽量なCSSフレームワーク「12 Small CSS Frameworks」 EBサイトを構築するにあたって欠かせないCSS。様々な表現が可能なものですが一から組んでいくとそれなりに時間が掛かるものです。そこで便利なのが、よく使う要素や表現を簡単に利用することができるCSSフレームワーク。今日紹介するのはWEBデザイナーのために12の軽量なCSSフレームワーク「12 Small CSS Frameworks」です。 min すべて5KB以内に収まるという非常に軽量なCSSフレームワークのみまとめられていましたので、その中からいくつかピックアップして紹介したいと思います。 詳しくは以下 Milligram Chrome, Firefox, IE, Safari, Operaに対応した軽量のCSSフレームワーク Blaz
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホやWebページでよく見かけるUIコンポーネントのデザインと実装コードの無料ライブラリ -Eva Design System
基本的なUIコンポーネントも備わったベーシックなCSSフレームワーク・「Caramel」
マテリアルデザインの仕様にインスパイアされた軽量CSSフレームワーク・「kernel.css」
http://www.99lime.com/elements/
djangoで国際化 - Qiita
