HTML/CSS CSSアニメーション ブラウザの機能を使用し、アニメーションを実現させる最も簡単な方法は、CSSアニメーションだと思われるので、記事にしてみた。 具体的に言うと ・transition(遷移)とtransform(変形)の組み合わ・animationの@keyf... 2024.01.29 HTML/CSS
GIMP レイヤーの合成モード お絵描きソフトを使うと出てくる調整レイヤーですが、元の画像から受けるイメージを明暗、彩度、色相などを変更して、どう変わるかを簡単に比較したい時に便利です。レイヤーとは透明なフィルムで、貼り付けたい画像を指定して貼り付けます、この時にレイヤー... 2024.01.19 GIMP
laravel LaravelのViewを図にしてみた LaravelはMVCモデルを採用しているが、ViewにReactやTypeScriptを追加してみると用語が多くて覚えずらい。そこで、左脳を諦めて右脳に頑張ってもらう事にした。 データの流れ まず、サーバー上のLaravelに閲覧者がアク... 2024.01.17 laravel
wordpress WordPressの管理者と閲覧者 Wordpressは管理者と閲覧者でWordpressへのアクセスを分けています。管理者には、パスワードを要求し、編集の許可を与えますが、閲覧者のアクセスに対しては、編集の許可を与えません。 サーバー上にあるWordpressは、自身へのア... 2024.01.12 wordpress
inkscape inkscapeで挿絵の作成を簡単に行う! フリーソフトのinkscapeはベクター形式の画像作成ツールです。なので、幾何学的な図形を作成するのが得意です。 例えば、資料に添付する挿絵などを簡単に作成できます。 また、作成した挿絵をWindowsのアプリケーション(パワポ、エクセル、... 2024.01.11 inkscape
GIMP GIMPで画像の容量を小さくしたい! ホームページ作成時や報告資料作成時に添付する画像ですが、携帯で撮影した写真など、やたらと容量が大きい時があります。そんな時に、フリーソフトGIMPで加工と容量の縮小を同時に行ってはどうでしょう? 容量の調整 GIMPでの画像保存は、”ファイ... 2024.01.11 GIMP
wordpress WordPressでカスタム投稿タイプを作る Wordpressには記事を管理する仕組みが用意されており、記事が増えていくにつれて便利さが際立ち始める。類似性や共通性を持つ記事をグループとしてまとめ、そのグループを示す名前をカテゴリやタグを使って作成できる。 通常はカテゴリとタグがあれ... 2023.12.22 wordpress
Docker DockerでLaravelのviteをbuildで使う時のエラー viteサーバーを起動せずにlarvelアプリにアクセスすると、静的アセットが有りませんとブラウザーが言うから、調べてみた。 viteサーバーを立ち上げて npm run dev ブラウザーからアクセスすれば、ちゃんと静的アセット(js、c... 2023.12.13 Dockerlaravel
Docker DockerでLaravelプロジェクトをインストールする際にcomposer installが止まってる? laravelでのプロジェクト作成でのvendor展開を行うコマンド、composer installですが、止まってるのか?と思うほど遅いので、調べてみた。 理由は単純にphp.iniファイル等で、composerが使うメモリーを確保する... 2023.12.13 Dockerlaravel
React Reactのブラウザー内での動作 Reactのブラウザー内での動作を調べてみた。 JavaScriptの処理 通常のJavaScriptの動作は下記の通りで、時系列に処理が進み、レンダリング直前に要素の変更を行って表示する。その為、ブラウザーが管理するDOMに変更が反映され... 2023.11.29 React