イイダリョウのブログ。JSフロントエンド開発環境の続きです。前回はESLintでコードチェックをしてみました。今回はコードフォーマッター「Prettier」でコードの整形をしてみます。JSだけでなくHTML、CSSなどもできるみたい。JS以前、フロントエンドの開発環境についていろいろ調べた記事を書きました。その後、Gulp、Babel、Webpackのフロント開発三兄弟を体験しました。今回はESLintを使った構文チェックをやってTRY!それではいきませう。JSwebpackの続きです。これまでフロント開発3銃士のうちGulpとBabelを触ってみたので、今回は最後の一つ、webpackを触ってみる。以前のJSモジュールの記事のjsファイルをバンドルしてみました。JSJSコンパイル系の続きで今回はBabelです。前回はAltJSのTypeScriptをGulpでコンパイルしました。今回のBabelはESの新しい書式を従来の書式(ES5)に変換します。JSGulpの続きです。前回はAltCSSのSass(SCSS)をコンパイルしました。今回はAltJSのTypeScriptをコンパイルします。CSSGulpの続きです。前回はHTMLテンプレートエンジンのEJSをコンパイルしました。今回はAltCSSのSass(SCSS)をコンパイルします。HTMLGulpの続きです。前回はHTMLテンプレートエンジンのPugをGulpでコンパイルしました。今回はEJSのコンパイルにトライ。HTMLGulpの続きです。前回はローカルにインストールができました。今回はHTMLテンプレートエンジン「Pug」のコンパイルをやってみたいと思います。メタ言語全体としても自分の中での初コンパイルになります。それではいきましょう!【HTML】PugをGulpでコンパイルしてみる(メタ言語初コンパイル!)2019-11-21Gulpインストールでけった〜!!(package.json作り忘れてた。)開発環境メタ言語のコンパイル環境を作る!続きです。前回、Gulpのインストールを試みて、うまくいかず苦戦中です。インストールに至るまでの実録!後編ですwGulpインストールでけった〜!!(package.json作り忘れてた。)2019-11-20Gulpのインストールが5分で出来なかった話(苦戦中)開発環境メタ言語のコンパイル環境を作る!続きです。前回はコンパイル方法を検討しました。scriptsが候補となりましたが、まずはGulpから体験してみようぞホトトギス。*1:と、ハイテンションで始めたが今回は悪戦苦闘な展開にな...Gulpのインストールが5分で出来なかった話(苦戦中)2019-11-14【Gulpかnpm-scriptsか】メタ言語のコンパイル方法を調査・検討した開発環境メタ言語のコンパイル環境を作る!続きです。前回はメタ言語を選定しました。今回は言語をコンパイルするタスクランナーを選定します。デザインWebサイトのデザインや設計を行うとき、昔は工程によっていろんなツールを使い分けていました。メタ言語(HTMLテンプレートエンジン、AltCSS、AltJS)をやってみた。その後、CodePenでは体験できないEJSなどの存在も知り、そろそろローカル環境にメタ言語のコンパイル環境を作りくなった。以前書いたGoogleアナリティクス(GA)の続きです。前回はGoogleアナリティクスの基本であるユーザー、セッション、PVの関係について書きました。前回に引き続き、AWSについて調べていきます。前回調べたWebサイトホスティングに該当する実際のAWSのサービス「EC2」「RDB」「ELB」「S3」などについて。Lightsail、EBS、RDS、ELB、S3)2019-07-24AWSを理解するために調べたこと(Webサイトホスティング編)開発環境AWS(アマゾンウェブサービス)について詳しくなりたくいろいろ調べています。当面の目標はステージング環境を作ること。AWSの「いろは」的なスライドがあったのでその中に出てくるわからない単語を調べながら読み進める。「モダン環境」にしたいなーと思いつつ知識がなさすぎて足踏みしていました。「ないならば、つけてしまおう知識ギス」というこでとにもかくにも調べ始めています。キャリアパスWebデザイナーとフロントエンドエンジニアを分かつキーワードがいくつかありますが、その中の一つ「webpack」について急速に知りたくなり、調べてみた記録。アプリ令和からアクティブに行こう!ということで初めて勉強会に参加してみた。#5」、PWAは前から記事などで気にはしていたけど実際にどんなものなのか知っておきたく。GitHub全国一千万人(?)の黒い画面に不慣れの皆さん、こんばんは。ここ最近、Webデザイナーがより気軽にサーバサイド言語に触れる方法を模索しておりましたが、ようやくキタコレ的な方法にたどり着けました。クラウドサービス「Heroku」です。GitHubGitHubシリーズの続きです。前回、ブラウザ上だけでリポジトリを作ってWebページを作成しました。今回はローカル環境(SourceTree)にリポジトリをクローン(複製)し、そこで行ったコミット(更新)をGitHubにプッシュ(反映)します。JSソフトウェア開発プラットフォーム「GitHub」。バージョン管理システム(Git)によって複数人数での開発ができます。「黒い画面」を叩いて開発するイメージがありますが「SourceTree」というGUIツールもありますよ。JS「前編」の続きです。前編ではフォルダ作成(mkdir)、ファイル作成(touch)・複製(cp)・移動(mv)・削除(rm)を行いました。後編ではいよいよテキストエディタを使わず、黒い画面だけでコーディングを行います。JS「初めての黒い画面」以降、ちょいちょい黒い画面(ターミナル)に触れてきましてだんだんと慣れてきています。ここらで新たな試みをしてみます。開発環境このところ、データサイエンティストによるデータ分析記事が様々な切り口で興味深々です。皆さんPythonでプログラミングをしているようです。私もやってみたくなってきました。worldまでやってみました。開発環境Webサイトは作って終わりじゃない!作ったあとの分析も大事。アクセス解析=Googleアナリティクス(GA)といっても過言ではない必須ツールですが、最初は膨大な数字の山に戸惑いますよね。JSWebサイト制作で欠かせないChrome「デベロッパーツール」。HTML、CSS、JSのリアルタイム修正から入るのがおすすめ。JS前回、タブレットだけで技術ブログが書けるのか検証した結果、もしかしてだけどこれならスマホだけでも技術ブログが書けるんじゃないの?という気になってきたので、実際にやってみる。ライフハックお絵描きしたくて購入したiPad。Computer?」れるんじゃない?という気がしてきて文字入力についていろいろ検証した。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。