デザイナーとの協業を本気で考える

•

5 likes•9,024 views

This document discusses how to collaborate with web designers. It lists an agenda with topics including conventional problems when collaborating, examples of using Smarty, PHP, and PHPTAL templating languages to separate design from coding. The document provides copyright information for kuwata-lab.com and examples of code for each templating language to iterate through a list and display items.

Technology

How to collaborate
with web designer

makoto kuwata
http://www.kuwata-lab.com/

Agenda

‣ 1.
‣ 2. Kwartz
‣ 3.

copyright© 2008 kuwata-lab.com all rights reserved.

: Smarty
Example of Smarty

,[object Object], • HTML
•

copyright© 2008 kuwata-lab.com all rights reserved.

: PHP
Example of PHP

,[object Object],
• HTML
•

copyright© 2008 kuwata-lab.com all rights reserved.

■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□ ---------------------------------------------------------------------- ■AnglarJSを使おう！～AngularJSの使い方とインストールまで～ ---------------------------------------------------------------------- ■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□■■■■□ ---------------------------------------------------------------------- ■目次 ---------------------------------------------------------------------- ●JavaScript開発が変わっている！　・パッケージ開発について　　・クラスライブラリとしての利用開発　　・パッケージ管理ツール（npm）　　・npmの利用　　・依存管理について　　・module管理でアプリ開発　・CLIでビルド処理　　・AngularCLIとは？　　・Angular開発用Webサーバーのご紹介 ●Angularを使おう・関連ソフトウェアのインストール　・AngularCLIのインストール　・プロジェクトの作成方法

angular X designer - デザイナからみたAngularJS #ten1club

silvers ofsilvers

Alt01-LT

Yuta Hiroto

忙しい人のためのBackbone.jsとAngular.js入門

Toshiaki Maki

初心者 × AngularJS × TypeScript

Yuta Matsumura

3分でわかるangular js

Shin Adachi

AngularJSで業務システムUI部品化

Toshio Ehara

今後のWeb開発の未来を考えてangular jsにしました(拡大版)

Mitsuru Ogawa

AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ

アシアル株式会社

最強オブジェクト指向言語 JavaScript 再入門！

Yuji Nojima

この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。【対象者】・JavaScript でアプリケーションを構築できる方・JavaScript におけるオブジェクト指向プログラミングの　実現手法や原理への理解を深めたい方・Java 的なクラスベースの言語との違いに違和感や混乱を　感じてらっしゃる方

TypeScriptで快適javascript

AfiruPain NaokiSoga

Type scriptとはからTypeScriptの使い方までをご紹介しています。 ●TypeScriptの概要・TypeScriptとは・TypeScriptの機能・TypeScriptの利用・静的型付けについて・型の指定方法・型推論・演算・条件・繰り返し・関数・クラス構文 ●JavaScriptの資産の流用・JavaScriptソースコードの利用・JavaScriptライブラリの利用・定義ファイルの取得方法・型チェックの強制・jQueryの利用

How to collaborate with web designer

kwatch

Open Power Template 2 presentation

Tomasz Jędrzejewski

Running PHP on a Java container

netinhoteixeira

Turbogears Presentation

didip

Web Scraping with PHPMatthew Turland

course slides -- powerpointwebhostingguy

Introduction to CodeIgniter (RefreshAugusta, 20 May 2009)

Michael Wales

Use Symfony2 components inside WordPress Maurizio Pelizzone

jQuery from the very beginning

Anis Ahmad

Система рендеринга в MagentoMagecom Ukraine

Mastering PHP - it's alive (1)Wildan Maulana

Viewers also liked

Angularを利用しよう

AfiruPain NaokiSoga

angular X designer - デザイナからみたAngularJS #ten1club

silvers ofsilvers

Alt01-LT

Yuta Hiroto

忙しい人のためのBackbone.jsとAngular.js入門

Toshiaki Maki

初心者 × AngularJS × TypeScript

Yuta Matsumura

3分でわかるangular js

Shin Adachi

AngularJSで業務システムUI部品化

Toshio Ehara

今後のWeb開発の未来を考えてangular jsにしました(拡大版)

Mitsuru Ogawa

AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ

アシアル株式会社

最強オブジェクト指向言語 JavaScript 再入門！

Yuji Nojima

TypeScriptで快適javascript

AfiruPain NaokiSoga

Viewers also liked (11)

Angularを利用しよう

angular X designer - デザイナからみたAngularJS #ten1club

Alt01-LT

忙しい人のためのBackbone.jsとAngular.js入門

初心者 × AngularJS × TypeScript

3分でわかるangular js

AngularJSで業務システムUI部品化

今後のWeb開発の未来を考えてangular jsにしました(拡大版)

AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ

最強オブジェクト指向言語 JavaScript 再入門！

TypeScriptで快適javascript

Similar to デザイナーとの協業を本気で考える

How to collaborate with web designer

kwatch

Open Power Template 2 presentation

Tomasz Jędrzejewski

Running PHP on a Java container

netinhoteixeira

Turbogears Presentation

didip

Web Scraping with PHPMatthew Turland

course slides -- powerpointwebhostingguy

Introduction to CodeIgniter (RefreshAugusta, 20 May 2009)

Michael Wales

Use Symfony2 components inside WordPress Maurizio Pelizzone

jQuery from the very beginning

Anis Ahmad

Система рендеринга в MagentoMagecom Ukraine

Mastering PHP - it's alive (1)Wildan Maulana

Caret Introduction

J B

Object Oriented Design Patterns for PHP

RobertGonzalez

GettingStartedWithPHPNat Weerawan

Drupal 7 Theming - what's newMarek Sotak

WordPress APIsJoseph Scott

SPL, not a bridge too far

Michelangelo van Dam

Introduction to PHPJussi Pohjolainen

Web Scraping with PHPMatthew Turland

Introduction to PHP

Collaboration Technologies

Similar to デザイナーとの協業を本気で考える (20)

How to collaborate with web designer

Open Power Template 2 presentation

Running PHP on a Java container

Turbogears Presentation

Web Scraping with PHP

course slides -- powerpoint

Introduction to CodeIgniter (RefreshAugusta, 20 May 2009)

Use Symfony2 components inside WordPress

jQuery from the very beginning

Система рендеринга в Magento

Mastering PHP - it's alive (1)

Caret Introduction

Object Oriented Design Patterns for PHP

GettingStartedWithPHP

Drupal 7 Theming - what's new

WordPress APIs

SPL, not a bridge too far

Introduction to PHP

Web Scraping with PHP

Introduction to PHP

Recently uploaded

How world-class product teams are winning in the AI era by CEO and Founder, P...

Product School

Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...

Product School

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Product School

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

DanBrown980551

Do you want to learn how to model and simulate an electrical network from scratch in under an hour? Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)! During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook. PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides: - A fully editable and extendable library for grid component modelling; - Visualization tools to display your network; - Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses; The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well. What you will learn during the webinar: - For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills; - For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.

GraphRAG is All You need? LLM & Knowledge Graph

Guy Korland

Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs. 1. Unifying Large Language Models and Knowledge Graphs: A Roadmap. https://arxiv.org/abs/2306.08302 2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs: https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

Product School

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

FIDO Alliance

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024

Tobias Schneck

As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other? Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

Albert Hoitingh

Monitoring Java Application Security with JDK Tools and JFR Events

Ana-Maria Mihalceanu

Connector Corner: Automate dynamic content and events by pushing a button

DianaGray10

Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to: Create a campaign using Mailchimp with merge tags/fields Send an interactive Slack channel message (using buttons) Have the message received by managers and peers along with a test email for review But there’s more: In a second workflow supporting the same use case, you’ll see: Your campaign sent to target colleagues for approval If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team But—if the “Reject” button is pushed, colleagues will be alerted via Slack message Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors. And... Speakers: Akshay Agnihotri, Product Manager Charlie Greenberg, Host

Essentials of Automations: Optimizing FME Workflows with Parameters

Safe Software

Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place. Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects. Here’s what you’ll gain: - Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows. - Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy. - Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency. - Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity. We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic. Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

Leading Change strategies and insights for effective change management pdf 1.pdf

OnBoard

Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...

Jeffrey Haguewood

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams. Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Accelerate your Kubernetes clusters with Varnish Caching

Thijs Feryn

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf

FIDO Alliance

To Graph or Not to Graph Knowledge Graph Architectures and LLMs

Paul Groth

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

FIDO Alliance

Key Trends Shaping the Future of Infrastructure.pdf

Cheryl Hung

Recently uploaded (20)

How world-class product teams are winning in the AI era by CEO and Founder, P...

Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...

Designing Great Products: The Power of Design and Leadership by Chief Designe...

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

GraphRAG is All You need? LLM & Knowledge Graph

From Siloed Products to Connected Ecosystem: Building a Sustainable and Scala...

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

Monitoring Java Application Security with JDK Tools and JFR Events

Connector Corner: Automate dynamic content and events by pushing a button

Essentials of Automations: Optimizing FME Workflows with Parameters

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

Leading Change strategies and insights for effective change management pdf 1.pdf

Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...

Accelerate your Kubernetes clusters with Varnish Caching

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf

To Graph or Not to Graph Knowledge Graph Architectures and LLMs

FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf

Key Trends Shaping the Future of Infrastructure.pdf