イイダリョウのブログ。「モダン環境」にしたいなーと思いつつ知識がなさすぎて足踏みしていました。「ないならば、つけてしまおう知識ギス」というこでとにもかくにも調べ始めています。(バージョン管理)構文チェック(2020/01/21追記)テスト(TDD)ローカル環境(Dockerなど)ステージング環境(AWSなど)mBaaS(Firabaseなど)(※2019/07/11追記)最後にWeb開発環境まとめqiita.comフロント開発環境全体どんな物が必要なのか。どんな流れで使うのか、など。Vue.jsの拡張フレームワークNuxt.js。VueのコンポーネントElementUI。コードフォーマッターPrettier。構文チェックESLint、などを知る。QiitaVuex(VueのV以外の部分を補完するFlux)、Vue-Router(エコシステム)など、Vueをやり始めてるのでここら辺のキーワードは気になる。Qiita2017年だが海外の5000人からのアンケート。Qiitaこれもフロントエンド開発全般の流れがまとまっている。〜え、ちょっとフロントやること多すぎじゃない!?〜ああ、2016年だからな。Mediumいやいや、逃げちゃダメだ。CCが入ってるのでその流れでDreamweaverを使っている。ライブビューなど使わず普通のエディタ機能しか使ってないのでDWにこだわりはない。だいたい目につくのはこの4つ。Text、ATOM、DW、Brackets。転職ガイド】ピクセルグリッドの方が一人一人どんなエディタを使っているかがわかる。Code使い分ける場面がありそう。フロントエンドエンジニアの方に質問!エディタは何を使われていますか?WebデザイナーでCC使ってるとその流れでDWだったりする。エンジニアはどうなのかなと。CodeなどのIDE使ってるよって人がどれくらいなのかなと思い。Qiitaいろいろ拡張ができそう。MEDIAIDE(統合開発環境)エディタじゃなくてIDE使うよって人も結構いるみたい。TechAcademyマガジントランスパイル、モジュール化などテンプレートエンジン、AltCSS、AltCSSなど。SCSS、TypeScriptなど。CodePenで記法自体は気軽に体験できる。クモのようにコツコツと自力でトランスパイルもできるようなりたい。ついでにモジュール化やコードチェックも。以前かいたWebPackを始めとるすツールたちを検討中。blog動かすにはNode.jsのnpm環境を構築する必要がありそう。※参考:https://qiita.com/Yoshipe/items/f89449b716968a59e57dフロントエンドのモジュール管理にはBowerがいいらしい。blogモジュール管理はESからもたらされた。MEDIAたくさんある。それぞれの違いや位置づけを理解したい。(バージョン管理)Gitしないとチーム作業がしにくい。「修正したのでダウンロードお願いしまーす」「あっ、先祖返りしてる!」とか。バックアップもディレクトリごと複製して日付付けてとか修正点がわかりにくいしファイルサイズが増えていく。有名なのはもちろんGitHub。商用利用の場合のGitHub以外の手段を検討中。Bitbucket、GitLab、CloudForge、tracpathとか。QiitaGUIはSourceTreeでええのんか?系の記事。text.Baldanders.infoGUIに依存せずCUIでコマンドを打つ!の記事。東京のWeb制作会社LIGGitでよく使うコマンド。QiitaChromeデベロッパーツールでのJSデバッグ、もっと使いこなしたい。ブレークポイントとか。MEDIAテスト(TDD)TDD(テスト駆動開発)の導入が必要か、不要か。DeckフロントエンドとTDDはマッチしないかも系の記事。Qiitaローカル環境(Dockerなど)Dockerの導入が必要か。これまで通りMAMPでええのんか。console.lealog();Dockerが必要か不要か。blogステージング環境(AWSなど)本番サーバ環境と同じ環境を再現して検証するステージング環境。これまでは自社サイトの下層ディレクトリにあげたりして全然ステージングできてないwステージング環境とは何か。※参考:ステージング環境とは結局なんなのか。Qiitaステージング環境にAWSの構築が必要か。QiitaAWS自体が多機能すぎてわかりにくい上、高額請求みたいな話を聞くとどうしてもASWこわい。QiitamBaaS(Firabaseなど)(※2019/07/11追記)mBaaSとはなんぞや。ボクシルマガジンmBaaSはなんといってもGoogleが提供するFireBaseが気になる。株式会社トップゲートフロントエンドとの相性は良さそう。QiitaVue.jsとの連携。ウェブ系ウシジマくんのテックブログNode.js、expressとの連携(2020/02/07追記)※参考:Firebaseで動的なサイト(Node.js+Express)をデプロイするまで。Qiita最後に私の環境はいわゆる典型的な「レガシー環境」。ローカルサーバはMAMP、本番公開はFTPで直接上書きアップ。ステージング環境もなくて本番サーバや自社サイトサーバの下層にアップです。個人作業ならともかくチーム作業する上で不便に感じることご増えてきてます。便利に安全に作りたい。わーーっと調べてるけど正直、何から手をつけるべきかロードマップ的なイメージかまだない。重要、かつ早く導入できそうなものから手を付けていこうと思います。導入過程は引き続き記事にしていきます。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。(24)リンクTwitterInstagramYoutubeCodePenGitHubPinterestQuolaFacebooknoteQiitaはてなブログをはじめよう!idr_zzさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。