FlutterDartプロジェクトをVSCodeで作成する方法 割と小さなテストコードを実行したり、デバッグしたりしたい時にミニマムなDartプロジェクトを生成したいことがあります。 ブログ記事のネタを書きたい時は特にシンプルなプロジェクトを形成したくなりますね。 今回は、Visual S... 2022.02.26 2022.03.18Flutter
JavaScript【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】 お客さんのサイトで、先日から急にInstagram API(Facebook Graph API)で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった??と思い自分のアカウントを使って実装してみました... 2022.02.24 2023.03.05JavaScript
業務効率化Chrome拡張機能「類GO!」リリースしました【for Webライター】 悩見坂 楓 なんだよ類GOって、オヤジギャグかよwwwwダサwww 著者 異論は認めません Wordpressでライティングしていたりすると、単語の類語を調べることがよくあります。その際に検索バーで「〇〇 類語」というよう... 2022.02.23 2022.03.26業務効率化
FlutterFlutterでローカルストレージ(端末内)にデータを保存する方法 Flutter側からスマートフォン本体のローカルストレージにデータを保存する方法は何通りかあります。メジャーなやり方は下記のパターンに分類されます。 ファイル自体の読み取りと書き込みSQLiteを利用するSQLCipherを利用する... 2022.02.22Flutter
業務効率化HTMLの<form>が1ページ内に複数あった場合にEnterを押すと…… 友人から質問があり、回答したのですがちょっと不安になったので実証試験を行いました。 質問内容は、「Webページに複数の<form>があって、Enterで送信したいんだけど、どっちの<form>が送信されるの?... 2022.02.22 2022.03.26業務効率化
FlutterFlutterのScaffoldクラスで使えるパラメーターまとめ FlutterにおけるScaffoldクラスは画面構成を描画、実装するクラスです。アプリケーションのレイアウトを作るためには欠かせない重要なクラスですので、しっかり押さえておきたいところです。 とはいえScaffoldクラスを利用す... 2022.02.22 2022.03.18Flutter
FlutterDart言語で文字列を複数行で書く方法 JavaScriptでは下記の記事でテンプレートリテラルについて記載しました。テンプレートリテラルを使えば複雑なHTML構造をJavaScript内でスッキリまとめることが出来ます。可読性も向上しますし、ケアレスミス防止にも役立ちます。 ... 2022.02.22 2022.03.18Flutter
JavaScriptJavaScriptの文字列をスッキリ複数行で書く方法 JavaScript内に<HTML>タグの要素を結構複雑に書かなきゃいけない場面が多々あると思います。コードを見やすくスッキリさせて、可読性の良い、ケアレスミスの少ないプログラムを書いてみましょう。 ホントダメな例、やったらN... 2022.02.22JavaScript
FlutterDart言語での「$」ドルマークの扱い方【Flutter】 Flutterの初期プロジェクトのソースを見ていたところ「$(ドル・ダラー)」マークが予想外の位置に記載されていました。プログラム内に$がある場所は、_MyHomePageStateクラス(Stateクラス・状態クラス)内のbuildメソ... 2022.02.21 2022.03.18Flutter
業務効率化VS Codeで定義されている位置(ファイル)に一瞬で飛び確認する方法 関数や変数が定義されている場所を調べるときに役立つショートカットです。React Native、Flutterどちらのアプリケーションのソースでも出来たのでその他の言語でも応用が利くと思います。 このクラス、どこで定義されているの?... 2022.02.21業務効率化
FlutterFlutterのホットリロード機能をVS Codeで利用する方法 Flutterのプロジェクトを作成して、確かホットリロード対応だったよな、と思いflutter runしてソースを改変してみたのですが、エミュレーターに反映されませんでした。え、出来ないんだっけと思い調べた結果を記します。 開発にお... 2022.02.19 2022.03.18Flutter
JavaScriptNスタ(ニュース番組)風のYoutubeテロップをHTML+CSSで作ってみた 毎日Nスタ(TBS)を見ていて、リスペクトを込めてNスタ風Youtubeにしてみました。HTMLとCSSとYTPlayer.jsで作成しています。 テロップ部分は画像無しでCSSで調整しています。だいぶNスタ風になったので良かった。... 2022.02.18 2022.03.18JavaScript
FlutterFlutterデフォルトアプリのmain.dartにある「Key?」の意味 Flutterがどんなものなのか触ってみたくて開発環境を入れてみました。早速、flutter runしてサンプルの数字がクリックで+1されていくアプリをいじってました。 で、Dart言語って実際どうなのかな、出来そうかな、と中身を見... 2022.02.17 2022.03.18Flutter
業務効率化「Highlighting Code Block」にDart言語を追加する方法 Wordpressのプラグイン「Highlighting Code Block」にデフォルト以外の言語を追加する方法をご紹介します。コードにカラーリングしてくれる非常に便利なプラグインで、設定画面も日本語なので利用する価値があります。この... 2022.02.17 2022.03.18業務効率化
業務効率化Google Chromeデベロッパーツールのショートカットおススメ10選 ※Chromeのデベロッパーモード上でのショートカットキーです。通常の閲覧時のショートカットは『ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows&mac】』をご覧ください。 ... 2022.02.16 2023.04.27業務効率化