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

mustache

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

フィンランド語で「くちひげ/口髭」は「viikset」

本記事をご覧いただき、まことにありがとうございます！ ↓↓↓↓↓ご紹介するフィンランド語は、これです！↓↓↓↓↓ 「くちひげ/口髭」 ⇔「viikset」 (ヴィークセット) ⇔「mustache」 〔例文〕 「日本語」 ⇔「フィンランド語」 (フィンランド語読み) ⇔「英語」 フィンランド語 〔体〕〔病院〕〔病気/怪我〕まとめ フィンランド語 総索引 フィンランド語 まとめ記事まとめ

#フィンランド#北欧#外国語#くちひげ#口髭#mustache

ネットで話題

もっと見る
185ブックマーク{{ mustache }}Logic-less templates. Available in Ruby, JavaScript, Python, Erlang, Elixir, PHP, Perl, Raku, Objective-C, Java, C#/.NET, Android, C++, CFEngine, Go, Lua, ooc, ActionScript, ColdFusion, Scala, Clojure[Script], Clojure, Fantom, CoffeeScript, D, Haskell, XQuery, ASP, Io, Dart, Haxe, Delphi, Racket,...mustache.github.io
131ブックマーク完全版！ テンプレートエンジン チートシート (blade, twig, volt, smarty, mustache, の比較もあるよ) - sekaie engineers' blogsekaie.hatenablog.com
47ブックマークどこでも活躍できるテンプレートエンジン「Mustache」 - Mach3.laBlogblog.mach3.jp
46ブックマーク3つの簡単便利Javascriptテンプレートエンジン。Mustache.js, Handlebars.js, Microtemplating | codechordcodechord.com
40ブックマークGitHub - janl/mustache.js: Minimal templating with {{mustaches}} in JavaScriptgithub.com
23ブックマーク{{ mustache }}Logic-less templates. Available in Ruby, JavaScript, Python, Erlang, Elixir, PHP, Perl, Raku, Objective-C, Java, C#/.NET, Android, C++, CFEngine, Go, Lua, ooc, ActionScript, ColdFusion, Scala, Clojure[Script], Clojure, Fantom, CoffeeScript, D, Haskell, XQuery, ASP, Io, Dart, Haxe, Delphi, Racket,...mustache.github.io
21ブックマークHTML Templating Using Mustache.js - TUTORIALjsonviewer.ai
19ブックマークThe client-side templating throwdown: mustache, handlebars, dust.js, and moreengineering.linkedin.com
17ブックマークRequireJSにてBackbone.jsとMustache.jsを読み込む - 断章10100naka-06-18.hatenadiary.org

関連ブログ

元Webデザイナー兼コーダーの備忘録•2年前

jQuery|Ajaxで外部データを取得し、テンプレートに読み込む

以前の記事(Ajaxで外部データを取得する)で、Ajaxを利用して外部データを取得するコードをご紹介しました。このコードでは、JavaScriptのコードの中にHTMLのコードが含まれていました。今回は、JavaScriptからHTMLを分離する例を書きます。 以前のコード:XML(RSS)の取得 HTMLの分離とテンプレート まとめ 以前のコード:XML(RSS)の取得 ex.)当ブログのRSSの取得 取得先:https://shiroyuki2020.hatenablog.com/rss 以前ご紹介したコードは、以下です。 <div id="result"></div> $(functio…

#JavaScript#jQuery#Ajax#XML#RSS#mustache#テンプレート
元Webデザイナー兼コーダーの備忘録•2年前

mustache:JS版|mustache.jsの再入門

以前、mustacheの記事を書きましたが、勉強し直したので改めて記事にします。今回は、HTMLとJavaScriptの分離に焦点を当てて書きます。 HTMLを挿入する例 HTMLのテンプレート化 HTMLコードの分離 まとめ 参考 HTMLを挿入する例 id属性がresultである要素の子要素に、<h1>Hello JavaScript</h1>を挿入します。 <div id="result"></div> const result = document.getElementById('result'); result.innerHTML = '<h1>Hello JavaScript</h…

#mustache#JavaScript#テンプレート
元Webデザイナー兼コーダーの備忘録•3年前

mustache|まとめ

当ブログで紹介したmustacheの記事を一覧にまとめました。 そもそもmustacheに出会ったのは、Vue.jsの勉強時でした。知らないことでしたので、これを機に勉強しました。 mustacheの記事まとめ mustache入門:Ruby版 mustache入門:JavaScript版 参考サイト mustacheの記事まとめ mustacheは色々な言語で利用できるということなので、RubyとJavaScriptで試してみました。勉強した内容を簡単ではありますが記事にしました。 mustache入門:Ruby版 mustacheの導入 データの埋め込み HTMLタグの埋め込み 区切り記号…

#mustache#Ruby#JavaScript#まとめ
元Webデザイナー兼コーダーの備忘録•3年前

mustache:JS版|データを別ファイル(JSONP)にして読み込む

レンダー部分でデータを指定しているところがあります。そこを外部ファイルとして読み込むように変更します。ここでは、データをJSONPファイルとして用意します。 作成するファイル JSONPでデータを読み込む まとめ 参考サイト 作成するファイル HTMLファイル:index.html JavaScriptファイル:render.js JSONPファイル(データファイル):data.jsonp ファイルをそれぞれ以下のように作成します。 <!-- index.html --> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"…

#mustache#JavaScript#JSON#JSONP
元Webデザイナー兼コーダーの備忘録•3年前

mustache:JS版|コードの整理

前回は、公式サイトのサンプルコードをそのまま利用してmustacheの動作確認をしました。今回は、気になる部分のコードを整理していきたいと思います。 作成するファイル テンプレートをJavaScriptに記述するように変更する 変更前 変更後 まとめ 作成するファイル HTMLファイル:index.html JavaScriptファイル:render.js テンプレートをJavaScriptに記述するように変更する 前回までのコードはこちらです↓ mustacheの導入 前回、作成したファイルで気になるところがあるので変更していきます。HTMLの中にスクリプトタグでテンプレートを記述している部…

#mustache#JavaScript
元Webデザイナー兼コーダーの備忘録•3年前

mustache:JS版|mustacheの導入

mustacheの導入について書きます。mustacheは、テンプレートエンジンです。色々な言語で利用できるということなので、一度学習しておくと他でも使えるので勉強しておくに越したことはないと思います。今回は、JavaScriptでmustacheを勉強します。 公式サイト 作成するファイル まとめ 参考サイト 公式サイト https://mustache.github.io/ 作成するファイル HTMLファイル:index.html JavaScriptファイル:render.js 参考サイトに倣いHTMLにmustache.jsを読み込んで使ってみます。コードは以下の通りです。 <!-- …

#mustache#JavaScript
元Webデザイナー兼コーダーの備忘録•3年前

mustache:Ruby版|テンプレートファイルの部品化(partials)

テンプレートファイルの中身が多くなるとコードの見通しが悪くなります。そこでテンプレートの一部分を部品化して、別ファイルに切り出す方法を見ていきます。 作成するファイル テンプレートの部品化 部品化の確認 まとめ 参考サイト 作成するファイル データファイル:data.yml テンプレートファイル:template.mustache テンプレートファイル:user.mustache データファイルとテンプレートファイルを以下のように作成します。 #data.yml(データの記述) users: - name: hoge email: hoge@example.com - name: fuga e…

#mustache#Ruby#テンプレート
元Webデザイナー兼コーダーの備忘録•3年前

mustache:Ruby版|複雑なデータ(セクション)

データがある限り一覧表示する方法を見ていきます。 作成するファイル 複雑なデータの埋め込みの確認 まとめ 参考サイト 作成するファイル データファイル:data.yml テンプレートファイル:template.mustache データファイルとテンプレートファイルを以下のように作成します。 #data.yml(データの記述) users: - name: hoge email: hoge@example.com - name: fuga email: fuga@example.com {{! template.mustache(テンプレートの記述) }} {{#users}} - {{name…

#mustache#Ruby#テンプレート
Generative Agents Tech Blog•2日前

LangChainのPrompt templateでループを使う方法の紹介 #LangChain

ジェネラティブエージェンツの大嶋です。 この記事では、LangChainのPrompt templateでループを使う方法を紹介します。 想定シーン プロンプトのテンプレートを作成する際、ループ処理を入れたくなることがあります。 たとえば以下は、ユーザーの入力に応答するためのエージェントを選択する、というプロンプトの例です。 ユーザーの入力に応答するために適切なエージェントを選択してください。 Agents: - name: researcher description: リサーチャー - name: coder description: コーダー 上記のプロンプトのうち「Agents」の箇所…

nabe_ralの日記•20日前

2024年11月の反省と12月の目標

11月全体の振り返りをして、12月の目標を設定する。 11月の目標 ①多読 ②多聴 ③発音改善 ④節約 ⑤その他 11月の成果 反省 ①多読 ②多聴 ③発音改善 ④節約 ⑤その他 12月の目標 ①多読 ②多聴 ③発音改善 ④節約 ⑤その他 所感 Vocabulary List 11月の目標 11月の目標は以下だった。 ①多読 ・毎日30分読書する。寝る前は小説を読む。 ・本を黙読する時、発音に自信がなくて詰まってしまう単語（≒知らない単語？）をメモしておく。次回の月次反省でメモした単語を書き記す。 ②多聴 ・聞く時は自分が話せない表現・単語を拾うことと、多読などで調べたばかりの語彙を拾うことを…

ecbeing labs（イーシービーイング・ラボ）•2ヶ月前

Kiotaを使って、ずんだもんにしゃべってもらおう！

はじめに こんにちは、ecbeingのカミーユです！ 早くも2024年度も半分が過ぎ、毎年 時が過ぎるのが早くなっているなぁと感じる今日この頃です。 さて、世の中はAIブーム真っ只中。 弊 ecbeing labs でもAI系の話題が取り上げられるようになりました。 しかし、前回に引き続きまして OpenAPI についてのプロダクトを取り上げたいと思います。 OpenAIのAPIの仕様もOpenAPI仕様で策定されていますし、名前も似てるので実質AIの話題ですよAI（強引） 冗談はさておき、今回は Microsoftが2023年に発表した OpenAPI クライアント作成ツール Kiota の…

アートの聖書•2ヶ月前

諸橋近代美術館〜サルヴァドール・ダリの道

高速バス夢街道会津号に揺られ新宿から4時間半。バスは10分遅れで猪苗代駅に到着。諸橋近代美術館への会津バスに間に合った。ここから25分。山道を縫って走る。 チュッパチャプスの水玉模様のような小雨が降る諸橋近代美術館。この日は雲に隠れていたが雄大な磐梯山が望める。登山と美術館の合わせ技も豪華だ。 馬蹄形の窓が10個並ぶワインのシャトーのような諸橋近代美術館は1999年の開館。2024年の今年で25歳を迎えた。1894年に生まれたダリは生誕120年。 諸橋近代美術館はダリの絵画、彫刻、版画作品など約330点を所蔵。トップのダリ美術館は別として世界で4番目の多さ。東京ではなく福島の山奥にあるのがすご…

小松菜のブログ•2ヶ月前

英語学習：ジョージ・オーウェル『1984』その②

皆さんこんにちは。 今日も、前回に引き続きジョージ・オーウェルの『1984年』を使って英語学習を進めていきます。 初回です→英語学習記録：ジョージ・オーウェル「１９８４」その① - 小松菜のブログ まずは、今回の引用箇所とその翻訳を確認します。 The hallway smelt of boiled cabbage and old rag mats. At one end of it a colored poster, too large for indoor display, had been tacked to the wall. It depicted simply an enormou…

GMO MAKESHOP engineer blog•2ヶ月前

Plopでジェネレーターを作ってStoryファイルを自動生成してみたら簡単だった

GMOメイクショップ コアグループでエンジニアをしている池田です。 こちらの記事にもある通り、当プロジェクトではStorybookを導入しました。 Storyファイルを増やしたいということで雛形を自動生成することになりました。 そこでPlopというJavaScriptライブラリを使用して、Storyファイルを自動生成しました。 今回はPlopの使い方について説明したいと思います。 対象 Plopとは？ セットアップ Storyファイルを自動生成 hbsファイル plopfile.mjs prompts actions 実行 まとめ 参考 対象 ファイルの自動生成を行いたい 対話形式でファイルの…

フィンランド語のシンプル単語帳•3ヶ月前

フィンランド語〔総索引２〕〔フィンランド語⇒日本語〕

〔総索引２〕〔フィンランド語⇒日本語〕 ※フィンランド語〔総索引１〕〔日本語⇒フィンランド語〕 〔A/a〕(アー) aalto(アールト)⇔波⇔wave aamu(アーム)⇔朝⇔morning aamupäivä(アームパイヴァ)⇔午前⇔morning/a.m. ahdas(アハダス)⇔(幅)狭い⇔narrow/cramped AIDS(アイズ)⇔エイズ⇔AIDS aika(アイカ)⇔時間⇔time aikainen aamu(アイカイネン アーム)⇔早朝⇔early morning aikaisin(アイカイシン)⇔(時間)早い⇔early aikataulu(アイカタウル)⇔時刻表⇔tim…

Eigemann Daily Blog•3ヶ月前

【Ch.27 Jeremy】Quadsでの共同生活の終わり

こんにちはEigemannです。 (English below) 92年の夏、MTVではPearl Jamの「Jeremy」が頻繁に流れていて、「またこの曲か」と思いながらボーッと見ていた。Billが寮のリビング共有スペースにテレビを置いたので、案の定、自分はテレビを観る習慣がついてしまった。後に新学期が始まると、このテレビは自分に貸してもらえることになったが、その頃には深夜まで見続けるようになってしまった。アメリカのケーブルテレビは、日本とは比較にならないほど多くのチャンネルがあり、1日中見ていても見切れないほどだった。まだインターネット配信がない時代だったし、テレビの娯楽の役割は大きかった…

Bluebird’s diary•5ヶ月前

Kの20世紀洋楽和訳(293)Cream- Swlabr

SwlabrとはShe was like a bearded rainbowの略らしい。 Coming to me in the morning, leaving me at night. 朝僕のところへ来て、僕を1人残して去るComing to me in the morning, leaving me alone. 朝僕のところへ来て僕を1人残して去るYou've got that rainbow feel, 君には虹みたいな雰囲気があるBut the rainbow has a beard. でも虹にはひげが生えている Running to me a-cryin', when he th…

Lambdaカクテル•5ヶ月前

ScalaでWebアプリを爆速開発するための技術スタック 2024

去年はこれです。ちらほらスターがもらえていたりするので、今年も更新するかという気になった。 blog.3qe.us 以下の項目について技術スタックを考えていく。太字は今年になって追加したもの。 言語 エディタ ビルドツール スクリプティング ロギング テスト 依存性注入(DI) アーキテクチャ Webフレームワーク/サーバ GraphQL フロントエンド RPC テンプレートエンジン JSONまわり RDBMSまわり キューイング Auth 便利なツール/ライブラリ ローカル開発テク デプロイとか 言語 エディタ ビルドツール スクリプティング ロギング テスト アーキテクチャ / 依存性注入…

Serene Wealth•6ヶ月前

持続可能な未来のための投資、ESG投資って何？

1. はじめに 前回の記事で、パーソナルファイナンスについて書きました。 その中で、ESG投資のことを全く知らなかったので少し深めて知ろうと思いました。 ESGは環境（Environmental）、社会（Social）、ガバナンス（Governance）を意味し、これらの要素に配慮した投資を指します。 この記事では、ESG投資の基本概念やメリット、実践方法、企業の実践などを紹介します。 2. ESG投資とは何か？ ESG投資は、企業の環境・社会・ガバナンスに関する取り組みを評価し、それに基づいて投資を行う方法です。 ESGには下記のような要素があります。 環境（Environmental） 企…

Serene Wealth•6ヶ月前

昨今のパーソナルファイナンスの海外トレンドを調べてみた

はじめに 最近、FPの友人に家計を見直してもらいました。 自分の中では「いい感じやろ」と思っていたのですが、支出の見直しや投資のアドバイスを受けた結果、これまでいかに無駄遣いをしていたかを痛感させられました。 自分なりにきちんと戦略立てて、本読んでやっていたのにこの結果がショックで、それ以来、パーソナルファイナンスについてより一層意識するようになりました。 私と同じような20代の社会人にとっては、これからの人生における財務基盤を築く大切な時期だと思っています。 本記事では、最近の海外のパーソナルファイナンスのトレンドを紹介し、具体的なアクションプランを提案していければと思っています。 トレンド…

不死文殿 -Primal Elation-•7ヶ月前

【雑多】英単語置き場

<はじめに>・いろんな単語置き場・日常生活で不意に調べた単語の置き場・なのでいろんなカテゴリのが雑多にあります ・随時更新予定<置き場> A A-OK(int) →快諾の返事、全然オーケー abduction(n) →誘拐、拉致 acclimate / acclimatize(v) →慣れさせる →順応する ⇨アメリカとその他で綴り変わる acoustic(adj) →音の、音響の、聴覚の address(v) →対処する、取り組む adequate(adj) →適切な、適正な、適当な、適任な、ふさわしい adjust(v) →調整する、解決する、調停する admire(v) →称賛する、感心…

memo•8ヶ月前

Search Template を使った検索

OpenSearch で検索する際のクエリは量が多く複雑になりがちです。そんな時に Search Template が便利です。 目次 Search Template Search Template に関する便利API Search Template 登録 Search Template を使用した検索 Search Template のレンダリング 登録前の Search Template を使った検索 登録した Search Template 一覧取得 登録済みの Search Template の取得 Search Template の削除 おわりに