技術情報 スマホ版ポータルアプリを作りたい。(PDF Viewer編)
はじめにこの取り組みは、最近当社でグループウェアの見直しを行なっており、運用が変わる点もあるため、使いやすいスマホアプリがあればいいな。と個人的にノウハウを形成していっているところです。そこで今回は、FlutterのPDF Viewerを用...
技術情報
技術情報 技術情報 スマホ版ポータルアプリを作りたい。(デザイン編)
はじめにこの取り組みは、最近当社でグループウェアの見直しを行なっており、運用が変わる点もあるため、使いやすいスマホアプリがあればいいな。と個人的にノウハウを形成していっているところです。いくつかの記事に分けて、その技術や考え方のようなものを...
技術情報 SQLインデックスで速度を検証する
シナリオユーザーからの注文情報を取得すること想定構成SQLはMySQL使用しています。テーブルは、usersテーブル、ordersテーブルの二つです。テーブルの構成は以下です。
技術情報 CSS Grid Layoutを触ってみる！
はじめにGrid Layout（グリッドレイアウト）とは、html/cssで二次元レイアウトを可能にする機能です。flexboxは直線的にしかレイアウトを配置できないので、 Grid Layout を使うことでレイアウトの幅が広がります。G...
技術情報 【Laravel】クエリビルダによるSQL実行
クエリビルダとはクエリビルダは、データベースからレコードを取得する際にSQL文を組み立て、簡単に問い合わせを行うことができる機能です。内部結合や外部結合などを含む基本的なSELECT文は、以下のサイトを参照してください。ここでは、以下のSE...
技術情報 【JavaScript】Chart.jsを活用してグラフを描画する（応用）
前回の記事では、Chart.jsの基本的な部分（基本要素、構造、実装例）を紹介しました。ここでは、前回実装したグラフをカスタマイズして、さらに細かな設定を行う方法について紹介します。 ※以下の実装例では、変更点のみを記載しています。 棒グラ...
技術情報 【JavaScript】Chart.jsを活用してグラフを描画する（基礎）
Chart.jsとは Chart.js とは、データを視覚化するためのオープンソースのJavaScriptライブラリです。以下のような特徴があります。1. 折れ線グラフ、棒グラフ、円グラフなどの様々なスタイルをサポート。2. 使いやすいイン...
技術情報 [Flutter]widget管理の答え、見つけました。
はじめに今回はFlutterのwidget管理において、個人的にこれが答えだ！と思うものを見つけたので、この技術について学習した内容を、ハンズオン形式でお伝えします。WidgetBookもったいぶってすみません、その技術とは、「Widget...
技術情報 Flutterを採用するメリットについて
Flutterとは？通常、モバイルアプリを開発するには、swiftでiOSを、javaやkotlinでAndroidを開発しますが、クロスプラットフォームで開発できるものも存在します。その一例がFlutterです。同じコードでiOS,And...
技術情報 Flutterで任意のタイミングで通知を送る
はじめに今回はFlutterを使って通知を送る方法をまとめました。通知が送れると、アプリを開かなくても状態が確認出来るので、スマホアプリ開発の技術として重宝されています。導入今回はシンプルに画面に通知ボタンを配置し、ボタンを押すと通知が来る...