ずっと家でアプリ作っていたい

業務効率化小ネタなど

【Flutter】今日の日付を「○年△月×日」形式で表示する方法

実装したい内容 「○年△月×日」と表示したい 方法 以下の様にDateFormatでDateTimeインスタンスをフォーマットする String _todayFormated = DateFormat(" y年 M月 d日 ").format(DateTime.now()) 型はStringで返る 任意の日付で表示したい場合は DateTime.no…

【Flutter】エラー「BOTTOM OVERFLOWED BY xxx PIXELS」が出る時の対処方法

エラー内容 Flutterで作成したアプリを実機でデバックする際に発生する。 入力フォームをタップして出現するキーボードが、表示されるウィジェットにかぶると このエラーが生じてしまう。 error 解決方法 Scaffoldで以下の様にアトリビュートを設定すれば良…

【Flutter】pubspec.yamlにおけるバージョンの明記方法

説明すること Flutterでの開発における、パッケージバージョンの明記方法の読み方・書き方 明記方法 Flutterでは使用する外部パッケージの情報をpubspec.yamlファイルにて管理する。 この時にバージョンを記載する場合があり、一般的な記法とキャレット記法…

Web開発の超重要用語『API』とは?【知識ゼロから理解】

目次 Web APIとは「Webサービス開発を効率化するツール」です Web APIを使う理由 【具体例】株価表示Webサービスを作る Web APIの構成要素 Web APIの「エンドポイント」とは Web APIの具体例 Google Maps Geocoding ぐるなびレストラン検索 amazon-price Goo…

【入門】Google Chrome Extension (拡張機能)でデータを保存する

はじめに データ保存をするために使用するStorage APIとは Sync Local 完成品 ソースコード コード解説 データ保存 データ読み出し まとめ はじめに データの保存ができる様になると機能の幅がグッと広がります。 そこで今回はGoogle Chrome拡張機能のStorag…

【実践】Google Chrome Extension (拡張機能)で電卓を作成する

はじめに 完成品 学んだこと 拡張機能を作る際の手順 基本的な電卓の実装方法 電卓の主な機能 数値ボタンを押すと、押した数値が表示される 小数点を使うことで小数が表現できる 四則演算ができる 「=」を押して計算結果が求まる 計算結果を引き継げる 便利…

【入門】Google Chrome Extension (拡張機能)でJavaScriptを使用する②バックグラウンドで処理を実行する

[: h400] はじめに Google Chrome拡張機能には、Background Scriptという機能があります。 これを使うことで、ポップアップを表示しなくてもいろいろな処理を行うことができます。 今回はそんなBackground Scriptを使った拡張機能の作り方をシェアします。 B…

【用語】JavaScriptのListener(リスナー)を分かりやすく説明

はじめに プログラミングを始めたての頃は、その用語の多さに圧倒される人が多いと思います。 初めて聞く単語や、独特な言い回し...。 その結果、何か調べごとをしても「結局何を言っているのかわからない」 と言う状態になることが少なくありません。(僕は…

【入門】Google Chrome Extension (拡張機能)でJavaScriptを使用する①ボタンがクリックされた時にイベントを実行する

はじめに Webの技術はHTML/CSSとJavaScriptを中心に構成されており、 Google Chrome拡張機能でも、「使える」レベルの拡張機能には JavaScriptが欠かせません。 本格的な拡張機能を作成するため、JavaScriptを使って、拡張機能に「ボタンがクリックされたと…

【入門】Google Chrome Extension (拡張機能)でBootstrapを使用する

はじめに せっかく作るならデザインが整った拡張機能を作りたいですよね。 そこでデザインを簡単・綺麗・シンプルに作ることができる Bootstrapと言うツールを拡張機能で使用する方法をシェアします。 Bootstrap getbootstrap.jp BootstrapとはCSSを簡単に整…

【入門】超シンプルなGoogle Chrome Extension (拡張機能)を作って仕組みを学ぶ

はじめに 会社で何か作業をしている時、「あーこんな拡張機能がChromeについていたら助かるんだけどな...」と思う時があります。 探してみても無さそうな時は諦めていたのですが、ふと「自分でも作れるんじゃないか?」と思い調べてみると、どうやら簡単に作…