MacにHomebrewをインストールする - Qiita
環境：Mac OS X 10.9.4 HomebrewはMacにソフトウェアやライブラリをインストールするパッケージ管理システム。 HomebrewはMacPortsの後発パッケージで、MacPortsの様にすべてのライブラリをダウンロードするのではなく、Macに入っているライブラリを極力使用するのが特徴。 ※ MacPortsとHomebrewは共存しない方が安全らしいです。 Homebrewを使用すると、/usr/localディレクトリ以下にインストールされます。 Command Line Tools for Xcodeのインストール Homebrewのインストールには、Command Line Tools for Xcodeが必要なのでインストールします。 ※ 事前にXcodeがインストール（App Storeからインストールできます）されて、ライセンス使用許諾契約に同意済みであるこ
macOSでディスプレイ1枚で作業する技術 - Qiita
今まで、自宅・職場では外部ディスプレイを使って作業をしてましたが最近はRoostを使い始めて、家でも外でもRoostと外部キーボード、マウスで仕事するようになりました。これで肩の痛みが激減したので下を向いて作業する時間が多いと首の筋肉に引っ張られて肩が凝るみたいですね。 ここできになるのはディスプレイ1枚だと画面切り替え大変じゃないのってところなのですが、以前 @reoring さんに教えてもらって自分にすごいフィットしたので共有しておきます。あまりmacのデスクトップについての記事がないような。 [追記2020/11/16] macOS 11.0 Big Sur(Intel) で動作確認できました。Total Spaces2をBig Surより前から使っている場合は最新版(v2.9.6~)を再インストールする必要があります。 TL;DR デスクトップを10画面作成する ショートカットキー
Wockerを使ってローカルに簡単にWordPressの複数環境を作る - でーじてとこん
WordPressのテーマとかいじりたい時に自分のマシンに環境作ってみますよね。 というかガッツリテーマいじりたいのに本番環境直接触るとか恐すぎですよね。（まぁ簡単な修正ならやってしまいがちだけど） 今まではMAMPを使ってたんですけどちょっとWockerを試してみたのでインストールしてローカルに複数環境作るまでをメモがてら書いておきます。 メモなんでWockerとは何か？とかVagrantとは？みたいな説明は省きます。 どうしてWocker使うのか？マシン新しくしたタイミングでWordPressの開発環境も作り直そうとか思って、それとちょっとDocker触ってみたいなと思っていて、Docker+WordPress=Wockerという結論になりました。（ちゃんと調べてないけどWockerの名前ってDocker+WordPressからきてるんだよね？？） あとWockerは複数環境作るのが楽
大規模プロダクトにおけるフロントエンドの1年間の変化 - Qiita
プロダクトに関わるエンジニアは40人近くいて、弊社ではフロントエンド/サーバーサイドといった明確な線引きがないため全員がフロントエンドに触れる機会が有りえます。開発チーム・コード共にそれなりに大規模と言えるのではないでしょうか。 やったこと モジュール間の依存解決 もともとRailsのSprocketsに沿ってjsを書いていたため、classは全て一つのグローバル変数に格納され、全てのjsが結合された巨大なapplication.jsをロードしている状態で、メンテナビリティやパフォーマンスに大きな問題を抱えていました。そこで去年よりWebpackを導入し、各モジュールの依存関係を整理してjsファイルを適切な単位に分割するようにしました。ファイル数が多いため段階的に作業をつづけ、今年ようやく全てのファイルの依存解決が完了することができました。 過渡期はWebpackとSprockets両方か
MAMPを使ってローカル環境にWordPressをインストールする方法
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPress は、Web 上で記事を管理できる便利さがある反面、作成途中のコンテンツを公開してしまったり、画像を整理していたときに必要な写真を削除してしまうミスが起こりえる。 また、管理者のアクセス権限を行っていない場合、セキュリティの観点からも危険だ。 MAMP（マンプ）というフリーソフトを使うと、あなたの Mac に擬似的にサーバーを作る事ができるので、そのような危険性もなくなる。また、テーマやプラグインの検証としても利用できる。 WordPress を管理していくなら必須のソフトなので詳しくご紹介したい。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メデ
Macでローカル環境にWordPressをインストールする - Qiita
Macでローカル環境にWordpressをインストールする時の手順を解説します。 すでに多くの先人が同じような記事を書かれていますが、 OSとMAMPともに最新のバージョンでインストールしたのと 自分への忘備録も兼ねて、ここに記事を残しておきます。 試した環境は ・Macbook Air（13-inch, Early 2015） ・OS X El Capitan（10.11.2） ・MAMP 3.5 (Mac OS X) ・WordPress 4.4 です。 まずはMAMPの公式サイトに行き、最新のインストーラを取得します。 1. MAMPインストール MAMPダウンロード https://www.mamp.info/en/downloads/ ダウンロードしたインストーラを起動します。 MAMPのインストールが完了したら、MAMPを起動します。 初回起動のときに下記のようなウィンドウが出
QiitaのCSS構成2016 - Qiita
Qiitaを開発しているIncrementsで、フロントエンドをやっていってる @morishitter です。入社して4ヶ月が経ち、会社にも少しずつ慣れてきました。 CSS Advent Calendar 2016 の1日目の記事として、Qiita及びQiita:TeamでのCSSの構成について書きます。 脱Sprockets Qiita / Qiita:Teamでは、サーバーサイドのアプリケーションフレームワークとしてRuby on Railsを採用しています。そのため、これまでは Sprockets というRailsにbundleされているassetビルドツールを使ってSassをCSSにコンパイルしていました。しかし今では、全てのCSS, JSのビルドをNode.jsで行っています。 CSSでの移行手順はざっと以下の通りです。 まず、Sprocketsで使われているRuby製のSas
ブラウザだけで今すぐ使える！無料の「ゲーム開発環境」Webサービス厳選まとめ！ - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、「ゲーム開発」にご興味あるでしょうか？ 最近人気の「Unity」みたいな統合開発環境があれば、かなり本格的なゲーム作りが個人でも可能になってきましたが、実はこのような統合型の開発環境をブラウザ上で実現するサービスがいくつか存在します。 そこで今回は、用途別に厳選したオススメのサービスをご紹介しようと思いますので、ご興味ある方はぜひトライしてみてください！ ■本気で作り込める「2Dゲーム」開発環境！ 【 WiMi5 】 ゲームに使う「ステージ」作りをグラフィカルに設定し、キャラのアニメーションやメインのゲームロジック、最終的な書き出しまですべてカバーする統合開発環境が「WiMi5」です。 シューティング、RPG、パズル、アクション…など、基本的に2Dゲームならどんなゲームでも制作可能で、すでに多くのユーザーが多彩なゲームを公開していま
@t_wada さんの「Mac の開発環境構築を自動化する (2015 年初旬編)」をAnsible ベストプラクティスに則り書き換えてみた - production.log
概要 t-wada.hatenablog.jp Ansibleでmacの環境構築する際、id:t-wada さんの上記の記事を参考したのですが、 Ansible Best Practicesに沿っていなかったので、書き直してみました。 Ansibleを動かすまで こちらは、t_wadaさんの記事のままです。 sudo xcodebuild -license xcode-select --install ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" brew doctor brew update brew install python brew install ansible どこを直したのか twada/macbook-provisioning hoshin
ローカル開発環境をもっとたくさんの人に使ってもらいたくてDockerで作りました - Qiita
始めに 最近ウェブ開発でローカル環境を使って欲しいなぁ、とすごく思うようになりました。 慣れてしまえば開発効率が上がると思うんですけど、その導入が大変なんですよね。 仕事で一緒になった方々に手作業で構築していましたが、もっと簡単にできないかなということで作りました。 Mac用です。名前はDAMP(Docker Apache MySQL PHP。 XAMPP, MAMPから取りました。)です。 Apache、MySQL、PHPが動きます。 （2018年11月8日）PHP7.2に対応しました 1.7.2でPHP7.2に対応しました。 https://github.com/yousan/damp/releases/tag/1.7.2 サンプルのdocker-compose.ymlはこちらです。 https://github.com/yousan/damp/blob/master/docker-c
Macでの開発環境構築をできる限り自動化する。 - Qiita
2023-03-24追記 気がつけばこのポストも7年の月日が経過しました。 くっそしょうもない話でしかないのに、妙に人気のある本記事です。 実のところあの頃のスクリプトを秘伝のタレのように微妙に変えながら使い続けて、と来たわけですが、 そうこうしている間に、時は流れ、Appleはx86を捨て、そしていつの間にか人類は自分の母語でやりたいこと書けば大体よしななコードが書かれる時代が到来しました。文字通りの未来です。 そして、Macをセットアップする最初に数時間を節約するために、わざわざスクリプトを親切に書き直すというモチベーションはそうそう湧くわけもなかった私に、7年前にやるべきだったことを変わりに、私でも、ましては人類でもなく、コンピュータ自身がその仕事をやってくれる時代が訪れました。 ありがとう、ChatGPT。彼（彼女？ああ、non-binary?コレも違うな）がやってくれました。 （
WordPressコアコントリビューターに聞く「ぼくのかんがえた最強の開発環境」
WordPressで開発をするなら、いまどきどんなツールを使うのがいい？ WordPress専門のデベロッパーであり、コアコントリビューターでもあるMatt Geriさんがおすすめるする、最高の開発環境とは？ 近年、WordPressによる開発は大きな進展を遂げています。特に、ツールに関しては。以前は、WordPressでサイトを構築しようものなら、ほぼ確実にMAMP/WAMPのローカルホスティングの設定をしなければならず、それはもう悩みの種でしたよね。ひょっとしたら、本番の状態でサイトの開発を進めなければならなかったりしました。 そう、私もその一人でした。 幸い、時代は変わり、いまではそんな頭痛の種や反復作業を取り除くツールが出てきました。 WordPress開発業者としてフルタイムで開発をしていた私は、WordPressから離れて丸3年後の2015年12月、再びフルタイムのWordPr
作業用に買った4Kディスプレイが届いた - ✘╹◡╹✘
43型4Kディスプレイ注文したので決め手を書いとく - ✘╹◡╹✘ で書いてたやつが届いたので、様子を紹介します。はてなブログの貼り付け機能便利ですね。全然文章書かなくても貼り付けていくだけで何かが生成される。 購入したやつ Philips 43型ワイド液晶ディスプレイ (4K対応/IPSパネル/5年間フル保証) BDM4350UC/11 出版社/メーカー: Philips(フィリップス)発売日: 2016/04/15メディア: Personal Computersこの商品を含むブログを見る 他の検討候補 DOSHISHA 43型 4K液晶ディスプレイ D431US 出版社/メーカー: DOSHISHA発売日: 2015/10/20メディア: Personal Computersこの商品を含むブログを見る I-O DATA 40型ワイド液晶ディスプレイ (HDMI端子4K/60Hz・HDC
【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの？ - paiza times
Photo by Peter Petrus こんにちは。谷口です。 他人の開発環境って気になりませんか？私は気になります。 誰かの作業を見ていて「何そのツール知らなかった」「えっそのコマンド便利そう」となったことありませんか？ 自分以外のエンジニアは、自分の知らない便利な何かを使っているかもしれない。というか多分使っている。 というわけで、paizaの中のエンジニアたちにそれぞれの開発環境やこれがなくなったら開発できないというハードやソフトや便利な設定、毎日のように使っているコマンドなど、とにかく開発環境について聞きまくってきました。エンジニアの皆さんにとって新たな発見となる項目や参考になる部分があればと思います。 ちなみに弊社のPCは基本的に全員MacBook（3年ごとに買い替え可能）です。ディスプレイも自分の好きなものがあれば買ってもらえます。（だからPCとディスプレイは後から入った人
簡単に捨てれる 開発/検証環境
https://gsdevelopers.doorkeeper.jp/events/42497
Homebrew Servicesを使ってサービスを管理する
B! 79 0 0 0 HomebrewはMacのパッケージマネージャーですが、 plistの管理の記述があるパッケージに関しては、 Homebrew側でサービス(Macのlaunchctlで管理するもの)を管理する事が出来ます。 homebrew-services GUIで管理 Formulaの書き方 homebrew-services Homebrew Servicesはレポジトリをtapするとservicesという Homebrewのサブコマンドが使える様になります。 serviceではなくてservicesと複数形なのでちょっと注意。 (Linuxとかだと/sbin/serviceとかが単数形なので。) tapすると、と書きましたが、実際には servicesコマンドを使おうとすると勝手にtapされるので 自分でtapする必要はありません。 使うのはmysqlの様なバックグラウンド
2016年版 フロントエンド開発フォーマット
実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. ア
僕なりのフロントエンド開発環境2016年版 - Qiita
ちょっとバージョンアップ http://qiita.com/koh110/items/f6ecbdc03093675a9527 自分なりに使いやすいフロントエンドの開発環境を整えて使っていたけれど、だんだん時代の流れにそぐわない箇所が出てきたのでその部分を書き換えてアップデートしてみた。 http://qiita.com/koh110/items/9c750fb67e40481e52cd 昔のバージョンはv1.0.0というブランチに切り出し https://github.com/koh110/minjsapp やめたもの gulp-load-plugins run-sequence bower モジュールやライブラリへの依存度を下げたかった 変更したもの gulp-babel -> webpack + babel-loader requireしたかった 追加したもの sassコンパル 生c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コードエディター「Atom」が統合開発環境に ～GitHub、「Atom IDE」を発表／「Git」統合を改善した「Atom 1.20」正式版もリリース
http://post.simplie.jp/posts/46
