コーディング

コーディング受託のフリーランスで4年ほど生計を立ています。求人サイトを使わずに受注してきました。

どのようにコーディング案件を獲得したのか解説します。

前提：業務経験必須ではないがスキルは必要

コーディング案件を ...

フリーランスのマークアップエンジニアとしてWeb制作をして4年が経ちました。だいたいWebサイトnコーディングをしています。

基本は一人で完結できるレベルの仕事量しか取らないのですが、希にキャパオーバーしてしまうことがあり ...

Webで生計を立てて4年目ぐらいになります。

最初はatomにひたすらベタ打ちでhtmlを書いていましたが、最近はコーディングが楽になるツールを色々使っています。

自分用のメモと共にコーディングで使っているツー ...

まともなサイト制作のエンジニアなら誰でもSassは一度使ってことがあるかなと思います。

それぐらい有名で、便利です。

で、みんなSassを勉強しようとするのですが、なぜか大掛かりに本を買おうとしている。 ...

当方はエンジニア歴4年目のフリーランスエンジニアです。

僕が昔フリーランスになった頃は、フリーランスになるノウハウはtwitterなどで出回っていなかったのですが、最近はフリーランスの良質な情報サイトが増えてきました。

サイト制作を勉強していると、自然とWordPressに興味が出てくるかなと思います。

html/cssだけでも仕事はありますが、WordPressまでできると仕事の数も増え大きい単価のお仕事も取れやすくなります。

CSSを変更してもうまくいかないときはありませんか？

実は、それはCSSの優先度がおかしいのかもしれません。

CSSには優先順位がある

実は、CSSが適応される際に優先順位というのがあります。

何かと ...

タイトルの通りです。

コーディングは早くやればやるほどお金が稼げるので、そのためのツールのお話。

コーディングの効率化は

テキストエディタにプラグインなどをカスタムする
Sassなどの便利な奴らを使 ...

当方は3年ほどWeb制作で飯を食べているエンジニアです。

普段のコーディングはGulpを使ってある程度、処理を自動化して効率化しています。（常に使っているわけではない）

その甲斐あってか、長めでフルスクラッチの ...

WordPressで画像や埋め込みyoutubeがたくさんある記事だと、読み込みにちょっと時間がかかってしまいます。

画像を軽量化したりして最適化しても、20枚ぐらい使うのなら、どうやっても重くなりがち。

そん ...

Web制作をしていると、為にjQueryが使えない条件で制作することも稀にあります。

そんな時は、いつもバニラjs（フレームワークとか使わない生のjs）で作るのですが、スライダーとか重めなものはプラグインを使ってサクッと実 ...

Web制作で4年ほど生計を立てている僕が、VSCodeでhtml/css/jsにおすすめの拡張機能を紹介します。

全部無料です！

※emmetはデフォルトで入っていますので入れる必要ありません。

html ...

タイトルの通りです。

jQueryを使って、外部リンクに別タブ（target=”_blacnk”付与）、アフィリンクにnofollowを入れるソースをシェアします。

メディアやブログ作っ ...

タイトルの通りです。wordpressでログインしている時だけ、投稿 IDを表示するphpです。

↑こんな感じです。

ソース

以下をfunction.phpに記述すればOKです。

これで、ログインした ...

最近、友人にWeb制作を教えたりしてるんですが、

こんな質問がきました。

答えは結構簡単だったんですが、本人は自分でめちゃくちゃ調べたらしく、それでもわからないから僕に聞いたみたいです。

今後活かせ ...

Wordpressをローカルに構築する簡単な方法として、local by flywheelというものがあります。

非常に便利なのですが、昔作ったローカル環境にアクセスしたら、

こうなります。なぜか開けません。

一時期、webサイトの高速化にハマってました。

自作WPテーマでanalyticsで-1点の99点をとったでござる

満足! pic.twitter.com/z2cJYkkkWC

— 上谷 亮太 (@ ...

最近、このブログをリニューアルすべく、Wordpressテーマを自作していました。

せっかく作るので、高速化にもこだわり、googleのスピードテストと向き合いながら作ってました。

PageSpeed Insi ...

Macでローカル環境作る時って、MAMPだったりvagrantだったりで構築するけど、かなりめんどい。。。

もうちょっと楽に作れないかなーと思っていましたら、いいのがありました。

» loacl by flyw ...

wordpress触るとヘッダーやフッター、サイドバーをテンプレート化できてhtmlの時に比べ色々便利になるんですが、もうちょっとテンプレート化したくなります。

wordpressには、get_template_partと ...

前回に引き続きjQuery関連の内容。

今度は普段使っているjQueryプラグインをメモ

スライダー：slick

スライダー系は過去に色々使いましたが、slickに落ち着きました。
生成されるhtmlが扱 ...

jQueryでの個人的なメモ。

特定の動作が行われた時に実行させる系ページを読み込んだ時に読み込むページがスクルールした時にj読み込むウィンドウ幅が変わった時に読み込む上の3つはそれぞれまとめれます

ちなみに上の3つはそれぞ ...

僕愛用のテキストエディタBracketsでsassを使う方法について。

フリーランスで仕事するとわかるんですが、仕事は早くやればやるほど、時給換算すると高くなります。これはコーディングも同じで、早くコーディングすればするほ ...

macbook pro を自宅で使っている人は外部モニター使ってますか？

ノートPCでモニターを使ってない人は今すぐ使いましょう。めちゃめちゃ作業が楽になり、効率が上がります。

なぜかというとモニターが一台ある ...

Extract for Brackets (Preview)Bracketsは最初からそれなりに機能が付いてますが、それで満足かと言うとそうでもありません。もうちょっとだけ機能が欲しい。。。

テキストエディタを過去にいくつ ...

Bracketsのプラグインでftpを導入した時に、ちょっと苦戦したのでメモ。ちなみにBracketsについての記事も書いてます。Bracketsは優秀なテキストエディタなのですが、初期の機能にftpがついていないので、プラグインで拡 ...

Web制作したい！とりあえず、html/css勉強しよう！

↓

本読んだ、何個かサイト作ってみるか〜

↓

サイト作れたぞ〜、テキストエディタもうちょい使いやすいのにしようかな。でも無料が ...