業務効率化HTMLの<form>が1ページ内に複数あった場合にEnterを押すと……
友人から質問があり、回答したのですがちょっと不安になったので実証試験を行いました。 質問内容は、「Webページに複数の<form>があって、Enterで送信したいんだけど、どっちの<form>が送信されるの？」というものです。 悩見坂 楓 ...
業務効率化
FlutterFlutterのScaffoldクラスで使えるパラメーターまとめ
FlutterにおけるScaffoldクラスは画面構成を描画、実装するクラスです。アプリケーションのレイアウトを作るためには欠かせない重要なクラスですので、しっかり押さえておきたいところです。 とはいえScaffoldクラスを利用する際に結...
FlutterDart言語で文字列を複数行で書く方法
JavaScriptでは下記の記事でテンプレートリテラルについて記載しました。テンプレートリテラルを使えば複雑なHTML構造をJavaScript内でスッキリまとめることが出来ます。可読性も向上しますし、ケアレスミス防止にも役立ちます。 テ...
JavaScriptJavaScriptの文字列をスッキリ複数行で書く方法
JavaScript内に<HTML>タグの要素を結構複雑に書かなきゃいけない場面が多々あると思います。コードを見やすくスッキリさせて、可読性の良い、ケアレスミスの少ないプログラムを書いてみましょう。 ホントダメな例、やったらNGなコード v...
FlutterDart言語での「$」ドルマークの扱い方【Flutter】
Flutterの初期プロジェクトのソースを見ていたところ「$（ドル・ダラー）」マークが予想外の位置に記載されていました。プログラム内に$がある場所は、_MyHomePageStateクラス（Stateクラス・状態クラス）内のbuildメソッ...
業務効率化VS Codeで定義されている位置（ファイル）に一瞬で飛び確認する方法
関数や変数が定義されている場所を調べるときに役立つショートカットです。React Native、Flutterどちらのアプリケーションのソースでも出来たのでその他の言語でも応用が利くと思います。 このクラス、どこで定義されているの？→すぐわ...
FlutterFlutterのホットリロード機能をVS Codeで利用する方法
Flutterのプロジェクトを作成して、確かホットリロード対応だったよな、と思いflutter runしてソースを改変してみたのですが、エミュレーターに反映されませんでした。え、出来ないんだっけと思い調べた結果を記します。 開発におけるホッ...
JavaScriptNスタ（ニュース番組）風のYoutubeテロップをHTML+CSSで作ってみた
毎日Nスタ（TBS）を見ていて、リスペクトを込めてNスタ風Youtubeにしてみました。HTMLとCSSとYTPlayer.jsで作成しています。 テロップ部分は画像無しでCSSで調整しています。だいぶNスタ風になったので良かった。 You...
FlutterFlutterデフォルトアプリのmain.dartにある「Key?」の意味
Flutterがどんなものなのか触ってみたくて開発環境を入れてみました。早速、flutter runしてサンプルの数字がクリックで+1されていくアプリをいじってました。 で、Dart言語って実際どうなのかな、出来そうかな、と中身を見始めて1...
業務効率化「Highlighting Code Block」にDart言語を追加する方法
Wordpressのプラグイン「Highlighting Code Block」にデフォルト以外の言語を追加する方法をご紹介します。コードにカラーリングしてくれる非常に便利なプラグインで、設定画面も日本語なので利用する価値があります。このサ...
業務効率化Google Chromeデベロッパーツールのショートカットおススメ10選
※Chromeのデベロッパーモード上でのショートカットキーです。通常の閲覧時のショートカットは『ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】』をご覧ください。 フロ...
react-nativeReact Nativeオワコン論争2022
React Nativeは既にブームが去って、世間に見捨てられたという意見がネット界隈で浸透しています。そもそもオワコンとは、「終わったコンテンツ」の略で最盛期を過ぎてもはや流行らないものを指します。果たしてReact Nativeは過去の...
react-nativeReact NativeのonPressに引数を利用する方法
画面遷移などのときに、変数を次の画面へ渡したい場合が多々あります。<View>などにonPressを使って引数を指定するにはどうしたらよいのでしょうか。 引数なしの場合のonPress これは単純に<View>や<Text>などにonPre...
react-nativeReact NativeのcreateNativeStackNavigatorが動かなかった話
React Nativeで画面遷移するときにStackという画面移動方法を使用することが多いのですが、このStackの指定がうまくいかず、無駄に時間を取られました。Stack Navigatorの挙動については公式サイトに掲載されていますの...
JavaScriptYTPlayerのオプションを完全マスターしよう。出来ること。
Youtubeの動画を背景に指定できるjQueryのプラグイン「YTPlayer」。クライアントからちょこちょこ背景に動画を入れてみたいという要望がくるので、YTPlayerをマスターしておこうと思います。本記事は初心者向けではなく、jQu...