Hugo 使用環境 Name Version Hugo v0.139.0-extended Vanilla Framework 4.18.2 前書き fossa-hobby.hatenablog.com 以前の記事で、予想していたことが、的中しました。 v0.139.0で、silenceDeprecationsという項目が追加されていました。 たぶん、DEPRECATE…

Info フレームワークを、インストールしていないことが、前提です。 調べきれていないかもしれないので、鵜呑みにしないでください。 リライト記事です。 まえがき SymfonyのConsoleを使って、CLIツールを作っています。 ファイルを操作する必要があって、調…

Hugo 使用環境 Name Version Hugo v0.134.3-extended 前書き ドキュメントのcss.Sassを見ていると、将来的にOptionsが増えるかもしれないと思いました。*1 本題 改善する方法がないか考えてみました。 従来の方法 今までだと、下記のように記述していました…

Hugo 使用環境 Name Version Hugo v0.134.1-extended 前書き whereについて書く前に、sliceについて、気になったことを書き留めておきます。 Hugoのsliceを使うと、PHPで言うところの配列が作成できるらしい。 例えば、下記のような配列があったとします。 $…

Hugo 使用環境 Name Version Hugo v0.133.1-extended 前書き 以前、HugoにあるsectionPagesMenuが理解できなくて、ずっと使わずじまいでした。 ようやく理解できたので、書き留めておきます。 前提 contentディレクトリの中は、下記の通りです。 ├── 10.md ├…

codeigniter.com Modules CodeIgniter 4.5で、modulesフォルダを設置する場合で、わかったことを書きます。 Info 自分自身の備忘録として、書いています。 まだ十分に把握してなかったり、勘違いしている部分もあるかもしれません。 ご了承ください。 使用環…

Composer 参考にした記事 laravel-news.com 使用したバージョン Name Version PHP v8.3.3 Composer v2.7.1 Laravel v11.x ファイル構造 . ├── app ├── app-modules │ ├── teams │ │ ├── composer.json │ │ ├── database │ │ ├── node_modules │ │ ├── packag…

UIkit3 使用環境 Name Version Dart Sass 1.70.0 UIkit 3.17.11 前書き 前回と、前々回で、UIkitを@useや@forwardに置き換えられるか試しました。 一つだけ気になったことがあります。 カスタムテーマの位置が、フレームワーク内にあることが前提になれば、…

UIkit3 使用環境 Name Version Dart Sass 1.70.0 UIkit 3.17.11 前書き 前回の続きで、今回はSass Variablesです。 現状は、uikit/src/scss/variables.scssに、各コンポーネントのSass Variablesを集約しています。 uikit/src/scss/components/variables.scs…

UIkit3 使用環境 Name Version Dart Sass 1.70.0 UIkit 3.17.11 前書き UIkitをこよなく愛するFossaです（笑） UIkitでは、mixinをhookするために使っています。 例えば、下記の通りです。 .uk-alert { position: relative; margin-bottom: $alert-margin-ve…

Hugo 使用環境 Name Version Hugo v0.121.2-extended 前書き お恥ずかしいことに、ずっと気づかなかったことがあります。 HugoのData Templatesは、PHPで言うところの連想配列の場合、Keyでソートするのがデフォルトらしいです。 コミュニティで検索して、Hu…

Hugo 使用環境 Name Version Hugo v0.121.2-extended 前書き fossa-hobby.hatenablog.com 前回から、ずっと気になっていたことが、２つあります。 １つ目は、Data Templatesのデータは、どんな感じなのか？ ２つ目は、Data Templatesのデータに、似たデータ…

Hugo 使用環境 Name Version Hugo v0.121.1-extended OS Ubuntu 22.04.3 LTS まえがき gohugo.io Hugoのドキュメントに、Template lookup orderのページがあります。 例えば、layouts/_defaultディレクトリの中にsection.htmlとlist.htmlがあったら、section…

fossa-hobby.hatenablog.com 使用環境 Name Version PHP 8.2.14 Laravel v10.38.2 laravel/jetstream v4.2.0 inertiajs/inertia-laravel v0.6.11 Node.js v20.10.0 Vue.js 3.3.13 Vite 5.0.10 Laravel Vite Plugin 1.0.0 Inertia.js 最初に書いておきますが…

使用環境 Name Version Uikit 3.17.11 boxicons 2.1.4 前書き vertical-alignは、inlineとinline-blockとtable-cellで、設定します。*1 検索すると、vertical-align: middleが効かない旨の記事は多いのです。 しかし、table-cell のtdタグでvertical-align: …

使用環境 Name Version PHP 8.2.13 CodeIgniter 4.4.2 Vite 5.0.7 Vite 5 Vite 5のデフォルトだと、manifest.jsonが.viteディレクトリに格納されるようになりました。 build.manifest欄を、下記のように変更すると、今まで通り使えそうです。 Laravel Vite P…

前書き X(旧Twitter) フォロワー数が少ないサブ垢の方が、ポストすると閲覧数が２〜３桁ありまして、メイン垢でポストする度に、放置プレイ状態だったので、毎回、虚しく思いました。 メイン垢では、ポスト頻度が低かったので、仮にミュートされることはなく…

Hugo 使用環境 Name Version Hugo v0.115.3-extended Vanilla Framework 4.0.0 OS Ubuntu 22.04.2 LTS 昔も今も、 "transpiler" "dartsass"を指定したら、HugoでDart Sassが使えます。 昔、Hugoで、Dart Sassを使うには、別途、dart-sass-embeddedが必要でし…

fossa-hobby.hatenablog.com 使用環境 Name Version PHP 8.2.6 Laravel 10.11.0 Node.js v18.16.0 Vue.js 3.3.4 Vite 4.3.9 Laravel Vite Plugin 0.7.8 Laravel Vite Plugin 今回は、Laravel Vite Pluginを使います。 Laravel Modulesのvite.config.js(vite.…

レジで並ぶ人たち レジでお会計時に、お支払いに時間がかかりすぎて、後ろに沢山の人が並んでいても、平気な人がいます。 並んでいる人の中には、待つ事に理不尽に感じる人がいて、待てない人（待ちたくない人）というのが、いるらしいです。 待てない人は、…

Hugo Info この記事は、忘れそうな内容なので、私自身の為に書き記しています。 Hugoで、SASS and SCSS filesしか使わなかったからか、PostCSSを使うようになって、気づいたことがあります。 targetPathは、resources.ToCSSで使えるオプションであって、reso…

Vituumを使わず、Viteを使って、NunjucksでHTMLを生成する方法です。 2023-06-28 追記 Vituumが1.0.0となり、仕様が変更されました。 @vituum/vite-plugin-nunjucksの1.0.0では、下記の通りには動作しません。 使用環境 Name Version Vite 4.0.3 @vituum/vit…

アドベントカレンダー 書き終えた感想 １０月から準備していましたが、１１月中に書き終えることは出来ませんでした。 ブログにアウトプットすることで、復習したのと同じ効果が得られ、後で読み返して、思い出す時に役立っています。 だからといって、毎日…

アドベントカレンダー Fossa Advent Calendar 2022 目次 日付 内容 12/01 Bulma 12/02 Laravel ValetとViteの組み合わせ 12/03 Dart Sass @import 12/04 PostCSS Port-1 12/05 PHP Enum 12/06 Horizontal form 12/07 CSS Prefix 12/08 Rollup Part-1 12/09 R…

アドベントカレンダー FullCalendar 6 + Laravel 9 Laravel 9のAPI Resourceを使って、FullCalendar 6を表示します。 Resource::collectionを使うと、dataキーでラップしますが、FullCalendar側も対応させる必要があります。 使用環境 Name Version PHP 8.1.…

アドベントカレンダー PHP Coding Standards Fixer 使用環境 Name Version Ubuntu 22.04.1 LTS VS Code 1.74.2 PHP 8.2.0 PHP CS Fixer 3.13.1 PHP CS Fixer for Visual Studio Code v0.3.8 PHP CS Fixerは、まだPHP8.2に対応していないみたいです。 PHP CS …

アドベントカレンダー 動作環境 Name Version Ubuntu 22.04.1 LTS VS Code 1.74.0 Prettier Formatter for Visual Studio Code v9.10.3 Visual Studio Code + Prettier Prettierの設定をpackage.jsonに記述したり、prettier.config.jsに記述したりしていまし…

アドベントカレンダー Tailwind CSS v3 JITが標準になり、生成されるCSSファイルのサイズが、非常にコンパクトになりました。 v3になって、カラーの定義が変更されているので、CSSのソースから確認したいと思いました。 CSSが、全部定義されているものを生成…

アドベントカレンダー OrbitCSS fossa-hobby.hatenablog.com ２０２０年のFossa Advent Calendar 13日目で、OrbitCSSを紹介しました。 バージョンが上がって、2021年の10月27日に、2.0.0になりました。 orbitcss.com このフレームワークの良さは、Examplesが…

アドベントカレンダー AQOUS Sense 6 今年の４月頃、３年ぶりに、スマホを購入しました。 SHARPのAQOUS Sense 6( ROM 128GB / RAM 6GB )です。 SIMフリーなので、型番はSH-M19です。 指紋認証 指紋認証に対応している液晶フィルムを購入しました。 指紋認証…