コンポーネントベースで開発する時の CSS の書き方とコンポーネントの分類 (自己流)

2023/06/02 106 users コンポーネントベース Twitter React CSS 反響

React や Svelte でコンポーネントベースで開発するとき特有の CSS ノウハウってあんまり効かない気がする Twitter に書いたら反響があったので、自己流だけどまとめておく React Component の管理単位と、CSS としてのレイアウトの管理ポリシーは違うよね、みたいな話をマークアップエンジニアに時折されるが、そんな話... 続きを読む

必要なのはJavaScriptの基本的な知識だけ　3Dアニメーション制作をお手軽にする「Three.js」の魅力

2023/03/04 284 users three.js JavaScript コーダー 知識 魅力

エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジを共有する場として開催されました。ここで登壇したのは、... 続きを読む

フロントエンドエンジニアの多様性｜平尾ゆうてん｜note

2018/12/17 64 users 平尾ゆうてん Note フロントエンドエンジニア 多様性 領域

フロントエンドエンジニアの領域が広すぎる。そんな話が先日のアクセシビリティの情報交換会ででてきた。今回はそこをもう少し考えてみた。 フロントエンドの領域いつ頃からだったかフロントエンドエンジニア（以下FEE）という言葉が生まれ、IT/Web界隈でみんなの共通認識ができた。マークアップエンジニアやWebデザイナ... 続きを読む

Web制作者（フロントエンド・マークアップエンジニア向け）がブックマークしておきたい、便利なチートシートやリソースのまとめ | NxWorld

2017/06/05 71 users デバイス 特定 日頃 NxWorld 普段

普段制作している上でうっかり忘れてしまったときにさっと確認することができる便利なチートシートや特定の情報がわかりやすくまとめられているリソースなどまとめてみました。主にフロントエンドやマークアップエンジニアの方が日頃から利用することが多いと思うHTML・CSS・JavaScriptに関するものが中心で、他には各ブラウザのバグ情報を検索したり様々なデバイスの情報がまとめられたサイトなどもあります。 ... 続きを読む

HTMLを15年書いてる僕が語ってみる vol.1 - Qiita

2016/03/09 141 users 変遷 フロントエンドエンジニア 言語 Qiita 以下

僕はHTMLを書き始めて約15年。割と年齢は若い方で、いわゆる「ベテラン」という感じではないのですが、 長く付き合ってきたこの言語について、最近思うことが多いので語らせてください。 元W3Cメンバーとして考えていたことなので、 マークアップエンジニア、フロントエンドエンジニアには刺さるかもしれません。 以下が今回のお話です。 語りたいこと HTMLの変遷 HTMLってそもそも何 僕が書いた15年間... 続きを読む

UAスタイルシートと リセットCSS

2015/08/30 56 users リセットCSS UAスタイルシート Emmet もくじ 連載中

UAスタイルシートと リセットCSS 1. UAスタイルシートと リセットCSS 2. Tomoki Kubo 株式会社まぼろし
 マークアップエンジニア
 ブログ: KOJIKA17
 Adobe Creative Stationにて、Emmetの連載中 3. もくじ • UAスタイルシート
 - UAスタイルシートの基本
 - モダンブラウザのUAスタイルシート • リセットCSS
 - 全称... 続きを読む

初心者でもすぐできるスマホ対応jQueryアコーディオンメニューの作り方 | SONICMOOV LAB

2015/07/16 105 users 作り方 初心者 jQuery Splatoon table

また会いましたな！ スイカバー(ふつうのやつ)をこよなく愛するマークアップエンジニアのまりぞーですヽ(°ω°)ﾉ 先日、ついにWii UとSplatoonをゲットしました。 そろそろガチバトルでわちゃわちゃするお年頃かもしれません…ガンバルゾー！ガンバルゾー！ 今回はjQueryを利用したアコーディオンメニューの作り方をご紹介します。 前回の【初心者向け】レスポンシブなtableを作ってみる同様、... 続きを読む

新卒マークアップエンジニアが、趣味でiOSアプリを半年で「11個」リリースした話 - not good but great

2015/03/31 165 users iOSアプリ ポエム 半年 JavaScript 趣味

2015-03-31 新卒マークアップエンジニアが、趣味でiOSアプリを半年で「11個」リリースした話 ポエム 社会人になり1年が経とうとしている。半年でiOSアプリを11個リリースしたので、そのことを書いてみよう。 普段はマークアップエンジニア 2014年新卒で、普段は会社でHTML,CSS,たま〜にJavascriptを書いている。 アプリを作成するにあたった経緯 新卒入社後、半年間は趣味のプ... 続きを読む

MacOSX - 0から始める Mac 環境構築 - Qiita

2014/12/10 98 users 備忘録 MacOSX 移行アシスタント Qiita 言語

会社で設備更新があり、移行アシスタントを使わずに0から環境構築をしてみる事に。 システム領域になるべく手を入れないようにする 、をコンセプトに進めました。 フロントエンドエンジニア・マークアップエンジニア・Webデザイナー向けです。 基本的には備忘録なので全ての方がこの通りに進めて問題ないか？と言われると分かりかねます。 システム環境設定 言語を英語に変更 日本語の方が圧倒的に使いやすいとは思うも... 続きを読む

今日からはじめる！Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 | Find Job ! Startup

2013/10/24 841 users イシジマミキ Startup コーディング コーデ エンジニア

今日からはじめる！Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 こんにちは！ザ・マーズナレッジという会社をやっている、デザイナーのイシジマミキです。 Twitter Bootstrapと聞くと、エンジニアやマークアップエンジニアが使うものだと思っていませんか？それは大きな間違いです。コーディングが苦手なデザイナーこそ、一番便利に使えるものなのです。コーデ... 続きを読む

マークアップエンジニア だからうれしい Fireworksの使い方あれこれ

2012/07/06 206 users エンジニア JSer Fireworks まぼろし 松田直樹

マークアップエンジニア だからうれしい Fireworksの使い方あれこれ — Presentation Transcript マークアップエンジニアだからうれしいFireworksの使い方あれこれ株式会社まぼろし 松田直樹 1 自己紹介• まぼろしの松田と申します• デザイン、マークアップ、JSer、 ライティングなど• 主な著書 『効率的なサイト制作のためのDreamweaverの教科書... 続きを読む

小規模なWebサイトにぴったり。PHP製のメールフォーム「TransmitMail」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/03/17 554 users MOONGIFT Dreamweaver セッション

TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフォームを設置するといった時にぜひお使いください。 0 続きを読む

ゲーム嫌いも知らないと損するゲーミフィケーション入門（1/3）- ＠IT

2011/09/16 863 users Gamification ゲーミフィケーション 俊太朗 本稿

ゲーム嫌いも知らないと損する ゲーミフィケーション入門 あなたの生活を変える「Gamification」現状まとめ 株式会社ライブドア マークアップエンジニア／ディレクター 浜 俊太朗 2011/9/16 「Gamification（ゲーミフィケーション）」という言葉をご存じでしょうか？ 最近よく話題になっているので、見掛けたことのある方も多いことでしょう。本稿では、今後のWeb業界のキーワードと... 続きを読む

ASCII.jp：ここが変わった！HTML5マークアップ入門｜浜 俊太朗のHTML5マークアップ移行ガイド

2011/08/01 693 users 無印良品 ローソン 実務 俊太朗 移行

ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア　浜 俊太朗さんが解説し... 続きを読む

HTML+CSS主体のJavaScriptエフェクト！ 簡単で「使える」jQueryテクニック（解説つき） | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話

2011/05/31 633 users カヤック KAYAC DESIGNER Blog 意匠部

4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課（めか）でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType（ブログ構築ツール）での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い... 続きを読む

誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT

2010/07/14 789 users 比留間 メーラー 種明かし ニュ 面白法人カヤック

一撃デザインの種明かし（12） 誰でも作れる！ “崩れない”HTMLメルマガ作成術 面白法人カヤック 意匠部 ME（マークアップエンジニア）課 比留間 和也 2010/7/14 よく使われているメーラーを対象に注意点やコツを紹介しながら、初心者でもある程度問題のないHTMLメールを作る方法を紹介します キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュ... 続きを読む

【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1｜CSS HappyLife

2010/06/09 861 users CSS HappyLife 一式 一式。Ver HTML5

HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそう... 続きを読む

ASCII.jp：40分で覚える！jQuery速習講座

2010/02/16 2413 users ASCII.jp jQuery 要点 Webデザイナー 基本

いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しま... 続きを読む

HTMLとCSSしか書かなかったコーダーは今なにしてる？ - Hato-Style

2009/09/13 372 users コーダー iPhone CSS 悶々 HTML

2009年09月13日 （日） Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き。 マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記 HTMLは道具 3ping.... 続きを読む

Webサイトを“速く”表示させる7つの計測ポイント（1/2） - ＠IT

2009/03/24 317 users Webサイト YSlow コーダー ライブドアブログ デザイナ

株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには？ ライブドアブログを速くした著者が7つのポイントを伝授します（編集部） Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか？ デザイナや主にHTMLのコーダー／マークアップエンジニアと呼ば... 続きを読む

マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)

2009/02/17 388 users livedoor CSS HTML htm IE8

マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) こんにちは。 livedoor Blogを担当しています石野と申します。 前職はマークアップエンジニア(HTMLコーダー)をしていました。 今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。 昨年からHTM... 続きを読む

新規でサイトを作るのに使えそうなの一式。Ver 3｜CSS HappyLife

2008/11/12 816 users zip フィードバック 違和感 一式。Ver 中身

随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL（zip：40k... 続きを読む

IT戦記 - マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開）

2007/08/07 317 users Twitter IT戦記 CSS サイボウズラボ エントリ

css はじめにこのエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。 きっかけライブドア & サイボウズラボの数人でお昼ご飯を食べにいって、いろいろ話しながら考えたことを昼食後に Twitter に書き込みました。濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た。(X)HTML+CSS では... 続きを読む