コンポーネントベースで開発する時の 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 に関わるナレッジを共有する場として開催されました。ここで登壇したのは、... 続きを読む

マークアップエンジニアからフロントエンドエンジニアになった道のりを晒す - Qiita

2021/12/17 11 users jQuery Qiita CSS 道のり 経歴

【はじめに】 フロントエンドエンジニアの kalbeekatz です。話の背景となる自分の経歴から紹介させてください。 Web制作会社でマークアップエンジニアとして HTML/CSS/JavaScript（主に jQuery）で静的な Web サイトの構築をしていました（2年間）。 その後、株式会社ニジボックスに転職し、フロントエンドエンジニアと... 続きを読む

フロントエンドエンジニアのわたしが大事にしている価値観について | ダーシマ・ヱンヂニヤリング

2020/05/05 20 users 節目 ダーシマ・ヱンヂニヤリング エンジニアリング わたし

マークアップエンジニアとしてウェブ制作会社に入社してから１０年になりました。若いね～と言われなくなってからも随分たちました。いろんな意味でひとつの節目に来たのかなと感じます。そこで、わたしがごく個人的に大事にしている、仕事とエンジニアリングについての価値観をまとめました。 意味もなく、これからの若... 続きを読む

フロントエンドエンジニアの多様性｜平尾ゆうてん｜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を書いている。 アプリを作成するにあたった経緯 新卒入社後、半年間は趣味のプ... 続きを読む

Xslate の mark_raw は template に書かない - blog.64p.org

2015/03/20 17 users Xslate controller template 事案

Xslate の mark_raw は template 側では使わずに、Controller ないし Model で使って欲しい。 ある文字列が、HTML として処理すべきものかどうかは、サーバー側で判断すべき事案であって、マークアップエンジニアが判断すべき事項ではないから、というのが大きい。 「タグがうまく入力できないんですけど」というディレクターからの起票によって、それをマークアップエンジニ... 続きを読む

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

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

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

家賃0円のシェアハウスに住む、webクリエーターの3人の男女を募集！

2014/05/01 42 users 男女 シェアハウス sum SuMiKa 家賃0円

家づくりサービスのSuMiKaは。「好きに暮らすを実現できるシェアハウスをオープンします！家賃0円、住人募集中です。」家づくりサービスのSuMiKa デザイナー / マークアップエンジニア / プログラマー 緊急中途採用企画 SHARE HOUSE BOYS × GIRLS WebCreators SuMiKa 新しい家で、新しい仲間と、新しい人生をはじめよう。 ツイート 家づくりサービスのSuM... 続きを読む

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

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

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

愛されマークアップエンジニアになろう | WP-D

2013/03/07 24 users WP-D コーディングルール アタマ コーディング サーモン

愛されマークアップエンジニアになろう こんにちは。 鮭はあたまの部分が一番美味しいと思っているサーモンです。「えーーっっ！！」ってよく言われるんですけど、うちでは塩焼きにすると、ほっぺたの部分とか取り合いですよ？ サーモンだって食べ物以外のこと考える いやはや、最近ね、とあるお国に出したというコーディングのデータを頂くことがあったんですけど、ちょっとびっくりしちゃったんです。コーディングルールも無... 続きを読む

共通化を行なってhtmlの運用をスマートに！ | ACTZERO - 株式会社アクトゼロ

2012/11/01 26 users ACTZERO Akihisa フッター ヘッダー HTML

初めまして！マークアップエンジニアのAkihisaです。 制作時にも役立ちますが運用で必須のhtmlの共通化のお話です。 数ページならともかく、中規模サイト～大規模サイトで必要不可欠なhtmlの共通化… ヘッダーやフッターなどでよくお目にかかると思います。 共通部分をベタ書きで行なっている場合、軽微な修正でも大変な修正作業と確認が必要となりとても不便で面倒です。 可能なら共通化出来る部分はなるべく... 続きを読む

「ノンプログラマのための JavaScriptはじめの一歩」という本を書きました - Webtech Walker

2012/10/23 41 users ノンプログラマ Webtech Walker デザイナ 一歩

Amazon.co.jp： ノンプログラマのための JavaScriptはじめの一歩 2012/11/7に発売予定です。ハッシュタグは#jsippoなのでみなさんどうぞふるってツイートしてください。 想定している対象 タイトルからもわかるように、デザイナやマークアップエンジニアなどをやっていてプログラムはほとんどわからないというくらいの読者を想定しています。 なので普段JavaScriptを書いて... 続きを読む

マークアップエンジニア だからうれしい 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 続きを読む

Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年2月）まとめ7つ - W3Q

2012/03/02 40 users Webデザイナー W3Q イラレ 2012年2月 ディレクター

[まとめ] Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年2月...(7) [質問] イラレでwebデザインやってる方。なぜ、イラレなんですか？まわりが困ってることを...(46) [質問] ディレクターというポジションの人の中には、現場経験が全くない人も多いですよね。で...(11) [質問] デザイナーからマークアップエンジニアに物申したいこと(8) 続きを読む

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

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

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

Chrome+HTML5 Conference デザイナーズトラック

2011/08/21 24 users Chrome+HTML ディベロッパー 共催 イチ デザイナー

Chrome+HTML5 Conference開催！「HTML5について勉強したいけど、どこから始めればよいか分からない」・・・そんなディベロッパー、マークアップエンジニア、デザイナーの皆さんに向けて、HTML5 Developers JPとグーグル株式会社の共催で、HTML5をイチから学べるイベントをライブ配信します。 デザイナーズトラックではマークアップエンジニア/デザイナーの方を対象とし、H... 続きを読む

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サイトはもちろん、企業サイトのニュ... 続きを読む