Categories

Latest comments

w3c_validators gemでNu validatorのコンテナイメージを利用する場合

kenicode SatoKen @kenicode

Nu validatorのコンテナイメージであるghcr.io/validator/validator:latestをローカルで走らせて、 これをw3c_validatorsW3CValidators::NuValidatorから使う場合は、以下ようにuriを指定してnewすれば動きます。

validator = W3CValidators::NuValidator.new(:validator_uri => 'http://localhost:8888/')

ちなみに、ローカルで走らせたNu validatorに切り替えたところ実行時間がだいぶ減りましたので、w3c_validatorsが遅いと感じている方はローカル実行を試すと良いかもしれません。慣れればコンテナを走らせるのはサクッと出来ますよ。

2
Raw
https://www.techtips.page/en/comments/286
🔄1
🔧1

Copilotのニュースなど全般

copilot こぱいろっとスキー @copilot
Last edited

無料版のCopilotでもフルタイムでGPT-4 Turboが利用できるように

2024/2/13頃から、無料版のユーザーであっても、いつでもCopilotでGPT-4 Turboが利用可能になったとのこと。 ただし、モードによって違いがあるので注意。「よりバランスよく(Balanced)」のモードではGPT-4 Turboが使われるのは限定的。一方で、「より創造的に(Creative)」と「より厳密に(Precise)」のモードではほぼ確実にGPT-4 Turboが使われるとのこと。

情報ソース

0
Raw
https://www.techtips.page/en/comments/285
😄1
🔧1
❤️1

まつもとゆきひろ氏のHotwire評

ruby_on_rails Railsファン(非公式アカウント) @ruby_on_rails

Rubyの生みの親・まつもとゆきひろ氏が、ベロシティ(つまり開発速度)の向上や維持のために生まれた技術なのではないかとHotwireを評している記事です。

「Ruby on Rails」のバージョン7から、Hotwireという機能が入ったんですけれども、これも、たぶんベロシティをケアしているからこそ生まれたテクノロジーなんじゃないかなと思います。 (中略) 非常に興味深いことで、昔は、Railsアプリケーションは例えば、「15分でWebアプリケーションを作りました」みたいなデモをしていたわけなんですけれども、極端な話、現代的なシングルページアプリケーションを15分で作ることができるようになるという希望が、これによって与えられたということだと思います。

全文はこちらから。

0
Raw
https://www.techtips.page/en/comments/282
🙋1
❤️1

captureを使ってform_withのようにblockを活用したヘルパーメソッドを作る

wakairo @wakairo
Last edited

背景

Railsのactionviewのヘルパー関数には、form_withのように、blockを活用して入れ子のHTML要素を記述できる便利なヘルパーメソッドがあります。 具体的には、以下のような記述(Railsガイドより引用)が出来るヘルパーメソッドです。

<%= form_with url: "/search", method: :get do |form| %>
  <%= form.label :query, "Search for:" %>
  <%= form.text_field :query %>
  <%= form.submit "Search" %>
<% end %>

blockを用いてHTML要素の入れ子を出力できるこのようなヘルパーメソッドの自作に関する話です。

作り方

actionviewのcaptureというヘルパーメソッドを用いると、form_withのように、blockを使ってHTML要素の入れ子を記述できるヘルパーメソッドを自作できます。

ちなみに、このcaptureは、Railsガイドを読んでも、RailsのAPIドキュメントを読んでも、いまいち使い道が分かっていなかったのですが、このような自作ヘルパーで使うというのが1つの使い道のようです。

自作ヘルパーメソッドの実装例

def some_helper(content=nil, &block)
  object_passed_to_block = 'hello, capture'
  content = capture(object_passed_to_block, &block) if block
  tag.div(content, class: 'some-class')
end

自作ヘルパーメソッドの利用例

ERBから利用
<%= some_helper do |object| %>
  <p><%= object %></p>
<% end %>
出力結果
<div class="some-class">
  <p>hello, capture</p>
</div>
Rubyのコード内から利用
some_helper do |object|
  tag.p(object)
end
出力結果
<div class="some-class"><p>hello, capture</p></div>
Rubyのコード内からblockなしで利用
some_helper('123')
出力結果
<div class="some-class">123</div>
0
Raw
https://www.techtips.page/en/comments/281
🔧1
💡1

MDNで言及されているTooltips&Toggletips

takuma_tech Takuma @takuma_tech
Last edited

MDNのtitle属性のページの「アクセシビリティの考慮」の項目で言及されていたことから、このTooltips&Toggletipsを知りました。

WebサイトやWebアプリでツールチップを実装する方法としては、MDNで言及されていることから、このTooltips&Toggletipsのやり方が推奨される方法なのかなと考えています。 それとも、より良い方法が別の場所で公開されていたりするのでしょうか?

0
Raw
https://www.techtips.page/en/comments/280
🔧1
😿1

ChatGPTやCopilotを活用したペルソナ作成

wakairo @wakairo
Last edited

Copilotを利用したペルソナの作成例

ペルソナ作成用プロンプトとその実行結果

入力プロンプト:

あなたはプロのUXデザイナーです。 以下のサービスのペルソナを作成してください。
#背景、#課題、#課題への対応策、#想定ターゲット顧客
を読み込んで、ペルソナを作成してください。
#フォーマットに沿って出力すること。

#背景:"""
サービス開始から20年が経過したSNSのデザインについてメジャーアップデートを行う。
"""

#課題:"""
時間経過と共にメインユーザーの年代も上がってしまい、若い年代のユーザーが入りにくくなってしまっている。
"""

#課題への対応策:"""
若い年代のターゲット顧客が魅力を感じるUXにする。
ただし、現在のメインターゲットにとって支障が無いUX変更の範囲内に収める。
"""

#想定ターゲット顧客:"""
30歳前後の働き盛り。
趣味でも仕事でも交友関係が広い。
友人や知人にSNSを勧誘できる人。
"""

#フォーマット:"""
名前:
年齢:
性別:
趣味:
勤務先の企業風土:
役職:
職務内容:
特徴的な行動・活動:

Coplilotの回答:

ペルソナの作成をお手伝いします。
以下に、ご指定のフォーマットに沿ったペルソナを提示します。

名前:佐藤 明美 (さとう あけみ)
年齢:29歳
性別:女性
趣味:旅行、写真撮影、ソーシャルメディアでの活動
勤務先の企業風土:革新的で、社員の自由な発想を奨励するIT企業
役職:マーケティングマネージャー
職務内容:新しいマーケティング戦略の開発、チームのリード、プロジェクトの管理
特徴的な行動・活動:仕事の成果をSNSで共有し、業界内外のネットワークを広げる。趣味の旅行中に撮影した写真をSNSで共有し、フォロワーとの交流を楽しむ。

このペルソナは、SNSのデザインを若い世代にも魅力的に感じさせるための参考になるでしょう。
また、現在のメインターゲットにとっても支障がないようなUX変更を考慮する際に役立つ情報を含んでいます。
ご要望に沿った内容でしょうか?

続けてペルソナに関して質問をする例

入力プロンプト:

この佐藤さんは既にSNSで盛んに活動しています。
この佐藤さんが年代が高めのSNSを新たに始めるとしたら、どのような考えの結果でしょうか?

Coplilotの回答:

佐藤さんが新たに年代が高めのSNSを始めるとしたら、以下のような考えがあるかもしれません。

- **プロフェッショナルなネットワーキング**: 佐藤さんは仕事での成果をSNSで共有し、業界内外のネットワークを広げることを重視しています。年代が高めのユーザーが多いSNSは、より経験豊富な専門家や業界リーダーとのつながりを築くための新たな機会を提供するかもしれません。

- **多様な視点の獲得**: 年齢層が広いSNSでは、異なる世代の意見や視点に触れることができます。これにより、佐藤さんはマーケティング戦略を考える際に、より幅広い顧客層のニーズを理解することができるでしょう。

- **影響力の拡大**: 若い世代だけでなく、年配のユーザーにも影響を与えることで、佐藤さんのSNS上での影響力をさらに拡大することができます。これは、彼女の職務内容やキャリアにとって有利に働く可能性があります。

- **個人的な成長**: 新しいSNSを通じて、佐藤さんは自身の趣味や興味を共有し、異なる年代の人々と交流することで、個人的な成長を遂げることができるでしょう。

これらの考えは、佐藤さんが新しいSNSを始める際の動機として考えられるものです。
彼女の活動的な性格とプロフェッショナルな目標に合致していると言えるでしょう。
どう思われますか?
1
Raw
https://www.techtips.page/en/comments/279
😄1
🔧1

ChatGPTやCopilotを活用したペルソナ作成

wakairo @wakairo
0
Raw
https://www.techtips.page/en/comments/278
💡1
❤️1