CREATOR BLOG

「tan」の記事の一覧

【チームでやる効率化】脱!Web制作における5年前の常識

2015/09/04
tan
  • このエントリーをはてなブックマークに追加

すっかり涼しくなりましたね!tanです。
まだ暑い日が続いた8/11に、社内勉強会に登壇しました。

経緯

受託を主な業務としているチームのフロントエンドエンジニアとして属しているのですが、
クライアントワークだと、そもそもクライアントのリテラシーがそんなに高くなく、
トレンドの技術を使いにくい傾向にあります。

続きを読む

チャットサービス戦国時代!その歴史と今後使われていくサービスとは

2015/06/01
tan
  • このエントリーをはてなブックマークに追加

コミュニケーションツールもどんどん変わってきています。
過去を振り返れば手紙、FAX、ポケベル、メールなどがありました。(もちろん現在進行形ですが)
今回はインターネットを使った特定の人とコミュニケーションが取れるサービスに限定しています。

たくさんのチャットサービスが乱立する中、結局なにを使っているのかを一個人として紹介します。

続きを読む

働き方にも断捨離の考えを!断捨離のポイント4

2015/05/19
tan
  • このエントリーをはてなブックマークに追加

「断捨離」という言葉は意味は知らなくても聞いたことがあると思います。

断捨離(だんしゃり)とは、不要なモノなどの数を減らし、生活や人生に調和をもたらそうとする生活術や処世術のこと。

最近だとこんまりこと近藤麻理恵さんの著書「人生がときめく片づけの魔法」で認知があがっているように思えます。
かくいう私もこの本で断捨離に目覚め、部屋がとてもスッキリしました!

プライベートだけでなく、働き方にも「断捨離」の考えを取り入れることができます。
働くうえでの断捨離と言われると、アプリケーションをアンインストールする、ファイルを消す、ということをまず思い浮かべると思います。
そしてそのメリットとして、容量が増えたり動作が軽くなったり…ということがあげられます。
実際これは事実としてあり、やって欲しいことなのですが、それ以外にも断捨離すべき項目はあります。

断捨離を判断基準にすることによって、「データとしてはあるけれど、実用されていない。ごちゃごちゃしてるから見て見ぬふりをしている。」といったような死んでいる場所を生き返らせましょう!
具体的にどんなものを断捨離したのかを、便利なツールも交えて5つ紹介します。

続きを読む

web制作+@に役立つChrome拡張機能11選!

2015/04/08
tan
  • このエントリーをはてなブックマークに追加

chromeには拡張機能があることをご存知でしょうか。
個人的によく使っている、web業界で働く人には絶対に役立つものがこの中にはある!11選です。

もくじ

  • マウスジェスチャ:Gestures for Google Chrome
  • キャプチャを取る:FireShot
  • 後読みをワンクリックで:Save to Pocket
  • 英和辞書、翻訳:Weblioポップアップ英和辞典
  • よく利用するサイトのCSSを整形:Stylish
  • 複数ウィンドウを任意のレイアウトで配置:Tab Resize
  • headlineタグのレベルを視覚化する:HTML5 Outliner
  • METAのチェック:META SEO inspector
  • altタグやリンクなどのチェック:Web Developer
  • 一度にクリップボード内のurlを開く:Pasty
  • フォームの内容を記憶、呼び出す:Form Save And Restore

続きを読む

中規模のサイトリニューアルや怒涛のページ更新でも活用したい、静的サイトジェネレータ「Phest」

2015/03/26
tan
  • このエントリーをはてなブックマークに追加

前回書いた静的サイトジェネレータ「Phest」導入のメリット5の続編です。
前回は初期コーディング時に導入した際の話を書きました。
今回は既にあるサイトのリニューアルや、商品追加などのある程度規模の大きい更新に対してPhestを使ってみた時の話です。

リニューアルや更新はもしかしたら初期構築よりややこしいかもしれません…
既存のソースを理解し、影響範囲を常に意識しながら作業する必要があります。
だいたい既存のソースをある程度ひっぱってきてテスト環境を作り、変更したファイルを書き留めながら進めます。
小さい規模だとこのやり方でいいのですが、規模が大きくなってくると手に負えなくなってしまいます。

なので、Phestで楽になりましょう!

もくじ

  • そもそも静的サイトジェネレータとは?
  • メリット1:変更のあるファイルのみをまとめておき、編集できる
  • メリット2:既存のcssファイルに対して、sassを導入しやすい
  • メリット3:大量生産系の作業に特化している
  • メリット4:静的サイトジェネレータ「Phest」導入のメリット5であげたメリットも使えます
  • 既存サイトにPhestを組み込む際の導入手順
  • まとめ

続きを読む

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

サイト内にうまくInstagramを取り入れてるサイト11選

Category

Archive