(X)HTML+CSSを書く人。
刺身にたんぽぽを乗せる仕事ではない。
皆さんこんにちは！hbstanです。 賢く生きるをテーマに役立つ情報をアウトプットしています。 今回は社内ポータルサイト担当することになった機械エンジニアの私が、本業では一切使用しないHTML&CSSを独学で実際に覚えた方法を書いていきます。 今後Web関係の副業を考えている方にも役立つかもしれません。 会社でHTML、CSSを勉強することになった。 ブログを始めたけれど、装飾をもっと細かくいじっていきたい。 今やっているブログを後にwordpressへ移行したいから事前に覚えておきたい。 と言う方の参考になればと思います。 HTMLとは 私がHTMLとCSSを覚えようとしたきっかけ HTML…
「HTMLの前提についてはざっと知った、ステップアップできるHTMLの勉強がしたい」「人に勧められるHTMLにまつわる書籍はあるだろうか」「令和でHTMLを学ぶならこの1冊、というものがほしい」―――そうした人々のニーズを叶えてくれる書籍が販売された。 その名も「HTML解体新書」だ。 本ブログ記事は、レビュアーとして関わり本書を読んだ＠okuto_oyamaによる感想と、HTMLのこれからについて考えていることをまとめたものである。 本の内容については、著者によるブログ記事にまとまってあるのでそちらを参考にしてもらいたい。 creators.bengo4.com
今朝方連絡が来て、フルリモートでのマークアップエンジニアの（いわゆるWEBコーダーというやつです）転職が決まりました！フリーランスエージェントに登録をいくつかして、企業面談し、お互いの利害が一致しました。業務委託でいくつか決まっていたので、安定収入なくても貯金もあるし、節約しながら細々生きていくか〜と思っていたんですが。 意外となんでも叶う世の中なのかもしれない - 人生をシンプルに生き延びたいミニマリストのブログ 月収アップします ダンサーの仕事は入る日数やチップの量で変動がすごかったのですが、エンジニアのお仕事は固定なのと、副業案件がまだ追加で残っているため、収入が今よりもプラス20万くら…
こんにちは、サービスデザイン部 UXデザイナーの畠山です。 私は数年前、マークアップエンジニアからUXデザイナーにジョブチェンジしたときから、”どんなUXデザイナーになりたいか”を考えてきました。人間中心設計のエキスパートとなるのか、心理学的なアプローチを強みとするのか、人間工学的な知識を活用するのか... UXデザインが関わる領域は多岐にわたります（参考：UX デザイン概念図の見本市 – OVERKAST ROUGHKUT）が、初心者がいきなり全てを習得しようとするのは現実的ではありません。そこで、私は特定分野に絞って取り組むことにして、習得の度合いを図るため、また目標設定したほうが楽しく取…
以前掲載した「最も成長が遅かったチームメンバーが、最も高い成果を出すようになった話」で、ミスが多かったメンバーに対して教育プランの実施を行ったことで、チーム内で最も大きな利益を上げ続けるメンバーへと成長したストーリーをご紹介しました。今回はその教育を受け、「最も高い成果を出せる」ようになった本人にインタビューを行いました。 現在マークアップエンジニアとして勤務している森さんは、元々はWEBデザイナーとして入社しています。WEBに興味が高く、WEB制作業務に携わりたい一心で入社されたのですが、業務において自分が具体的に「どのような職種に携わりたいのか」については絞りきれていなかったそうです。 3…
itエンジニアって種類があると聞きます。それぞれの仕事内容を知りたいですし、it未経験の人ならどの種類のエンジニアを目指すべきでしょうか？ 今回は、上記の疑問に答える記事です。 本記事を書いている僕は、 ✅現在エンジニアとして約５年以上勤務 ✅実務でのプログラミング歴は約３年以上 ✅プログラミング以外でも、インフラ、上流工程など経験 上記です。 そして当ブログでは、プログラミングスクールの体験談や、プログラミングに関する記事を80記事ほど書いています。 【関連記事】 ✔︎【実体験】テックキャンプ エンジニア転職に行ってみた感想 - Sun~sun~Flower's ✔︎【初心者向け】【Rail…
こんにちは。WebディレクターのNです。 当社では数年前からコーディングのプロジェクトにGitを導入しています。マークアップエンジニアだけではなく、Webディレクターや他の職種でも使われる頻度が高く、いまやこれ無しではプロジェクト管理ができない、といっても過言ではない必要不可欠ツールとなっています。 とはいえ。 正直Gitの操作は苦手…という非エンジニア（筆者も含め）の方って結構多いのではないでしょうか？ なんとなく使っているけど仕組みがよくわからない、なにかやらかしてデータが消えちゃったらどうしよう、コマンドラインのあの「黒い画面」が怖いｗなどなど。 そこで今回は忘備録もかねて初歩中の初歩！…
プロの「引き出し」を増やす HTML+CSSコーディングの強化書 『プロの「引き出し」を増やす HTML+CSSコーディングの強化書』対象読者 『プロの「引き出し」を増やす HTML+CSSコーディングの強化書』の内容 『プロの「引き出し」を増やす HTML+CSSコーディングの強化書』の特長 『プロの「引き出し」を増やす HTML+CSSコーディングの強化書』Amazonでの購入はこちら 『プロの「引き出し」を増やす HTML+CSSコーディングの強化書』楽天市場での購入はこちら プロの「引き出し」を増やす HTML+CSSコーディングの強化書 インプレスグループでデザイン分野のメディア事業…
本記事はNRIネットコム Advent Calendar 2021 9日目の記事です。🦌 8日目 ▶▶ 本記事 ▶▶ 10日目 🛷 初めまして。Webディレクター4年目の坪井です。Webコンテンツ制作をしているチームの一員として日々お仕事をしています。私はこのチームに配属されてからコーポレートサイト、LPサイト、業務システム系のサイト等、ほんとうに幅広いサイト制作に携わってきました。 そんな私が今回お話したいのは、「NRIネットコム採用サイト」のリニューアル制作についてです。自社サイトでも他社のサイトでも制作でやることはほとんど一緒です。しかし自社サイトだからこそ、サイト作りの裏側の細かいこと…
僕は一応フルスタックエンジニアですが、そう呼ぶのには少し抵抗があります。というのも、バックエンドはそこまで強くないからです。Ruby, Python, node.jsは書けるので幅広く対応できるのですが、インフラも兼任することが多いバックエンドは正直苦手です。 プログラミングを学んでた学生の頃は、１人で全工程出来るように勉強しました。でもその時はHerokuなどにデプロイしてたので、AWSとは無縁でした。 仕事を始めてからAWSを触ることになったのですが、どうも苦手で、それ以降インフラはやらないと決めました。勿論出来るに越したことはないでしょうが、出来なくてもちゃんと仕事はあります。自分の得意…
動きのあるページを作るには、jQueryを使うと良いです。JavaScriptという選択肢もありますが、jQueryの方がハードルが低いです。そこで、私が読んだjQueryの本をご紹介します。 本の要約 学んだこと 基本の記述 セレクタの種類 イベント/ajax/アニメーション サンプルでjQueryのイメージを掴む プラグインの使い方と作り方 感想 本の要約 前半は、jQueryの説明と基本について書かれています。後半は、よくあるもののサンプルが掲載されています。また、jQueryのプラグインについてざっくりとではありますが触れています。 本書は、Webデザイナーやマークアップエンジニアの方…
最近オジサンが参画したとあるWeb開発のプロジェクトで諸事情により私物のM1 MacBook Airを持ち込みことになり、３ヶ月程Web開発で使用した。 今回は実際にWeb制作/開発においてM1 MacBook Airがどれくらい使えるのかどうかについてオジサンなりの所感を語っていきたい。 これからWebプログラミングを始めよう、またはMacを買い替えたいが実務でM1 Macがどのくらい使い物になるか悩んでいる諸兄の参考になれば幸いである。 オジサンのMacBook Airのスペックについて アプリの対応状況について フロントエンド開発について 動作速度について 熱問題について バッテリー問題…
Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。 「Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。」の章構成 「Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。」対象読者 「Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。」改訂した主な点 「Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。」の特長 「Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる。」Amazonでの購入はこちら 「Webデザインの新しい教科書 改訂3版 基礎から覚える、深く理解できる…
職業訓練校からWebデザイナーを目指す30代雄のスッドレ1 こんにちは。 職業訓練に通いながらWebデザイナーへの就職を目指しているOさんです。 読み方はOさん（オーさん）です。 暇を見つけてちょくちょく書いていきますので、暇な時の読み物にしていただければ幸いです。 Webデザイナーに転職するため、職業訓練を受験する Oさんの自己紹介です。 年齢は30代半ばでサービス業をやっていました。 コロナの煽りを受けて解雇され、今に至ります。 コロナで解雇されたOさんはWebデザイナーになりたいので職業訓練に通うことを決意しました。 職安に行き訓練校のカタログがあったので拝読。「これは！」と言うことで即…
毎度のことながら、オジサンはマークアップエンジニアである。 オジサンのお仕事は単にデザインデータをHTMLに起こすだけにとどまらず、 運用フェーズ移行後も更新が容易になるよう、あらかじめコーディング規約やCSS設計を行い、運用チームに引き渡すのも仕事に含まれている。 そんなオジサンであるが、ScssでCSSを書かない日はほぼ無いと言っても良いくらいである。 そして最近将来的な事を見据えて、Scssのコンパイルで使用しているnode-sass(LibSass)からdart-sassに移行することにした。 dart-sassに移行する上で細かい注意点は色々あるのだが、移行の壁である、@import…
リーダブルコード プログラマは必読と言われているこのリーダブルコードを読了しました。 「自分以外の誰かが見たときに、コードの内容を理解してもらえるか」というベースとなる考え方で本書は進んで行きます。 理解してもらえないと、プロダクトの成功もグループでの開発は難しい。また「自分以外の誰か」と書きましたが、これは未来の自分も含まれます。 私も数日前に自分自身が書いたコードが理解するのに、時間を費やしたりした経験があり、それはつまりこのリーダブルコードでいうところの「良質なコード」ではないということになります。 「この変数はどんな役割だろう。。。」 「この変数を使っている関数を確認しよう。」 「ふむ…
directorblog.jp
d.hatena.ne.jp
blog.livedoor.jp
naoyashiga.hatenablog.com
www.slideshare.net
www.codegrid.net
design.kayac.com
www.nxworld.net
junnama.alfasado.net
