読者です 読者をやめる 読者になる 読者になる

yuri memo

コーディングとかのメモ帳

ストレングス・ファインダーをやってみました

ストレングス・ファインダーは 34の強みの中から、5つ自分の強みを教えてくれる自己分析みたいなやつです。わたしはこの5つでした。 規律性 Discipline 個別化 Individualization 調和性 Harmony 内省 Intellection 分析思考 Analytical

anyenvを使ってNode.jsのバージョン管理をすることにした

MBPがきた時にnodebrewやらgulpやらもろもろ環境構築したのですが 教えてもらいつつ記事見ながらやったくせに全く記憶に残っておらず、、、 ちょっとやばいと思って環境構築やりなおしたい!って思ってました。 その時に「anyenvいいよ〜」と教えていただい…

CSSで画像のアスペクト比を保持したままいい感じにトリミングする(レスポンシブ対応)

レスポンシブサイトでサムネイルなどを一覧表示させたいときに 写真のサイズがバラバラだとなかなかうまくいかず困ってました。以前、background-sizeがいいかも!と記事を書きましたが object-fitのポリフィルが使えるようになり、これは!!と思いました。…

スマホでフルスクリーンになるレスポンシブメニュー

今回は以下のようなレスポンシブメニューを実装しました。 ・モバイル時に、メニューをフルスクリーンで表示 ・メニュー開閉アニメーションはフェードイン/フェードアウト ・jQueryのfadeToggleなどは使わずに、classの付け外しをjQueryで行う デモはこちら…

プラグインなしで拡大しながらフェードで切り替わるスライド

拡大しながらフェードインするスライドを実装したのでめもめも。 さらっと言ってますけど、ほんと分からなくて泣きそうになりながら実装したんだよ・・・ぐすん。とりあえず、デモをのせますね。1. フルスクリーン背景バージョン 2. 通常スライドバージョン…

はじめてのさくらVPS。はじめてのサーバー構築で大変だったところ。

以前から気になっていたVPSに先日手を出しました。 メモリ 1GB・SSD 30GBで月972円ですよ〜〜〜。その時の初期設定メモです。 基本はさくらの公式設定ガイド通り。 さくらの初期設定ガイドそこそこ分かりやすくてよかっです。 【さくらのVPS】サーバの初期設…

yuriについて。この仕事が好き。

一昨日、念願のMacBookProが届きました。わーい。さて今回は、わたしの普段の仕事や日頃思っていることや考えていることをながながと書こうと思います。 あらかじめお伝えいたしますが3,000文字くらいあります。 1.わたしについて 2.なんでweb業界に入ったか…

PHPプログラミング入門講座を受けてきました

先日、PHPプログラミング入門講座を受けに行ってきました。 そのことについて、記憶のあるうちにメモしておきます。 (word campの次の記事書けてなくてごめんなさい土下座します) 講座を受けた経緯 ・業務で使いたい ・ゆくゆくは自分でプログラムを書きた…

WordCamp Tokyo 2016の感想 (1) -Webアクセシビリティのお話。

先日、東京で行われたWordCamp Tokyo 2016に参加してきました。 WordCampへの参加は初めてで、なおかつWordPressを触っていないという素人っぷり。 先に感想を言うと、普段WordPressを触っていなくても勉強になりました。 というか何からでも学ぶことってあ…

背景画像を隙間なく表示させる方法 - background-sizeの使い方

CSS

実務でもよく使うのでメモです。 サムネイルつきリストなどを作る際に、画像サイズが決まったサイズであれば特に問題はないのですが CMS化してクライアントが直接更新作業する場合などは、必ずしもすべての画像サイズが同じとは限りませんよね。 そんな時に…

for文でbreakとcontinueをつかう

こんばんは、yuriです。JavaScript絶賛学習中です。for文でbreakとcontinueを使った学習をしたので念のためメモです。 breakは現在のループ処理の途中で、そのループ処理を終了する for,whileなどの繰り返し文の中で利用ができます。 主に、if文などの条件式…

はじめましてはてなブログ

はじめまして、yuriです。 読んでそのままゆりです。 web業界の仕事に就いて、約1年9か月。 まだまだひよっこ過ぎてどうしようもないので日ごろ学んだことや覚えたいことなど、ちゃんと形に残そうと思いました。(遅い) たまに謎の持論で語りだす場合もある…