同じレンタルサーバー同士の 移転なので、単純に Export→Import で取り込めると思ったら MySQLのバージョン非互換で 内部文字コードのエラー。 kngy.net 結局、DBのダンプファイルを テキストエディタで直接修正し、 正常にImportできました。 サーバーもそ…

たとえ仕事を依頼する相手のほうが その分野のことに詳しくても、 「こうして欲しい」 を具体的に伝えることができなければ、 期待通りのモノは出来上がってこない。 なぜなら、 作る側は、提供された情報で作るから。 言われてもいないことを、 想像で作っ…

ものすごいアクセス数を集めている メディアサイトで頻繁にサーバーエラーが 発生して見れなくなり、困っているという ご相談をいただきました。 レンタルサーバーのログ解析ページを見て、 サイトに大きな負荷をかけているページの ランキングを割り出すと…

診療時間や料金表など、 追加や変更が生じやすい箇所を 全て画像で作ってしまうと、 ホームページが制作者の手を離れて、 画像ソフトを使えないクライアント様の 手に引き渡したあとで困ります。 「ちょっと文字を変更したいだけなのに、 画像ソフトがないか…

結局、IE8互換対応の先陣を 切ることになりました。 「互換用のjsプラグインが いろいろ転がってるから、 簡単に対応できるだろ？」 とかすぐに言いたがる 現場を知らないエンジニアに 言ってやりたい。 『じゃあアナタがやれば？』 『簡単なんでしょ？』 と…

いったん納品を終えた とあるサイト構築案件で、 IE8への互換対応が 必要だという話になりました。 制作側の関係者が、 コスト・信用ともに手痛い ダメージを被ることに。 私には直接的な飛び火は していませんが、気の毒です。 本件のコーディングでは、 ・…

ワイヤーフレームはサイト制作の骨格であり、 制作サイドとクライアントが唯一同じ情報を 共有して、「あーでもないこーでもない」を 相談できる設計図です。 だから、ワイヤーフレームで手抜きをすると、 後ろの工程であるデザインやコーディングで 必ず露…

ディレクターがレスポンシブサイトの 制作手順について熟知していない場合、 PC用のデザインが出来上がった時点で コーディングの工程に入ろうとします。 するとコーディングの担当者は、 「このサイト、スマホで見たときは どんなレイアウトにすればいいの…

ショッピングカートのプログラムとして 有名（？）な、Zen-Cart。フリーです。 ダウンロードしてみて感じたのは、 「これはもはや単独のプログラムではなく１つのシステムと考えたほうがよい。」 ということです。 ただ単に商品をカートに入れて メールで注…

レスポンシブという言葉は浸透してきましたが、 Retinaディスプレイへの対応をするかしないかで 制作の手間が変わることや、Retina対応の必要性を 考えておられるクライアント様は少ないようです。 そんなクライアント様と見積交渉する上で、 Retina対応の必…

某スイーツショップのECサイトで 複数エリアへの配送に対応するように プログラムをカスタマイズしています。 プログラムは考え方１つ間違えると どこかで必ず不具合が起こるので、 通常のパターンだけ動作確認してOKでも 安心できません。 プログラムが想定…

サイト構築案件についてクライアント様から 評価をいただきました。良くも悪くも、直接 自分への評価を頂けるのは、フリーランスの 醍醐味ですね。 感謝☆☆☆☆☆

某Web学習サービスのフロントコーディング。 大きな山場を超えて明日、納品予定です。 BootstrapをCSSのグリッドシステムだけでなく、 アイコン（ウェブフォント）やナビゲーション、 スライダー、モーダルなど各種コンポーネントを ふんだんに活用したサイ…

仕事で出会った便利なカレンダープラグインをご紹介します。日別にイベントを挿入できるjQueryのカレンダーです。ビューや日付のレンダリング完了イベント（コールバック関数）が 用意されているので、動的にカレンダーの中身を書き換え可能です。イベントデ…

スマホユーザー層を取り込むために、 Webのアプリやシステムのフロントを レスポンシブにする需要が多い模様。 必然的に、スマホでの操作に反応して スライドやメニューを動かす「動作」を 組み込むことも求められています。 かつての、デザイン通りの「静止…

達成率を表すとき使われるプログレスバー。 バーの表示原理は意外とシンプルです。 ・背景色の違う２枚のボックスを重ねる ・手前のボックスに style="width:80%;" のように 横幅をパーセントで指定する これだけです。 バーの幅をCSSファイルに記述しないの…

今日は、とある商品ＬＰの原稿を書いています。 思いつく言葉がことごとく自分に似合わなくて 苦笑してしまいますｗ 全然ミステリアスじゃないし、 クールとは正反対のオトボケ系だし、 スタイリッシュじゃないし、 ダンディズムなんて意識したことがないｗ …

パワーポイントで好きなように描かれたデザインを、 画像なしのフルテキストでCSSのみでコーディング・・・ って、すごく疲れました。 ピクセル単位の計算を要するので、 普段はアクセサリに入ってる電卓をよく使います。 ・セルの斜め線 ・リストの自動段組…

ネットショップの送料計算ロジックを 複数のお届け先ごとに別々に計算する ように変更したいというご相談があり、 システム的にカスタマイズができるか どうかを見極めるために、 プログラムの流れを解析しました。 結論、仕組み的には可能ということが わか…

仕事でシリウスのHTMLサイトをWordPressに載せ替える案件をやっています。 シリウスそのものを使ったことはないけれど、 生成されたHTML自体はとてもシンプルな印象を受けます。 テーマ名は「Procyon」にしました。 おおいぬ座の一等星がシリウスなので、こ…

システム開発に限らずWeb制作に関わる 全ての人に知って欲しい法改正です。 ・イラストレーター ・デザイナー ・プログラマー など、制作側の人だけでなく、 仕事を発注する側のクライアント様にも。 今まで、モノ作りにおいて、制作物に間違いが あった場合…

PC専用サイトって言ってたのに、後から 「スマホでもちゃんと見れるようにしたいんですけど」 って言われることありませんか？ スマホ対応は最初の段階で想定しておくからこそ 「レスポンシブ」という言葉は現実味を帯びることができます。 でも残念ながら、…

純粋なHTMLサイトの構築もやっていますが、 実務ではWordPressが一番多いです。 大半の時間は、調べごとをしています。 たとえばこんなページで構文を確認したり、 WordPress の関連 URL、パスを呼び出す関数、定数色々 | WordPressの開発テクニック集 WP Ti…

海外製品を扱うランディングページで 一部翻訳が必要だったので、 Google翻訳とか単語の用例を調べて 和訳しました。 入試英語の読解問題を問いてるような 懐かしいひと時でした。 難しいですね。翻訳って。 １つの単語にはいくつもの翻訳候補が あるので、…

お客様と一緒に１つのモノを作り、 お客様と一緒に達成の喜びを分かち合い、 お客様に感謝され、 お客様に感謝をする。 エンジニアとしてそれほど嬉しいことは 他にありません。 「スーツを着た労働者」と揶揄される、 システムエンジニア（SE）として会社に…

あなたのホームページをユーザーがどこまで スクロールして見てくれたのか？ どのリンクが一番クリックされているのか？ ユーザーがマウスを動かす手を止めて、 じっくり見てくれた場所はどこなのか？ といった情報を、サーモグラフィのように 「熱い部分」…

クライアント様経由でエンドユーザー様から サイト構築の素材・情報を受け取ったのですが、 サイトカラーを１つに決めていただかないと デザインが開始できないと伝えてあるのに、 なぜか２つの案が返ってきました（笑） いったいどっちにしろと（＾＾； た…

ちょうどお昼すぎに連絡が入って、 夕方の外出を除いて８時間かかって ようやく復旧できました。 クライアント様からユーザーさんに、 きちんとバックアップの方法とか 「どんなときバックアップが必要か」 を教育していただかないといけない。 そう痛感しま…

エンドユーザー様が操作ミスをして とあるショップのレイアウトが崩れ てしまったという連絡が入りまして。 修正する私にとっては、 「なんでそんなデリケートなボタンを よく分からないのに押すの？」 と思うのですが、ユーザー様は 「うーん、よくわかんな…

とある国際事業のサイトを再構築するため 当該企業のウェブ担当の方（生徒さん）と 打ち合せをしておりました。 サイトを訪問するユーザーがどんな視点で どういう順番でどんな情報を見たいのか、 という観点から、サイトの導線についての ご意見を聞くこと…