BASEのノーコードはどのように実現されているのか？ - BASEプロダクトチームブログ
基盤チームの右京です。 BASE ではショップのデザインを誰でも簡単にできるような、いわゆるノーコードな機能を提供しています。 デザイン | BASE (ベイス) ネットショップを無料で簡単に作成 この記事では、そんなノーコードなシステムの裏側について、簡単にですが解説しています。 ショップページ配信の基盤システム ノーコードの前にまず BASE のショップページ(ShopFront と呼んでいます)がどのようなシステムかを知っておく必要があります。BASE のショップページは特定の URL にアクセスすると必要なデータをデータベースから取得し、テンプレートエンジンを使ってサーバーのプログラムで HTML を生成して返す、よくある伝統的な Web ページとして実装されています。ただし、ショップ毎にページのデザインは全く異なるため、1 つの固定のテンプレートを利用しているわけではなく、ショッ
最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート（最終形） HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう
Nunjucks
You've been looking for a more sophisticated templating engine for JavaScript. Here it is. Rich Powerful language with block inheritance, autoescaping, macros, asynchronous control, and more. Heavily inspired by jinja2 Fast & Lean High-performant. Small 8K gzipped runtime with precompiled templates in the browser Extensible Crazy extensible with custom filters and extensions Everywhere Available i
Web制作やブログ運営で役立つ英語メールの定型文のまとめ -Canned Emails
英語で質問をする時、アドバイスを求める時、感謝や謝罪を伝える時をはじめ、その作業は後回しになるよ、電話じゃなくてメールで連絡してなど、Web制作やブログ運営時によく使いそうな英語メールをコピペで利用できる定型文を紹介します。 Canned Emails 上記ページの各テキストをクリックすると、メーラーが開き、定型文が入った状態で利用できます。定型文には、Web制作やブログ運営時でよくあるシーンで利用するものばかりです。 用意されている英語の定型文は下記の通り。 ※リンク先は、定型文のテキストファイルです。 apologize for problem / bug バグや問題を報告してくれてありがとうメール apply for position 仕事ができるやつだとアピールできるメール ask a question 質問がありますメール break up with someone もう一緒にや
スプレッドシートで作業スケジュールを共有 - Template Pocket
WBSおすすめExcelテンプレート コンパクトなプロジェクトの場合、専用のツールを使ってWBSをひくのが面倒でExcelで済ませてしまうことも多いです。 ExcelでWBSを作成するためのテンプレートはインターネット上でたくさん出回っています。 わたしがシンプルで使いやすいと思うのがこちら。 WEBディレクターの為のEXCEL術（1）作業スケジュール｜designaholic -Creative Column- WEBディレクターの為のEXCEL術 スプレッドシート版WBSもほしい リアルタイムに共有したい Excelだと使い勝手は非常によいのですが、リアルタイムに共有することができません。 また、Officeがインストールされていないマシンの方は閲覧の敷居が高くなります。 そんなシーンに向けてスプレッドシート版を作成しました。 Excelとスプレッドシートの比較 目的にあった方をご利用
Web制作者が助かるヒアリングシートや問い合わせ返信に使えるテンプレート - コムテブログ
TL;DR 遠方のお客様からのサイト制作依頼、メール問い合わせがあった時に、どんな内容を返信すればよくて、どんなことを聞いておけば概算見積もり（初期費用・ランニング費用）を作りやすくなるのか。ヒアリング時も、ある程度聞き出したい。 ネットや本でも意外と「具体的な例」がないなぁと思い、今回はコーポレートサイトや EC サイト制作依頼があった時に、メール返信や、最低限クライアントに聞いておきたいことや尋ね方をまとめました。ヒアリングシートにも応用できます。会社によって違うと思いますが、ざっくりとメモしておきますので、後は自分流にアレンジしながらご活用ください。 メール用テンプレート ここからはメール返信用です。 コーポレートサイト コーポレートサイトの制作依頼があった時に、具体的にどんな内容をヒアリング、または聞いておけばよいのか項目をまとめました。聞き出した内容をもとに社内スタッフと共有し概
動作推奨環境 例文・テンプレート / Maka-Veli .com
もっとあると思うけど、とりあえずよく使いそうなヤツまとめました。 必要に応じてご自由に加筆・コピペしてご使用ください。 当方、責任は一切負いません。 コピペの場合、URLとOS/ブラウザ等のバージョンに気をつけてください。 推奨環境 OS Windows Vista、Windows 7、Windows 8、Mac OS X 10.4以降 ブラウザ Internet Explorer 9 以上 Google Chrome 最新版 Firefox 最新版 Safari 最新版 ※使用しているバージョンを確認する方法についてはこちらからご確認ください。 Windows Mac PDF PDFファイルを閲覧する場合にはAdobe® Reader® (Acrobat Reader 7.0以上)が必要となります。 Adobe® Reader® のダウンロードはこちら 動画 動画を視聴す
静的ページを作るときに助かるJadeでtemplateに変数を渡す方法 - Qiita
Jadeを使う場合はexpress.jsのテンプレートエンジンとして 使うことがほとんどだと思いますが。 静的ページ作成にも速攻で作れるのでとても便利です。 ただ静的ページを作る場合gulpとかで localsで各ページ共通の変数を渡すのはいいんですが 各ページごとに変数を変えたい場合どうすればいいんだろうなと思い調べました。
プレゼンや企画書をより魅力的に！商用でも無料でつかえるインフォグラフィック用のベクター素材
個人でも商用でも無料で利用できる、インフォグラフィックのベクター素材をInfographic Template Shopから紹介します。 Infographic Template Shop Infographic Template Shopに数多くある有料のインフォグラフィックの素材から、10種類$30分がパックになって無料でダウンロードできます。 ダウンロードは、下記ページから。 昨日、アクセスした時はメールを介してダウンロードさせていたのですが、現在はより簡単にダウンロードできるように変更されていました。 追記（2014/8/27）：さきほどメールを介してのダウンロードに変更になったようです。 ダウンロードできる素材のフォーマットは、2種類。 .ai .eps 素材の利用にあたっては個人でも商用でも無料で、ロイヤリティフリーです。詳しくはダウンロードファイルの「License-read
Googleのベストプラクティスに沿ったモダンな製作の出発点「Web Starter Kit」
Web Starter Kitで用意されている各種の設定ファイルなどは、そのまま使うのではなく、各自が自分のスタイルに合わせてカスタマイズするとよいでしょう。ファビコンやスマートフォンでサイトをホーム画面に追加した際に表示されるアイコンなど、各自で差し替える必要があります。 humans.txtやrobots.txtなども使用する場合には適宜編集する必要があります。 動作環境の構築 Web Starter Kitに用意されたツールを使用するためには、以下の言語の環境が必要となります。 Node.js (v0.10.x以上) Ruby (1.8.7以上) これに加えて、以下のツールのインストールが必要になります。 Nore.js上で動くタスクランナーのgulp (3.5.x以上) Sassのコンパイルを行うRubyのgem (3.3.x以上) それぞれのインストール方法について、簡単に紹介し
Nunjucks
You've been looking for a more sophisticated templating engine for JavaScript. Here it is. Rich Powerful language with block inheritance, autoescaping, macros, asynchronous control, and more. Heavily inspired by jinja2 Fast & Lean High-performant. Small 8K gzipped runtime with precompiled templates in the browser Extensible Crazy extensible with custom filters and extensions Everywhere Available i
Blog
Unlocking Success in Tech Education: Why Code Fellows Leads the WayBy Mitchell Robertson on September 29, 2023 In today's fast-paced digital world, technical skills have become the currency of success. Whether you're a recent high school graduate looking to kickstart your career, a seasoned professional seeking a change, or an employer searching for top talent, the choice of who to partner with fo
kss-nodeのテンプレート作った – No.1026
webの中心でスタイルガイドの必要性が叫ばれていまして、あのCodeGridでもStyleDocco、KSSの導入方法が立て続けに紹介されている今日このごろ。 そんな中、StyleDocco、KSSはともかく、kss-nodeのデフォルトテンプレートが非常に残念な感じになっており、「悪くないのにこれじゃあ導入しにくい」なんて方もいらっしゃるのではないでしょうか。 かくいう私も、先日twitterにて「kss-nodeのデフォルトテンプレートが微妙すぎるのに、探しても全然見つからない。もっと、みんな作って公開すればいいのに。githubのとかいいよねぇ」的なことを話していたところ、CSSプログラマーに「おぬしがつくれば」と言われてしまいました。 その場では聞こえないふりをしたのですが、結局作ってしまいました。 kss-node-template-such-as-github kss-node
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインのしたじき
|| Social Media Sizes 2023 + Templates ||
GitHub - bencodezen/vue-enterprise-boilerplate: An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.
Initializr - HTML5 project - template
Node.js template showdown - 5 options compared - Bearfruit
thinkcolorful.ly
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
