トワイライツ・ノーツ

日記と本と、時々Web

Web

HTMLコーダーのリスクマネジメントの話

Web

コーディングの仕事中、「あ、これはまずいな」と感じるときがあります。 しかしコーディングまで回ってきた段階では既に決定事項であったり、期限が迫っている等の理由で上流工程へのバックがきかない状況になっていることが少なくありません。 コーダーと…

コーディングもデザインも技術としては溶け合っている

コーディングの部署へ異動してから一年と半年。別の制作会社で3か月。初期業訓練校でおよそ4か月……となんだかんだでコーディングを始めて総計で2年程が経ちました。 元々コーディングは好きだけれどデザインは苦手、できればやりたくない、と思っていました…

ブログデザインをカスタマイズしました

Web

数年ぶりにブログのデザインを変えてみました。といっても大したことはしていなくて、配布されているテンプレートに少し手を加えた程度です。 ずっとレスポンシブではなかったのですが、こちらもこの度対応してみました。 元にさせていただいたテンプレート…

Adobe Blank(Webフォント)を使った画像置換 New Kellum method

初めてレスポンシブ案件のコーディングをすることになりました。 メディアクエリで背景画像を入れ替えたりする都合上、避けて通れないのが画像置換。なにかいいやり方がないかなと、調べていたらおそらく日本語ではまだ紹介されていないNew Kellum methodと…

【Web】制作後のサイトの構造を守らせるか、自由度を上げるか

Web

私は社内でも新しくサイトを制作する部署にいますので、極端なことを言えば「作るだけは作るが管理のことは考えない」といった仕事の仕方も可能です。が、できるだけそれはしないようにと努めています。 その後サイトを管理する人が困るのは良心が咎めますし…

【Web】実際Web制作は厳しいです

Web

Web業界はあまり先が見えない、という意見をよく見かけるのですが、実際現場で働いていて、Web制作に関しては採算を取るのが難しいレベルにはきている……とは感じています。 という訳で、Web制作の現場で働いている人間の、割と忌憚のないお話です。 Web制作…

【日記】2015年10月21日~10月22日 コーディング用テンプレートは極力シンプルに

収支 10月21日 外食:1680円 10月22日 外食:1468円 お茶(牛乳):141円 箱ティッシュ:173円 計1782円 メモ コーディングの作業を少しでも効率化するために、目下テンプレートを改良中です。具体的にどんな改良をしているかというと、 html5のタグ(sectio…

【日記】2015年8月20日 html5が難しい

収支 お昼:648円 計:648円 計算外 お茶:150円(マチカフェドリンクカードで支払い) メモ 最近、仕事用のテンプレート作りをしています。うまく作れれば効率化になるのですが、失敗するとミスを量産してしまうことになりかねないので、 作る→運用→修正→運…

【日記】2015年7月28日

収支 お昼:780円 飲み物:180円 おやつ:1350円 計2310円 メモ コーディング作業中、構造でとても悩んでしまいました。 sectionの使い方です。文書構造を考えるとどこで区切るのが妥当かで非常に悩みます。 デザインも含めて考えると、全体を囲んでもsectio…

CSSとJavaScriptの読み込み順によってはスタイルが適用されないことがある

Web

かなりハマったので覚え書き代わりに。 ページの読み込み時に一部のCSSだけが反映されなくて、ソースコードをあちこちひねり回していたのです。 最初に疑ったのは、後からスタイルを上書きされているとか、CSSファイルが読み込めていないとか、JavaScriptで…

読みやすいブログのための文章デザインについて

「ブログ」での文章の書き方について思う事 - 今日はヒトデ祭りだぞ!hitode99.hatenablog.com ブログの読みやすさとか、文章構成とか、デザインとか - ぐるりみち。yamayoshi.hatenablog.com こういう話題は結構定期的に盛り上がっている気がします。 ライ…

『自分でやった方が早い』にどこまで対応すべきか

Web

現在『Webディレクター』という肩書にはなっていますが、コーディングもある程度はできることと、まだ案件の担当が決まっていないため、コーディング:ディレクション=9:1という塩梅です。とはいえ、元々手を動かすのは結構好きで、コーディング自体はあま…

【web】個人的にメンテナンスしやすいhtmlとcss

Web

最近仕事で人の書いたソースやいじった後のソースを見ることが増えたので、自分用メモです。

【Web制作】毎回必ず行うPC設定の覚書2014年版

Web

一応Web制作系の仕事をしているのですが(今の所コーディングメインではないですが……)、毎回必ず行うPC設定があります。そう頻繁に行う作業ではないので、あれは何だったか……と毎回検索したり思い出したりすることが多く、それは無駄だなと思ったので、自分…

ブログを楽に運営するためにしていること その3

ブログを楽に運営するためにしていること その1 - たそがれノート、ブログを楽に運営するためにしていること その2 - たそがれノート その3です。これで最後になります。

ブログを楽に運営するためにしていること その2

ブログを楽に運営するためにしていること その1 - たそがれノート前回の続きです。今回はタグとかCSSの話も入っています。Webクリエイターの学校にも通ったのでがっつりその辺りをいじろうと思えばできますが、あまり大したことはしてないです。そこに時間を…

ブログを楽に運営するためにしていること その1

私は非常に面倒くさがりです。もう、面倒なことや、余分な手間がかかること、大嫌い、と区切って言いたくなるのですが、それは大好きな『書くこと』であっても変わりません。ブログは結構長く続けていますが、ちょっとでも面倒くさいと思うと途端に手が鈍る…

Adobe Creative Cloudをどうしようか悩み中

Web

Webの仕事をするなら必要不可欠なPhotoShopとIllustrator。 これの体験版の期限が切れてしまいそうなので、今後有料にて使っていかなくてはならないのですが、結構悩んでいます。 理由としては、現状家のパソコンで仕事の必要がないこと。 ソフトの使用頻度…

さよならXP

Web

もうWindowsXPのサポートが切れる日! ということで、長年お付き合いしてきたXPをWindows7に入れ替えました。 実はWindows7自体の購入はかなり前に済んでいたのですが、愛着の沸いているXPをできる限りの日まで使ってみようかなあなんて思っていたのです。 …

サイト制作にお金をかける前にできること

Web

WEB制作の道に行こう! と決めてから色々ページを見ることを日課にしていますが、何だかお金の使い方がもったいないなあというサイトもちらちら見かけるので、雑感的に書いてみます。 もったいないサイト事例:その1サイトはあるが更新されていない これ、…

WEBクリエイターエキスパート受かってました

Web

平日は帰りが遅くて受け取れないので今日配送を頼んでいたのですが、その結果通知がきました。 得点率97%でした。 知識問題とXHTML・フォーム・リストで点を落としたらしいです。問題の返却などはないので、どこを間違えてしまったのかはわからないのですが……

今後の目標とか

Web

作業時間の短縮と見積もりが一番の課題なのではないかなーと思っています。 私は手が早い方ではないのでテキストエディタでベタ打ち、というのも厳しそうです(ぱちぱち作ってく感じは大好きなんですけれどね……)。 あと、やったことのない作業に関しては時…

実はリキッドデザインがあんまり好きじゃないという話

Web

最近スマホにも対応するということでリキッドデザインのサイトをよく見かけるようになったのですが、実は個人的なことを言えばリキッドデザインってそんなに好きじゃないのです。 というのも、私はパソコンを使う際こんな感じで↓ 画面端にブラウザを表示させ…

ロールオーバーでつまづく

Web

ロールオーバーの実装ということで、教科書にも載っていたし比較的簡単そうなので自分で組んでみようと思ったのですが。 $(function(){ $("img.rollover").mouseover(function(){ $(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o…

差分検索を導入してみた

Web

学校ではTeraPadを使うということになっているのですが、ひっそりUSBにsakuraエディタを入れて持って行ってます。 学校のパソコンはアカウント制限がかかっているせいで、TeraPadだと設定の変更・文字列の検索・文字列の置換という機能が軒並み使えないので…

Webフォントを使ってみました

Web

何か面白そうだったので、Webフォントというものをブログに適用してみました。 ちなみに入れてみたのはしねきゃぷしょん、フロップデザインフォントというフォント。 気分次第でたまに変わります。 あと、さすがにちょっと重たいですね。特にフォント形式をw…

こだわりと強み

Web

昨日と今日は製作作品の発表でした。 私はこういうものを作りました。仮想の皮膚科のサイトですね。 いずれサーバーを借りてポートフォリオサイトとしてアップできればいいなあと思っています。 他の人も様々なサイトを作っていて面白かったです。 作ってい…

cssの部品の使いまわしについて

Web

今日の授業ではスタイルの使い回しについて勉強しましたが、いまひとつ消化しきれていないので覚書きしておきます。 使い回しというのは例えば、 ■CSS .al-cnt { text-align: center; } .mgt30 { margin-top: 30px; } .attention { color: red; font-weight:…

ファジーなことではなく、効率の悪いことが好きじゃなかったという話

Web

画像編集ソフトの勉強をしているところなのですが、どうにこうにもHTML・CSSと比べて上達具合が芳しくありません。 昔からどうにも画像編集ソフトは嫌いだったなあ……と思い返したり人と話している内に、もしかしてファジー(曖昧・ぼやけた)なことがあまり…

仕組みがわかると楽しい

Web

前回HTMLの勉強をしている、と言いましたが現在はCSSの方に少しずつ取り組み始めています。 多分、触ったのは学生の時以来ですので、実に十年近くの時が流れていることになります。 あの頃とは色々コードの書き方の規則が変わったなあと思うと共に、楽しいな…