以下の設定を更新する。
ファイル > オプション > 詳細設定 > リンク処理
2023年7月5日水曜日
2023年5月23日火曜日
CSS に追加するときの タグ／クラス／IDの指定方法
どうも。どっことです。今回はCSSを追加するときによく忘れるタグ／クラス／IDの指定方法について整理しました。
タグ指定によるカスタマイズ
タグ指定によるCSSは タグ名をそのまま書きます。つまり以下です。
/* bodyタグの指定*/
body {
...
}
/* h1クラスの指定 */
h1 {
...
}
クラス指定によるカスタマイズ
クラス指定によるCSSはピリオド「.」をつけて書きます。
/* hogeクラスの指定 */
.hoge {
...
}
/* fugaクラスの指定 */
.fuga {
...
}また、タグ指定とクラス指定を組み合わせることができます。
/* hogeクラスが設定されているdivタグの指定 */
div.hoge {
...
}
/* hugaクラスが設定されているpタグの指定 */
p.fuga {
...
}ID指定によるカスタマイズ
ID指定によるCSSはシャープ「＃」をつけて書きます。
/* ID:header */
#header {
...
}
/* ID:footer */
#footer {
...
}また、ID指定も、タグ指定、クラス指定を組み合わせることができます。
/* ID:headerが指定されているdivタグ */
div#header {
...
}
/* new-articleクラス、ID:title 指定 */
.new-article#title {
...
}
/* divタグ、commentクラス、ID:title 指定 */
div.comment#title {
...
}指定のタグ／クラス／ID内の要素に対してCSSを指定できます。
/* ID:headerが指定されている要素内のaタグ指定 */
#header a {
...
}
/* new-articleクラス内の div 指定 */
.new-article div {
...
}
参考
2023年4月5日水曜日
2023年4月3日月曜日
CSS 親要素を基準に位置を決めたい
親の領域を基準に特定の要素の位置を決める、AndroidでいうところのRelativeLayoutな位置調整をしたかったので実装方法を調べた。
親のスタイルに対して以下を設定する
position:relative位置を決めたい要素のスタイルに対して以下を設定する
position:absolute
上記を設定したら、あとは特定の要素に対してleft,top,right,bottomを指定すればOK。特にやりたかった右下を指定する場合は以下。
right:0
bottom:0参考
2022年12月19日月曜日
2022年の振り返りと2023年への抱負
どうも。どっことです。
気がつけば2022年ももうすぐ終わりということで、開発者としての2022年の振り返りと来たる2023年への抱負なんて書かせてもらえればと思います。
2022年の振り返り
SimpleBookmarkについて
夏頃まではちょいちょい更新しました。しかし、これ以上の機能追加は利用者に対しての労力に見合わないなと思ったので、2022年の目標としていた大型アップデートはお蔵入りとなりました。また、今後もアップデートが入るか微妙です。
新規アプリ開発について
2022年の目標としてSimpleBookmarkに続いてさらに新しいアプリを公開することが目標となっていましたが、実現することができませんでした。アイディアはじゃんじゃか出てくるのですが、それを実現するための時間とエネルギーが全くもって足りませんでした。
技術ブログの更新
定期的に、とはいきませんでしたがAndroidやFlutterを中心に備忘録として技術ブログを更新しました。同じことを調べることが多いので、できる限り自分のブログにノウハウを集約させたいですね。
あとはDroidKaigiの登壇を視聴したときのメモ書きもブログページに載せました。DroidKaigiは毎年開催されるので、次回も気になるものは視聴＋投稿しようと思います。本当はオフラインで参加してみたいんですけどね。
その他
GitHubPage上で、Flutter for web によるウェブページを構築しました。
Flutter for web によるUIは非常にネイティブ感の強いUIで、普通のウェブページとは一味違った印象を持てる反面「なんとなくコレジャナイ感...」を感じることになりました。もともとはFlutterで良さげなものを作ってみようというところから始めたので当初の目的は達成できたものの、ウェブサイトを作るならやっぱりReactのほうが良いのかなと思いました。
2023年への抱負
ReactによるGitHubPageの更新
GitHubPageをさらにリニューアルしようと思います。Flutterとは毛色が全然違いますが、アーキテクチャを意識した設計がしやすそうですし、また別の面白さを得られればと思います。
新規アプリ開発
...2023年こそね。まずは自分が一番の利用者として使いたいアプリを作れればと思います。
2022年8月28日日曜日
ShellScript 引数を参照する実装について解説
どうも。どっことです。今回はシェルスクリプトの引数を参照する実装について解説します。
手作業が面倒なものをスクリプトで自動化して、ゆくゆくは「自分はボタンを押すだけ」なんて野望は誰しもが持つかと思いますが、まずはその第一歩（笑）として、シェルスクリプトの引数を参照してみましょう。
引数を参照する方法について解説
さっそくサンプルを載せます。 $(数字)
の形でアクセスすることで、スクリプト名から各引数の値や文字列にアクセスすることができます。また、$#とすることで、引数の個数を取得することもできます。
#! /bin/bash
#スクリプト名を表示
echo "script=" $0
#引数の個数を表示
echo "args=" $#
#1つ目の引数を表示
echo "argv[0]=" $1
#2つ目の引数を表示
echo "argv[1]=" $2
#渡された引数すべてを表示
echo "argv[]=" $@
わかってしまえば、簡単ですね。
2022年8月23日火曜日
Android seletorにcolorを設定するときの注意点
android:textColorに設定する場合は以下。
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" android:color="#aaa" />
<item android:state_selected="false" android:color="@android:color/transparent" />
</selector>
一方で android:background に設定する場合は以下。
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" >
<color android:color="#aaa" />
</item>
<item android:state_selected="false">
<color android:color="@android:color/transparent" />
</item>
</selector>参考
2022年8月3日水曜日
Android ディレクトリを作成する
どうも。どっことです。今回はアプリ固有のファイル領域にディレクトリを生成する実装方法を解説します。
さっそくですが、実装サンプルです。階層構造のあるディレクトリを生成するケースとして、階層ごとに生成するケースとまとめて生成するケースを紹介します。
ディレクトリ階層ごとにディレクトリを生成する
階層ごとに生成するケースを紹介します。最初にディレクトリを生成したあと、そのディレクトリを親ディレクトリとして指定する形で子ディレクトリを生成します。
val parent1 = File(requireContext().filesDir, "parent1")
// ディレクトリ(parent1)を作成する
parent1.mkdir()
val parent2 = File(parent1, "parent2")
// 作成したparent1ディレクトリを親にして、子ディレクトリ(parent2)を作成する
parent2.mkdir()
複数のディレクトリ階層があってもまとめて生成する
こちらはまとめて生成するケースです。ディレクトリ名の指定に親ディレクトリを含めることで、その親ディレクトリもまとめて生成してくれる。というわけです。唯一注意が必要なのは、ディレクトリを生成する関数が前のサンプルではmkdir()をつかっていましたが、今回はmkdirs()を使っている点でしょうか。
val parents = File(requireContext().filesDir, "parent1/parent2")
parents.mkdirs()
2022年6月18日土曜日
HTML/CSS 画面上の文字や画像を選択状態にできないようにするCSS設定を紹介
どうも。どっことです。今回はWebページ上の文字や画像を選択できないようにするCSSについて解説します。
テキストや画像が選択状態にできないようにする
テキストにクリックリスナーを設定した際、そのテキストが選択状態になってしまい、シンプルにダサいです。今回はそんな経緯から、テキストや画像が選択状態にできない設定を紹介します。
設定方法
設定はシンプルで、該当のテキスト・画像のタグに以下を設定します。
user-select: none;例えば画像に設定する場合はimgタグなので以下となります。
img {
user-select: none;
}簡単ですが、以上です。
参考
2022年6月17日金曜日
Dart コンストラクタについて整理
サンプル1 finalなメンバ変数無し
class Sample {
Sample();
}サンプル2 finalなメンバ変数あり
class Sample {
final String value;
Sample(this.value);
}- Sampleクラスを使う側が value の値を設定しなければならない。
サンプル3 finalなメンバ変数あり + 初期値あり
class Sample {
final String value;
Sample({this.value = "initial string"});
}
- Sampleクラスを使う側は value の値を設定する必要はない。
- 設定しなければ初期値の値が設定される。
サンプル4 finalなメンバ変数あり + Nullable
class Sample {
final String? value;
Sample({this.value});
}
- Sampleクラスを使う側は value の値を設定する必要はない。
- 設定しなければnullが設定される。
登録:
コメント (Atom)