Hatena Blog Tags
はてなブログ トップ
UIkit3
このタグでブログを書く

UIkit3

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
独学者Fossa•3 か月前

UIkit 3(Less) + Laravel Mix 6

UIkit3 使用環境 Name Version Laravel Mix 6.0.28 Less 4.1.1 less-loader 10.0.1 UIkit 3.7.2 UIkit 3のテーマをコンパイルしてみようと思い、久しぶりにLessを使いました。 知らない内に、最新版は、4.1.1になっていました。 以前、試した時は、下記の通りです。 "less": "2.7.3", "less-loader": "4.0.6", やっぱり、less-loaderが4.0.6だと、Webpack 4に対応しているけど、Webpack 5は対応していないです。 github.com UIkitのiss…

#UIkit3#Laravel Mix6

関連ブログ

独学者Fossa•昨年

制作中(7)

そういえば、編集と削除のボタンを付けていました。 編集画面は、読者様が読者様でなくなった時に、使う予定です。 チェックボックスを外して、読者様でなくなったという記録をしたいと思います。 削除ボタンは、ほとんど使うケースがないので、将来的には外すかもしれません。 Modal これで、ようやく完成したと思います。 使用したアイコン boxicons.com 使用したバージョンは、v2.0.7です。

#PHP#Laravel#UIkit3#Vue.js
独学者Fossa•昨年

制作中(6)

前回の続きです。 もう一度、動作環境をおさらいしておきます。 動作環境 Software Version Ubuntu 20.04.1 Laravel Valet(Linux) v2.2.17 PHP v7.4.12 Laravel 7.29.3 Vue.js v2.6.12 UIkit v3.5.9 検索 後は、テキスト検索して該当する読者様を表示させるだけです。 Modal表示 getuikit.com UIkit3を使っています。 これで、ようやく完成かな？

#PHP#Laravel#UIkit3#Vue.js
独学者Fossa•昨年

制作中(5)

前回の続きです。 Laravelの場合、timestamp型にしておくと、Eloquentで、UTCからJSTになるらしいです。 しかし、SQLite3なので、datetime型になってしまいます。 Laravelのアクセサを使うことにしました。 実際の画面 途中経過 実際のニックネームと、はてなIDは、見えないように画像加工しています。 まだ途中ですが、ニックネームとはてなID、JSTが表示されるようになりました。 後は、検索画面で、テキストを入力して、読者様かどうか確認できるようにしたいと思います。 今日は、ここまで。

#PHP#Laravel#UIkit3
DDG - Develop a Digital Garden•3 年前

Elm+UIKit+IndexedDBでTodoリストをつくる

Elm3（予備） Advent Calendar 2018 の22日目の記事です！ オフラインで動作するTodoリストを作りたくて、ElmとIndexedDBで実装してみました。 UIKitはCSS部分しか使用しておらず、ElmでClass名書いてるだけなので、特に説明はないです。 ソースはこちら GitHub 環境 Elm 0.19.0 Webpack 4 処理の流れ ページアクセス IndexedDBを作成する ElmでDOMを描画する タスク入力後、Enterキーでタスクを追加 ( IndexedDBに保存 ) Deleteボタンでタスクを削除 ページリロードでIndexedDBに保存し…

#Elm#IndexedDB#UIkit3
独学者Fossa•9 か月前

週間テレビ番組表

週間テレビ番組表 テレビと書いていますが、見逃し配信と、Yahoo! JAPANのGYAO!で、無料で見れる海外ドラマのことです。 毎週、何曜日に配信されるのか忘れることがあるので、一週間分見たら、すぐわかるのを作りました。 約２年前から使い続けているので、一年前に見ていたテレビ番組が何だったのか、振り返ることも出来ます。 当時は、Laravel 6 + Vue.js 2 + UIKit 3で、作りましたが、今は、Laravel 8 + Vue.js 3 + UIKit 3で、動いています。 タブレットとPCで使うことを想定していて、スマホでの使用は想定していません。*1 ネットに公開していな…