WEBの仕事– category –

2020年度、文部科学省が定める新しい学習指導要領に基づき、小学校のカリキュラムに「プログラミング教育」が追加されました。 それに合わせて、最近はプログラミング教室が人気ですよね。ですがプログラミング教室の月謝は高額で、費用のわりに「あまり意...

WordPressを導入していない静的サイトで、別ページのお知らせ一覧の最新の数件だけを取得して、トップのお知らせ（NEWS）部分に表示させたい。 そんな機会があったのでjQueryだけで実装しました。 【書き方】 ①TOPページのHTMLに、お知らせ一覧ページから...

サイトにvideoタグで動画を埋め込み、かつコントロールバーを表示させたとき、Chromeで見ると右下にダウンロードのボタンが表示されます。 「ダウンロードを推奨するつもりじゃないし、消したいな…」と思ったら、videoタグに「controlslist="nodownload"」...

前回、Photoshopで簡単なGIFアニメを作る方法を紹介しましたが、今日はカメラやビデオキャプチャで撮った動画を、Photoshopで編集したり作成して書き出す方法をまとめていきたいと思います。 【基本の操作】 MP4などの動画ファイルをPhotoshopで開いたら、...

駆け出しWEBデザイナーの頃、JavaScriptを使いたい時はネットで拾ってきた物をコピペして、見よう見まねで一部を書き換えて使っていました。 var？ let？ const？この変数名っててきとうに付けていいのかな？あれ、なんかエラーが出るぞ…などなど。 変数や...

皆さんはWEBデザイナーになるために、資格を取ろうとしていますか？ 私の勤め先ではインターンシップを実施しており、よく学生さんから「WEBデザイナーになるために必要な資格はありますか？」と聞かれます。 新卒も中途採用も同じように「資格は必要あり...

仕事で高品質な写真を使いたいけど、有料素材を購入するのは予算的に難しい・・・。 そんな時にオススメしたいのが、「Adobe Stock」で無料体験をして、タダで有料画像を入手する方法です！ 1ヶ月の無料体験期間中に解約すれば、支払いは0円。体験中にダウ...

動くGIF画像をホームページで表示させたとき、画像が見えてなくても、GIFアニメの再生が始まってしまいます。 ページをスクロールしていってGIF画像が見えたときには、すでに再生アニメは中盤に差し掛かっていた・・・としたくない場合は、スクロールして...

最近PhotoshopでGIFアニメや動画を作ることが多いので、今日は簡単な動くGIFアニメの作り方をご紹介したいと思います。 初めての方向けなので、3枚の画像をスライドショー風に切り替える、シンプルなGIF画像を作っていきます。 【作り方】 まず完成画像は...

私は過去、WEB制作会社でWEBデザイナーとして働いていましたが、県外に引っ越すことになったため転職しました。 現在は制作会社ではなく、中小企業の社内WEBデザイナー（以下、インハウスデザイナー）として、WEBサイトの制作や更新作業を担当しています。...