BLOG ブログ

これから新卒でWebエンジニアを目指すみなさん、どんなポートフォリオを作ればいいかお悩みではないでしょうか？ この記事ではそんな悩めるあなたに向けて、ポートフォリオ作成のポイントをご紹介します！ ポイントを正しくおさえて採用者に刺さるポートフォリオを作成しましょう！ [toc] ...

Webサイトには必ずと言っていいほど「お問い合わせフォーム」が設置されています。 WordPressでお問い合わせフォームを作成するプラグインは色々ありますが、弊社では「MW WP Form」を利用することが多いです。 そこで今回は、HTMLで静的に作成したお問い合わせフォームを「MW ...

デザイン通りにコーディングできて、完成！と思っても、その後WordPress化する場合は注意が必要です。 記事のタイトルが長文になっても崩れないか？ 記事のサムネイル画像のサイズが変わった時の見た目はおかしくないか？ パンくずリストが長くなった時にど ...

ナビゲーションやボタンは、サイトを閲覧するときに必ず操作する要素ですよね。 ちょっとした要素に素敵なホバーアニメーションがついていると、細部へのこだわりが見えて、サイトの印象もよくなります。 また、ナビやボタンのホバー時のデザインはなく、コーダーにおまかせということもあります。 コ ...

Webライティングとは？ ブログの記事はもちろん、コーポレートサイト・ECサイトなどの文章を、 Webサイトを閲覧しているユーザーに理解しやすく、読みやすく書くことです。 プロのWebライターさんには及ばないものの、 簡単な文章ならリライトしてデザインを整えるのもWebデザイナー ...

アコーディオンメニューとは、最初はメニューの一部だけが表示されていて、 クリックすると隠れていた部分が開閉するタイプのメニューです。 小さいスペースにコンパクトにメニューを設置できるため、スマートフォンでは特に頻繁に使われています。 コーディングをしていると、Webサイトのどこかに ...

世の中にあるサービスのほとんどがお店（会社）で値段を付けています。 また、サービス内容も同じ事でお店が決めています。 受託開発のWeb業界であるあるなのですが、一部クライアント側で そのサービス・価格を決めたがる風習があります。 最初に提示されて、了解を得てスタート。 ここまで ...

Webサイトを制作する際、アイコン、メインビジュアル、投稿のサムネイルなど、大小様々な画像を扱うことになります。 画像にはJPG、PNG、SVG、GIFなどのファイル形式がありますが、なんとなくで使い分けてしまっていませんか？ Web制作において、画像はできるだけ綺麗で、かつ軽くする ...

Chart.jsというJavaScriptのライブラリを使えば、簡単にサイト上にグラフを描画することができます。 Chart.jsで描画できるグラフは折れ線グラフ、棒グラフ、円グラフ、レーダーチャート、散布図など多岐に渡りますが、 今回はその中のレーダーチャートの描画の方法を紹介 ...

Web制作をしていると、サイトに動画を埋め込んで表示させたい場面はよくありますよね。 埋め込みのできる動画には、YouTube、Vimeo、mp4など、様々な形式があり、 これらを埋め込んで表示させる際には、それぞれ異なった設定方法や注意点があります。 そこで、今回はそれぞれの ...

制作会社 いただいた修正を対応致しました。ご確認よろしくお願い致します。 お客様 確認しましたが、修正前のままのようです。 ...

WordPress(ワードプレス)についてどういうものなのか調べてみても「専門的な知識がなくても作ることができます！」という言葉ばかり出てきませんか？ でもそれはすでに用意されているテーマを使用する人向けのことでオリジナルのデザインで本格的にサイト制作をしたい人にとっては、知りたいのはそう ...

みなさんは「慣性スクロール」や「パララックス」という言葉を聞いたことがありますか？　マウスで実際に動かした分よりも少し遅めにスクロールが反応し余韻が残るような効果を出す動作や、各コンテンツを異なる速度で移動させる動作などを指しています。 最近、この2つのエフェクトが実装されたウェブサイ ...

Webサイトを作るうえで欠かせないものの一つに「フォント」を挙げられますが、世の中には数多の新規フォントが日々登場していますよね。フォントが変わるだけで、サイトの雰囲気全体がガラッと変わってしまうくらい、その影響力は計り知れません。できることなら上手く活用したい。今回はそんな想いをかなえてく ...

就活にポートフォリオは欠かせませんね。 Web業界に就職したいと考えている学生さん向けに、ポートフォリオに載せるためのWebサイトの作り方についてまとめてみたいと思います。 本記事では特にコーディング初心者さん向けに、フォルダ構成やリセットcssなど、かなり初歩的な内容を分かりやすく説明 ...

デザイン通りにコーディングできるようになってきてプログラムにもそこそこ強くなったけど、Awwwardsなどに掲載されているWebサイトを見ているとどうやって作られているかわからない…そんな経験はありませんか？ 今回はモダンなブラウザで良く見るWebサイトを少し豊かにする知識と技術を簡単にまとめ ...

入社して仕事に慣れてきた時、こんな状況になったことはありませんか？ 「作業した後のデスクトップが汚い...」 「キャプチャをもっと手早く簡単に撮りたい...」 筆者も同じ状況に悩まされました。 フォルダを５つ以上も開いていたり...。余計なところまでキャプチャを撮ってしまったり. ...

最近ではアニメーションが実装されたWebサイトも多くなり、趣向を凝らしたリッチな演出を取り入れているサイトもそう珍しくなくなってきました。 特に重要な要素を動かすことで興味を引かせたり、飽きずに読み進めてもらうためのきっかけになったり、といったメリットがありますよね。 ただ、アニメーショ ...

こんな人におすすめ！ ・動画制作をやってみたいけど、どのソフトを使えばいいのか分からない ・あの動画、どのソフトで作ってるの？ ・After EffectsとPremiereどっちを使った方が就職に有利？ 動画編集をやってみたい、と思ったらほぼ間違いなく選択肢に出 ...

ボタンの横にアイコンを配置することが多々ありますよね。 そんなとき、画像を書き出さなくてもアイコンフォントを使えば、簡単に設置できるので紹介します！ 【目次】 概要 事前準備 ダウンロードして使う CDNを使う ...