Hatena Blog Tags
はてなブログ トップ
Aspect Ratio
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Aspect Ratio

(一般)
【あすぺくとれしお】
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
WEBサイト制作の勉強•21時間前

12月6日の作業データ(IKEBUKURO COFFEE FESTIVAL)

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>スマホ特化型サイトの作成</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin…

関連ブログ

WEBサイト制作の勉強•2日前

11月28日の作業データ

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Felica Bread&Salad</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" cross…

わこうのブログ•7日前

自作パッケージを作る

そろそろ、Lennard-Jones関連の関数をパッケージ化したい。そこで、リンク先を参考に作成した。 zenn.dev パッケージモードでパッケージ作成 JuliaのREPLを起動してパッケージモードに入って (@v1.11) pkg> generate LennardJones Generating project LennardJones: LennardJones/Project.toml LennardJones/src/LennardJones.jl これでProject.tomlとsrc/LennardJones.jlが形成される。 src/LennardJones.jlの中身を…

わこうのブログ•7日前

レナード-ジョーンズ・ポテンシャル：三角格子の原子のシミュレーション

三角格子の設定 前回と同じく原子の配列から。設定が若干面倒くさい。 la = 0.4 # 格子定数 row = 4 col = 6 as = vec([Atom([x,y],[0.0,0.0],m) for x=0.0:la:la*(col-1),y=0.0:la*√3:la*√3*(row-1)]) bs = vec([Atom([x,y],[0.0,0.0],m) for x=la/2:la:la*(col-1),y=la*√3/2:la*√3:la*√3*(row-1)]) append!(as,bs) x軸方向には格子定数周期で、y軸方向は格子定数の√３倍周期で格子を作成する。 これに…

わこうのブログ•9日前

レナード-ジョーンズ・ポテンシャル：正方格子の原子のシミュレーション

正方格子の設定 前回までは原子の位置をそれぞれ指定してきたが、二次元の正方格子のを作成してみる。 la = 0.4 # 格子定数 cycle = 5 # 周期 as = vec([Atom([x,y],[0.0,0.0],m) for x=0.0:la:la*cycle,y=0.0:la:la*cycle]) ここで内包記法でx,yの両方を回して配列を作っているが、このままだと二次元配列になってしまう。そこでこれを一次元配列に変更する必要がある。関数vec()は多次元配列を一次元配列に変換してくれる。 シミュレーション 全体としては以下のようになる。（ほぼ前回と同じ） sing Plots u…

shu915’s blog•10日前

横並びのアイテムの画像の高さを揃える

フロントやWEB制作をしているとき 横に同じようなアイテムを並べているのに 画像の高さが揃わないときありますよね そういうときに、どうやって画像の高さをきれいに揃えるかについて説明したいと思います 画像の高さが揃わない 結論 コーディングする前に、画像のアスペクト比率を揃えてカットする でもこれじゃ書くことがないので CSSできれいに揃える方法を説明します コードは以下のようになります <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic…

Tanuki_Bayashin’s diary•16日前

Pythonにて画像ビューワーを作ってみた～習作～

※なにか気になる点がありましたらコメント欄にご記入ください。【目次】 １．はじめに ２．生成物 ３．まとめ １．はじめに ネットでのサイトであるBOOTHにて、写真集を買いました。画像が全部で40枚ほどありました。Windows環境なのでエクスプローラで閲覧することもできますが、いまいち見ててしっくりこなかったので、これならと思いPythonにて画像ビューワーを製作しました。 画像１ 製作したアプリの画面簡単に記事として残しておきます。

ビス子からの手紙•20日前

シンプルかつ軽量なSNSシェアボタンの作り方

対応しているサービス 実装してみよう STEP1. 標準のシェアボタンを非表示に STEP2. HTML を貼り付けよう {URLEncodedPermalink} 変数について アイコンが表示されないときは STEP3. CSS を貼り付けよう さいごに こんにちは、ビス子です！ 今回は、はてなブログ向けのシンプルで軽量な SNS シェアボタンを作成したので、ご近所の皆さんにお裾分けしようと思いこの記事を書きました。 かんたんな三つのステップに沿うだけで実装できるので、ぜひお試しあれ～。 対応しているサービス はてなブログでサポートされている下記の八つの SNS に対応しています。 X（旧 …

Feedforce Developer Blog•1ヶ月前

Kaigi on Rails 2024 「楽しさにはビジネス価値がある」見た発表に全コメント＆当日の様子

Kaigi on Rails 2024 に参加しました こんにちは。フィードフォースのエンジニアの thiger7 です。 2024年10月25日〜26日に開催された「Kaigi on Rails 2024」に参加しました。 Kaigi on Rails に初めて参加しましたが、 とても良い刺激をもらったので記事にさせていただきます。 Kaigi on Rails 2024 への参加を通じて Kaigi on Rails 2024 への参加を通じて、当初掲げていた「技術カンファレンスへの第一歩」「エンジニアとの交流」「先進的な技術事例の収集」という3つの目標を達成することができました。 特に印…

乾燥肌さん用スキンケア•1ヶ月前

乾燥肌でも輝く！くすみゼロ&しっとり肌で自信アップ！1ヶ月でツヤ肌になる食品3選！

みなさんこんにちは！ 現役エステティシャンのひなです。 今回は、 乾燥肌さんでも輝くツヤ肌になれる 食品3選を解説しながらご紹介します！ もし今あなたが、 肌が触った時カサカサしていたり、 肌がくすんで見えてしまう。 ハリや弾力がなく、ツヤが足りてなくて ツヤツヤのお肌の方が羨ましい 無加工で写真を撮ると見返すのも嫌 このようなことで困っていたら、 絶対にこのブログを 最後まで読んでください！ このブログを最後まで読んでもらえたら お肌の乾燥が改善して、 自分のお肌に自信が持てます！ 写真を撮る時、好きな人の前、 彼氏or彼女の前でも いつでも美しい自分でいたいですよね！ このブログを最後まで…

webサイト制作の勉強｜2024年5月クラス用ブログ•1ヶ月前

10月25日の作業データ(CG-BIM)

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CG-BIM|トップページ</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigi…

CORETECH ENGINEER BLOG•2ヶ月前

Unity6からRenderGraphを使いこなそう！応用実装編2「データの受け渡し」

はじめに 今までの記事 執筆する時点の環境 従来のPass間でのデータ受け渡し方法 1. データを直接渡す (お勧め度：△) 2. ShaderのGlobalパラメータに設定する (お勧め度：○) 3. データコンテナを介してデータを渡す(お勧め度：◎) 従来のシステムでURPが用意してくれたデータコンテナ RenderGraphでデータ受け渡しの実装方法 RenderGraphでShader Globalパラメータに設定する方法 サンプルコード コード解説 要注意 RenderGraphでデータコンテナを使う方法 使用方法一覧 サンプルコード コード解説 最後に Globalパラメータの使用…

tohokuaikiのチラシの裏•2ヶ月前

Laravel11でReact(TypeScript)とTailwindcss(SASS)を使う

Laravel11はもうインストールされているものとする。Dockerならbitnami/laravel:11.1.1あたりを持ってくるとすぐできる。 ReactはTypeScriptです。 Tailwindcssの導入 npmでインストール とりあえず、本体と使いそうなライブラリ2つ。（ライブラリはいらんかもしれん） npm install -D sass tailwindcss postcss autoprefixer Typography…h*などの典型的なレイアウト、LineClamp…省略…を作る、Forms…フォーム関連、Aspect Ratio…画像のアスペクト比の調整をするライ…