ＣＳＳ

[壁]_・)こんばんは。12時回ったんでもう昨日のことですが、昨日は授業1コマだけ出席してきた娘ちゃんです。「1個で限界～」早く帰ってきたので、ホームセンターに土買いに行き、その後お寿司食べに行きました。明日も大学です。今期はほぼ毎日大学です。大学4年生なのに...自業自得です。で、明日の授業資料がやってきたので確認。そしたら...VisualStudioCodeを予めインストールしておくこともうこの段階でギブ

【本文】このところ、1次試験から、模擬面接等の面接対策に忙殺された忙しさも一段落つき、来年度の対策に向けて今年度の試験問題の分析などもある程度腰を据えてできるようになりました。とはいえ、国家公務員障害者選考試験や市役所C日程、神奈川県秋季チャレンジ等の1次試験やその後の人物試験対策などが始まると、また忙しくなりますので、あまりゆったりもしていられませんが。さて、今日は、きっかけがあって、今年度（2019年度・令和元年度）の都庁Ⅰ類A事務区分の専門試験問題（専門論文です

可能になったのは2020年後期 最近、FirefoxでCSSによるスクロールバーアレンジが一部可能になった事に気付きました。昨年あたりから、スクロールバーのデザインが微妙に変わったなぁとは思っていたのですが、アレンジは更に昔の2020年10月頃から可能だった様です。Firefoxは私はメイン使用ではないので、どうしても気付くのが遅れますが、最近は初期画面のリンクが沢山設定できる様になり、ユーザーライクな改善を続けて頑張っています。EdgeはMSニュースでトップを埋め、それは

【本文】この時期の2021年度の公務員試験は、市役所、社会人経験者採用、就職氷河期世代採用や障害者採用等、秋に1次試験が実施されたものの人物試験が中心になっています。そういった試験の模擬面接が毎日のように続いています。公務員試験に限らず、面接試験には、自己PRあるいは長所・短所といった項目が大抵含まれています。その際挙げられるPRポイントや長所の1つとして、「傾聴力」があります。傾聴力とは、「相手の話を聞く力」、もう少し敷衍すると、「相手の話に耳を傾け、熱心にきくスキル」と

inputtype="color" JavaScriptツールで、色指定を受け入れるインターフェイスを作る時に必要なのが「inputtype="color"」です。現在のブラウザでは、この「input要素」を設置すれば、自動的にカラーピッカー（カラー設定ダイアログ）を開くスイッチになります。この事は以下の記事に纏めていますが、色指定に必要不可欠なパーツです。カラー設定ダイアログが標準パーツ化していた/JavaScriptカラー設定ダイアログを作るのはそう簡単ではない 「S

【障害者クリエイターズバンク求人紹介】株式会社インソース事業内容：「教育」と「ＩＴ」で、様々な社会課題を解決する企業です。社会人向けの研修サービスや自社開発システムの提供等を通して働く楽しさ・喜びを実感できる社会の実現を目指しています。業務内容：販促サポート事務職・メールやＦＡＸ、ＷＥＢコラム等、販促に活用するコンテンツの原稿作成・コンテンツ原稿のHTMLやCSSを活用した配信システムの操作・DM発送業務におけるターゲットリスト整形やデータ加工、封入作業その他、販促に関

東京都産業分野キャリア形成支援事業とは非正規労働者等へキャリア形成の機会を提供し、雇用の安定化と成長産業分野への人材シフトを促進するため、eラーニング等による新たな資格やスキルの取得支援及び職業紹介等の就職支援を一体的に行う事業成長産業分野キャリア形成支援事業就職につながるスキル取得を目指して本気で学びたい方のための研修プログラム前期：5月9日［月］募集受付開始後期：8月1日［月］募集受付開始（予定）※定員に達し次第、募集を締め切ります。成長産業分野での活躍を目指す１０のコースIT

【本文】今日は、都庁Ⅰ類B（一般方式）の最終合格発表日です。受験した方は早めに合否を確認しましょう。都庁ＨＰ合格発表【お詫び】によると、何でも、7/19（金）10：00～10：30頃までの間、誤った合格者受験番号が掲載されていたそうですので、都庁HPでこの時間帯の間に1度しか合否を確認していない方は、確認し直しましょう。CSS生は合否報告を宜しくお願いします。令和元年度の都庁Ⅰ類B（一般方式）のうち、行政区分については、最終合格者数：403名採用予定者数：290名との

表示領域の幅と高さについては、レスポンシブデザインや表示領域の固定などで重要視される部分となるため、しっかり復習しようと思います。表示領域の幅を指定widthプロパティは、表示領域の幅を指定するためのプロパティです。値は、ピクセル単位の数値やパーセンテージ、auto（初期値）などで指定します。このプロパティにマイナスの値を指定することはできません。また、非置換インライン要素と表の行（trタグ）/行頭（thタグ）/表のフッター/表の本体に対しては適用できません。書式width：値

【本文】東京は暑い日が続いています。新型コロナがまた広がりだしました。特に面接試験に臨む方は、感染予防には十分注意しましょう。濃厚接触者の待機期間が短縮されましたが、その待機期間が面接当日にぶつかってしまえばそれまでです。さて、去る7/29に令和4年度裁判所事務官試験の最終合格発表がありました。最終合格した方は、まずはおめでとうございます。ただ、採用に関してはこれからです。希望の裁判所から提示が来ればいいですが、予想外の所だったり、そもそも提示がなかなか来なかっ

SeaArtで、画像を生成しているときに、モデルによってはAdultContentsが生成できるのですが、服装を指定しなかった場合は、「はだか」や「半裸」で生成されるようです。この間「はだか」を指示して生成指定していたのでSeaArtが覚えてしまったのかもしれませんが。「桜の木の下でたたずんでいる少女,ポニーティルの少女,巨乳,」とプロンプトに入れて、生成したら、が作られました。なお「高級修復」は利用するようにしています。日本語の指定がおかしかったり、SeaArtの解釈がおかしかった

ホームページを制作していると、ボタンにマウスオーバーした時に文字列を入れ替えたい。って思うことないですか？こんな時、多くの方は画像を使って制作をするのではないでしょうか？しかし、画像なんていりません!!CSSだけでロールオーバー時に文字列を切り替えることができます。CSSだけでマウスオーバーした時に文字列を切り替える方法完成例：htmlへの記述<ulid="nav"><li><ahref="#"><spanclass="en">news</s

画像処理のある種の目的にはコラージュがあります。PCの進化に伴って背景の部分削除や改変が可能になったが、コラージュとは一線を画すものだったと思います。アイコラの昔から、コラージュはお宅の世界と決まっていました。Adobeさんのおかげで、画像処理はとても簡単になりました。それとともに、コーラージュは一般的になってきたのだと思います。そして生成AIの発展に伴い、それはフェイク画像・ファイク動画と呼ばれるようになりました。生成AIによるコラージュはお宅の趣味を超えて、公人または私人を対象と

あまり多くはないですが、前景に何らかのObjectを持ってきたいことがあります。例は人物の前後に桜が咲いているというものです。手前に桜の枝を配置しました。焦点は桜の枝と、人物にあっています。桜の枝の写真を用意します。GIMPのプラグイン「RemoveBackground」で背景を削除します。背景の削除はレイヤーマスクで行われるため、「レイヤーマスクの固定」を行います。人物の画像に新規レイヤーを追加して、背景を削除した桜の画像をコピペします、「拡大・縮小」ツールで桜の枝の表示位置

2023年6月Chrome114で、このページで扱う「overflow:overlay」のプロパティは実質的に無効化されました。このページのテスト用の要素のスクロールバーで「overflow:overlay」を設定したものは、通常の「overflow:auto」として機能し、説明文と実際が異なります。廃止の影響などに関しては、以下のページも参考にしてください。Chromeで「overflow:overlay」が無効になった/スクロールバーアレンジChromeの更新と 

生成AIで画像を作成するとき、プロンプトは重要なのですが、プロンプトに入れる日本語をSeaArtは理解できない場合もあるようです。プロンプトに「シュートパンツの女性が、可愛い猫を追いかけている。秋の夕暮れ。猫はサンマを咥えている。」と入れてみました。①②③④※猫はサンマを咥えていないよね。※①は猫と女性の足が変だし。※④は猫が犬のサイズ。なので、①・④を修正します。①の修正内容は左足の片方を削除し、猫の前足が1本に見える部分を修正します。レイヤーに猫の足と左足と足の影を書い

【本文】令和4年度の公務員試験も、そろそろ内定が出て受験を終了する、という方が出始めました。そういう方はお疲れさまでした、ということで、これから人生の夏休みがある方は、存分に楽しんでください。もちろん、まだ受験を続ける方は別です。筆記試験や面接試験が残っているうちは、新型コロナの感染者や濃厚接触者にならないよう、行動には十分注意しましょう。現時点で、特に注意が必要なのは、大学・帰省時での郷里を問わず、友人との会食です。特に民間企業志望で既に内定を得て就職活動を終えている友人の

フォーカスカラー 前ページで採り上げましたが、Chromeのフォーカス枠やフォーム要素のデザインが刷新されました。身近なところでは、アメブロの「いいね」ボタンが一番目立ちますが「コメント」ボタンも、フォーカスが当たると「黒枠」が表示されます。パーツのデザインで、フォーカス枠の指定をブラウザのデフォルトから変更している場所では「黒枠」は表示されません。そのため、ブログページ上ではこれ位の様ですが、他の管理ページなどでは、時々「黒枠」が顔を出します。このフォーカス枠（フォーカスリ

窓のプログラム家猫ミー今頃は、あまり必要性を感じないのですが、漢字で入力したものをカナに変換したいという要望が一定数あります。カナ名をKeyしたテーブルを作るのはもはや風習にすぎないのですが。ご要望とあらば・・・。APIを駆使してと意気込みましたが、Excelにはルビ機能とかあるからと一応、調べたところ有りました。Applicationオブジェクトの中のGetPhonetic関数が漢字をカナに変換してくれます。'漢字->カナ変換FunctionGetカナ(ByValK

お久しぶりです！CSS公務員セミナーでチューターを務めております、o,sです！１２月から1月にかけてはクリスマスや年末年始など行事があり、とても忙しい時期ですが、少しずつでも毎日勉強を進めることが第一志望への合格に繋がっていきます！今回は私の去年の12月から1月のリアルな公務員試験対策の状況をお話したいと思います〇去年の私の12月去年の12月はジャニーズにはまっており、週１くらいの頻度で大阪までライブに行っていました。ライブに行った後は数日勉強が手につかず、思うように勉強が進まな

おはようございます。こんにちは。こんばんは。よきくんです。今日は朝から天気が下降気味だったので、あまり調子が良くないよきくんです。午前中はずっと寝てました。やっと起きれたのでブログを更新しています。この後はCSSの勉強の続きをしたいと思います。明日は、元職場の同期が退職前の最終出勤日とのことなので、花束を買って出現してきたいと思っています。では、また。

HTMLのみで4個のボタンを横並びのデザイン・HTMLコードみなさん、こんにちは。今日はHTMLのみを使用して4つのボタンを横並びにし、それぞれをページ内の異なるセクションにリンクする方法をご紹介します。さらに、各ボタンに異なる背景色を設定して、視覚的に区別しやすくします。それでは、早速見てみましょう。デザインButton1Button2Button3Button4HTMLコード<tablewidth="100%"><tr>

NSFWを目的とした生成AIにおける規制(現状は自主規制)は、何を規制対象とするかの線引きが難しく、今のところかなり広めに制限をかけているようです。生成AIはクラウド上に構築されていることが多いのと、私的利用にとどまらず、公的(業務や学習)に使われる場合を想定しているようで簡単ではなさそうです。Geminiの規制からですかね。CopilotとかSeaArtにも波及していますから・・・。それ以上に、インターネットにはAdultContentsは珍しくないので、今更感は否めないのですが。

ホームページを自分で作成し編集するときに、HTMLファイルなどに使用する文字コードを「Shift-JIS」とするか「UTF-8」とするか迷いますね。文字コードは、コンピュータ上で扱う文字に与えられた番号のことで、全ての文字情報に対して数値を与えています。問題は、この文字コードがいくつもあって、正しくWebブラウザなどが認識しないと「文字化け」してしまうようなことが起きます。よく使用される代表的な文字コードは以下の4つでしょう：JISShift_JISEUC（EUC_JP）Uni

簡単なコードですが、自動変換してくれないから、案外書けないから困る。<div>TEL:<ahref="tel:電話番号">＜－クリックしたら電話につながるテキスト</a></div>TEL:03-1234-5678<div>TEL:<ahref="0312345678">０３－１２３４－５６７８アメブロのHTML編集でも入りましたね。PickItem家庭用の紅茶マシーン心ととのう。体よろこぶ抹茶で楽しむ暮らしテキストを

SeaArtはアダルトコンテンツの生成ができなかったように思っていたのですがモデルによっては？？アダルトコンテンツの生成できるようです。モデル(Checkpoint)は複数のトレーニング済みのデータセットから構成されていますが、AdultContentsのデータセットがあった場合、生成可能のようです。モデルに「unrealepanitoon2」を指定して、プロンプトに「(超リアル,32k,傑作:1.2),(細部までこだわった肌:1.1),(8KウルトラHD,デジタル一眼レフ,高

おはようございます。こんにちは。こんばんは。よきくんです。昨晩は結構な雨でしたね。今日は晴天となり、気分は上々です。今日は勉強だけでなく、同期が退職前の最終出勤日なので、挨拶がてら前職場にお邪魔しようと思っています。なんだか今からそわそわしています。でもみんなに会えるのはとても楽しみにしています。会いに行くまでまだ時間があるので、昨日のCSSの勉強の続きをしようかと思います。そして、明日からはGW後半戦！体調を整えて家族サービスができるように心がけます。子供

窓のプログラム家猫ミー「MicrosoftPrinttoPDF」という仮想プリンターが入っているので、調べたところ、Windows10から標準搭載のようです。Windows10から搭載された「MicrosoftPrinttoPDF」は、「プリンターとスキャナー」の中にある仮想プリンタードライバーである。プリンター名をクリックして「デバイスの削除」をクリックすると、「MicrosoftPrinttoPDF」を削除することができる。Microsoftのアプリケーション（例：P

今回はchart.jsで高さを固定する方法をご紹介■Chart.jsとはJavaScriptのフレームワークです。HTMLのcanvas上に、JavaScriptを用いて折れ線グラフや円グラフ等を簡単に記述するものです。基本的に横幅でheightのサイズが決まるので、CSSから高さの指定が出来ない仕様となっています。(多分)今回はその高さをJavaScript側から設定してしまう方法です※今回はちょっとややこしい&ニッチな内容なので、コードだけ置いておきま

文字の行揃えと表示領域を指定文字の行揃えはtext-alignプロパティを使用し、ブロック要素の文字の行揃えを指定します。書式text-align:値例text-align:centertext-alignプロパティは、h1タグやpタグなどのブロック要素内の文字の行揃えをキーワードを用いて指定します。ブロック要素内のテキストに行揃えを指定するが、ブロック要素そのものを配置するプロパティではありません。■行揃えのキーワードtext-aliginプロパティの値とな