DockerにWebpackをインストールしてみよう
2023.01.10
DockerDesktopを使用してWebpackのプロジェクトを素早く起動していく方法を解説します。DockerにWebpackをインストールするには、プロジェクトディレクトリを新規作成し、コンテナのベースとなるイメージを指定する必要があります。今回はnpmを使用してWebpackをDockerコンテナにインストールする方法を説明します。
NEW TOPICS
Dockerの利用開始
2023.01.05
Dockerは、アプリケーションをコンテナで実行できるようにするツールです。コンテナとは、分かりやすく言えば仮想環境ですが、他の環境と比較しても非常に軽量で高速に動作するのが特徴です。環境設定、開発環境など、アプリケーションの実行に必要なすべてのものを含む、パッケージです。Dockerを使用すると、コンテナ化されたそれぞれの環境で個別のアプリケーションを実行することができ、非常に便利です。
MacにHomebrewでPHPをインストールする方法
2023.01.02
MacにPHPをインストールする方法を解説します。まずはHomebrewの公式サイトにアクセスし、コマンドをコピーします。ターミナルにコマンドを貼り付けインストールを実行します。
MacでPHP環境を構築するなら「MAMP」がオススメ
2022.12.30
MAMPを使うべき理由を解説します。無償のオープンソース開発環境のため、導入やカスタマイズも容易で柔軟。開発環境だけでなく、開発環境とWebサーバーを1つにまとめることもできます。
命名規則について
2021.07.26
コーディングに際して自分なりに考えた設計ルールを書いておきます。今回は以下の簡単なデザインカンプを例にして解説していきます。デザイン時の使用ソフトはadobe XDです。
LIST
PremierePro テロップのいれ方
2021.07.12 Premiere Pro
PremireProのテロップ入れについて、その方法を伝授！今でこそTVをつけると当たり前のようにテロップが入っていますが、最初にテロップを使用したのは【探偵ナイトスクープ】だそうです。テロップはあくまでも字幕のようにつらつらと言葉を読ませるのではなく、動画で伝えたいことを視聴者が察する手助けするのが役割です。
Premiere Pro カット編集
2021.07.10 Premiere Pro
近年、ますます需要の高まっている動画編集。クラウドワークスなどのスキルマーケットでも石を投げれば当たるほど動画編集の案件はたくさん出てきます。Premiere ProはテレビやCM、映画などのプロの映像制作現場でも使用されるAdobeの映像編集ソフトです。撮影した映像を編集し、特殊効果を加え、DVDや携帯電話、またYoutube用に変換して書き出すこともできます。photoshopなどのAdobeソフトとの連携が取れることも魅力の一つです。
Gulp.jsでテンプレート開発を高速化！
2018.12.21 Web
テンプレート開発を効率化させるGulpでファイルの圧縮・自動リロードを行うと便利です。Node.jsをベースにしたフロントエンドツールで別名「タスクランナー」と呼ばれています。実際の利用方法を目的別に解説しています。
無料サービスGtiHub Pagesで作るポートフォリオ
2018.11.30 Web
無料でWeb上にポートフォリオが作れるGithubPages。新しいGitの使い方をご紹介します。エンジニア・Webデザイナーを目指す方にはご自身のスキルを見ていただく機会も多くあります。そんな時、Web上での成果を見れる事は、最大のPRポイントになります。またポートフォリオ自体が成果物にもなるのでオススメ。
Webサイトの表示速度を改善！【PageSpeed Insightsとは？】
2018.03.21 HTML
ページランクに影響もある、ウェブサイトの表示速度を測ったことはありますか？2018年1月にGoogleの公式ブログで発表されたシグナルでは、 2018年7 月よりページの読み込み速度をモバイル検索のランキング要素として使用することを明言しました。
今回は、PageSpeed Insightsを使って、ウェブサイトの表示速度がどのくらいのランクなのかを実際に調べてみました。
「WordPress.com」と「WordPress.org」の違いとは？
2018.03.12 WordPress
WordPressとは、ブログを書くために作られたオープンソースソフトウェアです。
世界で一番使われているブログツールであり、企業だけでなく、個人でも使えるということも有り、現在では幅広いサイトでWordPressが利用されています。
MovableTypeでDataAPIを使って最新記事を出力する
2017.08.26 MovableType
MovableType6の特徴の一つに「DataAPI」が柔軟に利用できることが挙げられます。
そこで、基本的な操作を行いました。サンプルとして、ブログから最新の記事を5件トップページに読み込み、ブログ記事のタイトルと概要を出力。スタイルシートで今まで通りレイアウト出来きますので、デザインもこれまでと変わりなく、さらに柔軟です。将来性も広がります。
roleの役割と構造化マークアップ
2017.05.01 SEO
roleによるウェブサイトの骨格作りと各セクショニング要素による構造的なマークアップ。roleによって分割された領域に対し、schema.orgを利用したセマンティックウェブ。日常的な利用についてメモしました。
