Tutorial: Using Thymeleaf (ja)
1 Thymeleafの紹介 1.1 Thymeleafって何？ ThymeleafはJavaのテンプレートエンジンライブラリです。XML/XHTML/HTML5で書かれたテンプレートを変換して、アプリケーションのデータやテキストを表示することができます。 ウェブアプリケーション内のXHTML/HTML5を扱う方が得意ですが、どんなXMLファイルでも処理できますし、ウェブアプリケーションでもスタンドアローンアプリケーションでも使用可能です。 Thymeleafのメインゴールは、テンプレート作成のための優雅で整形式の方法を提供することです。そのため、テンプレート内にロジックを記述する方法ではなく、事前定義されたロジックの実行を DOM(Document Object Model) 上でXMLタグ・属性によって指定する方法を基本としています。 このアーキテクチャのおかげで、パースしたファイルを
Bootstrapのテンプレートが簡単に作成・カスタマイズできる国産の無料ツール -Bootstrap Editor
Bootstrapはページ作成に役立つ機能がたくさん用意されており便利ですが、ファイルをダウンロードしたり、テンプレートを用意したりなど、始めるまでに少し手間がかかってしまいます。 そんな手間をすべて解消し、初心者の人でもプロの人でもすぐにBootstrapのテンプレートが簡単に作成・カスタマイズできる国産の無料オンラインツールを紹介します。 Bootstrap Editor Bootstrap Editorの特徴 Bootstrap Editorの機能 Bootstrap Editorの使い方 Bootstrap Editorの特徴 Bootstrapを初心者でも手軽に使えるよう開発された日本製のオンラインツールで、ダウンロードやインストールなどの準備は不要、すぐにBootstrapでさまざまなページを作成できます。 Emmetなどにも対応しているので、使い慣れた人にも便利です。 作者様
Golang Cafe #6 まとめ text/templateパッケージを試す - taknb2nchのブログ
2013/12/01に開催された「Golang Cafe #6」についてのまとめです。 他言語では外部ライブラリを利用してテンプレート処理を行うことが多いですが、Go言語ではデフォルトのパッケージに組み込まれています。 Go言語でテンプレートを使用するにはtext/templateパッケージとhtml/templateパッケージの2つがあるのですが、 今回はtext/templateパッケージのほうを可能な限り試しました。 ソースコード中にテンプレートを定義する ソースコード中にテンプレートを定義して使用します。 template.Newメソッドでテンプレート名を指定し、template.Parseメソッドでテンプレートの内容を読み込ませます。 template.Mustメソッドでは指定するテンプレートの正当性をチェックしてくれます。不正なテンプレートの場合はpanicになります。 また、
完全版！ テンプレートエンジン チートシート (blade, twig, volt, smarty, mustache, の比較もあるよ) - sekaie engineers' blog
まいど。セカイエでエンジニアやっている @M_Ishikawa こと石川と申します。好きな言葉はちくわ大明神です。 この記事は セカイエ Advent Calendar 2015 8日目の記事です。 Advent Calendarに参加するにあたってネタが思い当たらなかったのですが、最近ちょっと変わった経験をしたのを思い出しました。 それというのも、この半年間で、 Laravel Phalcon FuelPHP CakePHP Ethna と沢山のPHPフレームワークを同時並行して開発していたのです。 Ethna長いことやってたのにこの短期間でlaravelとcakephpとfalconとfuelphpと並行して扱ってて結構混乱。テンプレートエンジンがsmarty, blade, twig, volt, mustacheと全部異なるのも混乱。— Masayuki Ishikawa (@M_
【我流】プレゼンテーション資料の作り方
全国100万人のブリよりワラサ好きのみなさんこんにちは。先日強いチームの作り方を公開したのですが、何人かの知り合いからこういうスライドの作り方教えてほしい、というリクエストを受けたので以下にダンプしておきます。 参考書籍以下にあげる本は一度読んでおいて損はないです。プレゼンテーションZenは、ピアソンが技術書の取り扱いやめてしまい絶版かと思ったけど第二版が出て何より。 ガー・レイノルズ シンプルプレゼンプレゼンテーションZEN 第2版プレゼンテーションZENデザインこれらの本の中でも出てきますが、「プレゼンテーション」と「ドキュメント」は明確に分けた方がいい。 よく会社で経営方針とか数字とかをパワーポイントで作って配りますが、単にデータや説明を見せるならそれこそワードでやった方が読みやすいしコンパクトです。 トヨタがA3用紙1枚でまとめる(最近そうでもないらしいですが)と聞きますが、それと
ノンプログラマーのためのカンタンWordPressテーマ作成入門 〜子テーマでテーマ作成＆カスタマイズ〜
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Parkparkn-park
全て無料！パワーポイントのテンプレート27選｜ferret [フェレット]
パワーポイント（PowerPoint）のテンプレートを無料ダウンロードできるサイト19選 ここでは、パワーポイントのテンプレートを無料配布しているWebサイトを紹介します。それぞれ利用規約が異なりますので、必ず確認してから使用するようにしましょう。 1.canva https://www.canva.com/ja_jp/presentations/templates/ canvaのテンプレートはおしゃれで使いやすいものが揃っており、さまざまなシーンで活用できます。プロが作成したデザイン性の高いテンプレートも多く扱っているため、ビジネスシーンにもおすすめです。 パワーポイントで使用する際はppt形式にしてダウンロードする必要がありますが、ログインした状態でなければできません。ログインして好みのテンプレートを選択し、「すべてのオプション」→「保存」→「Microsoft PowerPoint」
![全て無料！パワーポイントのテンプレート27選｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c74e825f0cc6ed3bf263996fb70bf9a20cb6acfc/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F2319%2Fog_image%2Fdefault-b900f68e7c541fab0f0b514c294944ea.jpg)
今更だけど超簡単にホームページが作成できるWixを使い倒してみたけど本当に簡単だった
というわけで今回は、Webサイトを手軽に作れるWix（ウィックス）に焦点を当ててご紹介。 今更なんですけども、今回はとりあえず適当に私のポートフォリオでも作ってみましょうか。 ちなみに3時間くらいでつくったやつがこれ 王様はコンテンツ まずは登録 画面右上の「ログイン、新規登録」ボタンから登録が行えます。 メールアドレスとパスワードで、新規登録を行ってもよし、私は面倒臭いのでとりあえずGoogleアカウントからログインします。 もちろんまだ何も作っていないので、今直ぐサイトを作成から作成開始です。 テンプレート作成 作成を開始すると、テンプレートを選択するページに切り替わります。 それぞれのカテゴリには、さらに細かく分類されたカテゴリがありますので、正直ここでめっちゃ悩みます。 とりあえずブログでは、バックグラウンド全画像とかやってないので、そっち系のテンプレートを探しました。 ぶっちゃけ
企画書・提案書のデザインテンプレートサイト4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
提案書や企画書の作成は慣れが大事。慣れるまでは効率のいい作成の仕方がわからず、完成までに膨大な時間を要してしまう人もいるのではないでしょうか。 今回は「ほかの人の企画書を盗み見できるサイトやページ」をご紹介します。見せ方や考え方、そしてそれを先方に伝えるためのノウハウが詰まりまくっているので、見て損はないと思います。 それでは、見てみましょう！ 未経験から6ヶ月でWebデザイナーを目指しませんか？ クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ一度LIGにご相談ください！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ さまざまな企画書を盗み見できる Web サイトまとめ 1. alle https://the.alleslide.com ボリュームがすごいです。 2
Movable Type のテンプレートをカスタマイズするときのバージョン管理 | Movable Type | かたつむりくんのWWW
ここ数日、Movable Type 4.2 のテンプレートをいじっています。目標は vicuna CMS のような Valid XHTML 1.0 Strict で、カスタマイズもしやすいテンプレートを作ることです（まだ遠い目標だけど）。 さて、テンプレートをあれやこれやといじっていると、カスタマイズ中のテンプレートのバージョン管理がしたくなってきます。 Movable Type プロフェッショナル・スタイル MT4.1対応の中では、「TortoiseSVN」を使ったバージョン管理方法がさらっと書いてありますが、バージョン管理ソフトの使い方を新しく覚えずに、もっと手軽にバージョン管理したいとの理由から導入を躊躇していました。 そんな中、ふとMoveble Type のテンプレートを書き出すプラグインを応用してバージョン管理をする方法を思いつき、今はその方法を実践しています。 使用するプラブ
15分でビジネスサイトを構築！WordPressの”中身”のテンプレートが便利！
みなさんご無沙汰しています。WPD-Bordeaux ことBizVektorの石川です。 さて、WordPressでビジネス向けのウェブサイトをつくろうとすると、最近では非常に優秀な無料WordPressテーマもあるようですが、そういった高機能なテーマがあったとしても サービス紹介や会社案内などいろいろなページを自分で作成 ナビゲーションを作成・設定 問い合わせフォームを設定 など、何だかんだと地味な設定作業が結構あり、どうしてもある程度時間がかかってしまいます。 そこで、今回ご紹介するのは、WordPressでつくるコーポレートサイト向けコンテンツのxmlテンプレートです。 これを使うと、WordPressがインストール済みの状態であれば、おおよそ15分程度で下記のデモサイトの状態まで構築出来ます。 デモサイトを見る 今までなかった”中身”のテンプレート デザインや機能のテンプレート（テ
Twigでカスタムタグを追加する
あけましておめでとうございます。小川です。 本日はTwigでカスタムタグを追加する方法を紹介します。 ■Twig TwigはPHPで実装されたテンプレートエンジンの1つで、Python製のテンプレートエンジンのJinjaとほぼ同じ構文を持っています。 Webアプリケーションフレームワークsymfonyの次期バージョンでもあるSymfony2で採用されることが決定しており、Symfony界隈を中心に注目を浴びているテンプレートエンジンです。 <h1>Categories</h1> {% if categories|length > 0 %} <ul> {% for category in categories %} <li>{{ category.name }}</li> {% endfor %} </ul> {% endif %} 上記がTwigを使ったサンプルコードです。「{% %}」や
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
MovableTypeテンプレートタグのまとめ
Google、マテリアルデザインWebサイト作成キットを無償公開
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
「1枚」で、パワーポイントの品質と生産性を向上させるデザイン・テンプレート｜PowerPoint Design
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
