NEW TOPICS

命名規則について

命名規則について

2021.07.26
コーディングに際して自分なりに考えた設計ルールを書いておきます。今回は以下の簡単なデザインカンプを例にして解説していきます。デザイン時の使用ソフトはadobe XDです。

続きを見る

Premiere Pro 簡単にできるノイズ除去の方法

Premiere Pro 簡単にできるノイズ除去の方法

2021.07.15
PremireProで行う動画編集の簡単なTipsをご紹介していますが、今回はノ...

続きを見る

PremierePro テロップのいれ方

PremierePro テロップのいれ方

2021.07.12
PremireProのテロップ入れについて、その方法を伝授!今でこそTVをつけると当たり前のようにテロップが入っていますが、最初にテロップを使用したのは【探偵ナイトスクープ】だそうです。テロップはあくまでも字幕のようにつらつらと言葉を読ませるのではなく、動画で伝えたいことを視聴者が察する手助けするのが役割です。

続きを見る

Premiere Pro カット編集

Premiere Pro カット編集

2021.07.10
近年、ますます需要の高まっている動画編集。クラウドワークスなどのスキルマーケットでも石を投げれば当たるほど動画編集の案件はたくさん出てきます。Premiere ProはテレビやCM、映画などのプロの映像制作現場でも使用されるAdobeの映像編集ソフトです。撮影した映像を編集し、特殊効果を加え、DVDや携帯電話、またYoutube用に変換して書き出すこともできます。photoshopなどのAdobeソフトとの連携が取れることも魅力の一つです。

続きを見る

Gulp.jsでテンプレート開発を高速化!

Gulp.jsでテンプレート開発を高速化!

2018.12.21
テンプレート開発を効率化させるGulpでファイルの圧縮・自動リロードを行うと便利です。Node.jsをベースにしたフロントエンドツールで別名「タスクランナー」と呼ばれています。実際の利用方法を目的別に解説しています。

続きを見る

LIST

無料サービスGtiHub Pagesで作るポートフォリオ

無料サービスGtiHub Pagesで作るポートフォリオ

2018.11.30 News
無料でWeb上にポートフォリオが作れるGithubPages。新しいGitの使い方をご紹介します。エンジニア・Webデザイナーを目指す方にはご自身のスキルを見ていただく機会も多くあります。そんな時、Web上での成果を見れる事は、最大のPRポイントになります。またポートフォリオ自体が成果物にもなるのでオススメ。

続きを見る

知っておくと便利!WordPressの新エディタGutenberg(グーテンベルグ)

知っておくと便利!WordPressの新エディタGutenberg(グーテンベルグ)

2018.09.03 WordPress
Wordpressの新しいエディタGutenberg(グーテンベルグ)のインストールや使い方についてまとめ(わかりやすい動画付き)ました。すでに使われた方もいるのでは?現段階では、Gutenbergは開発環境、テスト環境での検証を推奨とされている時期です。Gutenbergはこれまでとは格段に使いやすさがアップされています。 Wordpressで記事のアップが多い方には朗報です。仕事時間の合間にライティングをされている方も生産性も上がるエディタをぜひ試してみましょう!

続きを見る

Chrome68とは?「保護されていない通信」と警告が表示されることについて解説

Chrome68とは?「保護されていない通信」と警告が表示されることについて解説

2018.07.30 SEO
Chrome68から「保護されていない通信」が表示されるようになりました。警告が表示されるため、どうしても目に入ってしまいます。Googleの公式ブログにも公開され数年前から話題になっています。そこで、ブラウザのシェを測るツール、「StatCounter」のご紹介と、今からでもコストをかけず簡単に常時SSLを導入できる証明書「Let's Encrypt」などの紹介も含め情報を掲載します。

続きを見る

PWA(プログレッシブ ウェブアプリ)とは?

PWA(プログレッシブ ウェブアプリ)とは?

2018.04.17 News
PWAとは?PWA(プログレッシブ ウェブアプリ)とは、ウェブとスマートフォンのネイティブアプリの両方の利点を兼ね備えたアプリケーションのことを指します。AMPと混同しそうですが、AMPはモバイル表示の高速化を行うための技術です。オリジナルのコンテンツをスマートフォンのアイコンにしていつでも素早く情報を受け取ることができるPWA。まさに最強の機能と言えます。

続きを見る

flexboxを使った新しいレイアウト方法を試してみる

flexboxを使った新しいレイアウト方法を試してみる

2018.03.24 CSS
今まで頻繁に利用していたfloatやinline-flex、inline-tableなどはプロパティがたくさん必要です。おまけにIEや、デバイスの関係上、メディアクエリの記述も増え、工数はかさむばかり。そこで、一発でレイアウトしてくれる優れもの登場ということになります。flexboxはCSS3で登場した、複雑なレイアウトをシンプルに記述することが出来るレイアウト方法の一つです。

続きを見る

Webサイトの表示速度を改善!【PageSpeed Insightsとは?】

Webサイトの表示速度を改善!【PageSpeed Insightsとは?】

2018.03.21 HTML
ページランクに影響もある、ウェブサイトの表示速度を測ったことはありますか?2018年1月にGoogleの公式ブログで発表されたシグナルでは、 2018年7 月よりページの読み込み速度をモバイル検索のランキング要素として使用することを明言しました。 今回は、PageSpeed Insightsを使って、ウェブサイトの表示速度がどのくらいのランクなのかを実際に調べてみました。

続きを見る

「WordPress.com」と「WordPress.org」の違いとは?

「WordPress.com」と「WordPress.org」の違いとは?

2018.03.12 WordPress
WordPressとは、ブログを書くために作られたオープンソースソフトウェアです。 世界で一番使われているブログツールであり、企業だけでなく、個人でも使えるということも有り、現在では幅広いサイトでWordPressが利用されています。

続きを見る

MovableTypeでDataAPIを使って最新記事を出力する

MovableTypeでDataAPIを使って最新記事を出力する

2017.08.26 MovableType
MovableType6の特徴の一つに「DataAPI」が柔軟に利用できることが挙げられます。 そこで、基本的な操作を行いました。サンプルとして、ブログから最新の記事を5件トップページに読み込み、ブログ記事のタイトルと概要を出力。スタイルシートで今まで通りレイアウト出来きますので、デザインもこれまでと変わりなく、さらに柔軟です。将来性も広がります。

続きを見る

roleの役割と構造化マークアップ

roleの役割と構造化マークアップ

2017.05.01 SEO
roleによるウェブサイトの骨格作りと各セクショニング要素による構造的なマークアップ。roleによって分割された領域に対し、schema.orgを利用したセマンティックウェブ。日常的な利用についてメモしました。

続きを見る

ウェブアクセシビリティとは

ウェブアクセシビリティとは

2017.04.13 Webアクセシビリティ
一番大切なのはサイトを訪れる人に満足した結果をもたらす優良な情報提供です。作っただけで終わらない、見る人のことを考え、たくさんの人と情報を共有できる事が何よりも大切です。導入を考える段階で重要なのは、アクセシビリティへの理解を示し、目標を設定することです。

続きを見る