Web制作

Thumbnail of post image 151

Bracketsのftp接続には、eqFTPを使っていたのですが、どこかのバージョンで使えなくなってしまいました。

今は、DLもできなくなってしまいます。

代わりにFTP接続をするプラグインにBrackets ...

フリーランス

Thumbnail of post image 004

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

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

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

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

Web制作

Thumbnail of post image 161

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

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

Web制作

Thumbnail of post image 179

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

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

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

Web制作

Thumbnail of post image 152

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

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

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

フリーランス

Thumbnail of post image 126

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

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

Web制作

Thumbnail of post image 062

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

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

Web制作

Thumbnail of post image 131

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

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

CSSには優先順位がある

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

何かと ...

Web制作

Thumbnail of post image 047

※2020年追記 Koalaの開発が終了してしまい、ダウンロードが出来なくなってしまいました。。

変わりのおすすめは、Preprosです。有料ソフトですが一応無料でも使えます。

Preprosの詳細記事 ...

Web制作

Thumbnail of post image 016

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

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

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

Web制作

Thumbnail of post image 081

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

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

そん ...

Web制作

Thumbnail of post image 185

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

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

Web制作

Thumbnail of post image 006

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

全部無料です!

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

html ...

Web制作

Thumbnail of post image 194

タイトルの通りです。

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

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

Web制作

wordpressでログイン時だけ、表示ページに投稿IDを表示させるphp

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

↑こんな感じです。

ソース

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

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

Web制作

Thumbnail of post image 019

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

こんな質問がきました。

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

今後活かせ ...

Web制作

【解決策】local by flywheelで「この接続ではプライバシーが保護されません」の対処

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

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

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

Web制作

Thumbnail of post image 013

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

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

満足! pic.twitter.com/z2cJYkkkWC

— 上谷 亮太 (@ ...

Web制作

koalaでjsファイルを保存したときに自動で複数ファイルを圧縮[minify]するあれこれ

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

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

PageSpeed Insi ...

Web制作

ローカルでwordpress開発するならlocal by flywheelが楽な件

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

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

» loacl by flyw ...

Web制作

Thumbnail of post image 100

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

wordpressには、get_template_partと ...

Web制作

Thumbnail of post image 059

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

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

スライダー:slick

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

Web制作

Thumbnail of post image 185

jQueryでの個人的なメモ。

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

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

Web制作

Thumbnail of post image 105

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

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

ガジェット

Thumbnail of post image 065

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

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

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

Web制作

最低これだけは入れたいBracketsのプラグイン6つ!

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

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

Web制作

Thumbnail of post image 196

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

Web制作

【初心者コーダーなら鬼のおすすめ!】無料のテキストエディタならBracketsを使おう

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

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

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