WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
これだけは知っておきたい！ IllustratorでのWebデザイン。 | ネクストページブログ
HOMEブログウェブ制作これだけは知っておきたい！ IllustratorでのWebデザイン。 | ネクストページブログ 今週のブログを担当します、デザイナーの西川です。 前回はPhotoshopを使用してWebデザインをするときのポイントをご紹介しました。 今回はIllustratorでWebデザインするときに、これだけは知っておきたいポイントをご紹介します。 これだけは知っておきたい！ PhotoshopでのWebデザイン Illustratorでデザインするメリット 文字やベクター画像がきれい 動作が安定 操作が直感的 ●画像、色、レイヤースタイルなど描画がきれい ベクター形式のソフトウェアなので、文字や図形などのベクターオブジェクトを綺麗に制作することができます。 ●動作が安定 長時間使用しているとフリーズしてしまうFireworksとは違い、動作が安定しています。 また、CCにな
はじめてWebデザインをするときにしておいた方がよいPhotoshopの設定7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのすーちゃんです。 梅雨が明けたと思ったら太陽が容赦なくて干からびそうですね！ さて、Webデザインをするとき、みなさんはなんのツールを使いますか？ いろいろありますが、一番ポピュラーなのはPhotoshopですよね！ 今回は、これからWebデザインをはじめてみたい人のために、はじめにやっておくといいPhotoshopの設定をご紹介したいと思います！ どうしてはじめに設定が必要なの？ どうしてWebデザインの話なのに、Photoshopの設定について話すのか、次からご説明したいと思います。 設定なんて面倒くさい！ 「設定なんて面倒なことしないで、すぐにデザインしたいのに！」と思っている方もいらっしゃるでしょう。 「設定」とか「取扱説明書」とかって、省けるものなら省きたいですよね。 わかります。 わりとどんなツールでも難なく使いこなせてしまう！ という方は全然問題ない
Web開発が加速する！Adobe製無償テキストエディター「Brackets」
一昔前はプロプライエタリ・ソフトウェアが一般的だったテキストエディターも、多くがOSS(オープンソースソフトウェア)化を選択するようになった。アジャイル開発が進む開発の現場でも「Atom」など、OSS製テキストエディターを選択する場面が増えているが、今回取り上げるのはAdobe SystemsがOSSとして公開している「Brackets」である。 Adobe Systems製OSSテキストエディター「Brackets」。本体自身もHTMLやCSS、JavaScriptで開発されている。最初から日本語化(OSのシステム言語に依存)されているのもうれしい HTMLやCSS、JavaScriptのコーディングに特化したOSS製テキストエディターとして、2011年12月から開発をスタートし、2016年6月には最新版となるバージョン1.7をリリースしたばかりだ。ソースコードはもちろん、Windows
XAMPPのインストール2 - 肉球ふみふみ
昨日の続きです。 php.iniの編集でセキュリティのページは文字化けが治りましたが、ステータスのページが文字化けをおこしたままでした。 こちらを参考に修正しました。 www.goma.pw C:¥xampp¥htdocs¥xampp¥lang¥jp.php の修正 →編集はせずに文字コードをUTF-8にて再保存。 C:¥xampp¥htdocs¥xampp¥langsettings.php の修正 →12行の文字コードcharset=shift-jisをcharset=utf-8に修正 header("Content-Type: text/html; charset=utf-8"); こちらもUTF-8にて保存。 以上でステータスのページも文字化けが解消されました。 次は設定に移りたいと思います。
XAMPP バーチャルホストの設定 | Webエンジニアブログ
Windows8にインストールしたXAMPPのVirtual Host設定方法とhostsを利用したServerNameの管理 名前ベースのバーチャルホストを追加 XAMPPでバーチャルホストを設定する方法について書いてみる。対象のバージョンは、XAMPP1.8.3で作業した内容を記事にした。 最初のVirtual Host XAMPPを標準インストールすると C:\xampp\apache\conf\extra に httpd-vhosts.conf というバーチャルホストを設定するためのファイルがある。このファイルにバーチャルホストの servername port などを設定することでVirtual Hostを追加していくことが可能。XAMPPの初期状態でhttpd-vhosts.confを開くと、コメントアウトされた説明や設定のサンプルが記載されているが、末尾に以下のバーチャルホス
ApacheのVirtualHostで存在しないホストに404を返す - Git & ぎったん
VirtualHost ずっと使ってたのに最近まで知らなかったのでメモ。 ApacheのVirtualHost機能を使って、1つのマシンで www.example.com blog.example.com bbs.example.com みたいに複数のWebサイトを建ててるとする。 さて、すると上記のサイトにももちろんアクセスはあるが、一方 test.example.com とか nonexistent.example.com などの、 自分では設定してないホスト名へのアクセスも来たとしよう。 こういうリクエストに対しては 404 を返したいな、と考えたとする。 どうすればよいか。 適当にggったバーチャルホストの説明ページによれば、自分では設定してないホスト名へのアクセスの処理は (...) つまり、リクエストが どの ServerName ディレクティブにもマッチしない場合、 一番最初
WordPressのインストール | Webエンジニアブログ
ローカルにインストールする方法と無料サーバを利用してインストールする方法 WordPressをローカルにインストール 無料サーバHostingerにインストール WordPressをローカルにインストール Hostingerという無料プランのあるホスティングサービスを利用してみたので、ローカルへのインストール方法と合わせて書いてみることにした。 想定する環境 Windows8にインストールされたXAMPP(1.8.3 PHP5.5.11)にWordPressをインストールします。 ダウンロード 公式サイトからWordPress3.9.1日本語版をダウンロードしました。 http://ja.wordpress.org/ ファイルの配置 ダウンロードしたzipファイルを展開して C:\xampp\htdocs\vhost\wordpress391ja2 にコピーします。コピー後のフォルダ階層は
バーチャルホストを設定する-独学!未経験からWebデザイナーになる!!
Apache-バーチャルホストを設定する(VirtualHost) Apache（アパッチ）のVirtualHostにより、より本番に近い環境でテスト環境を構築する方法をご紹介します。 ※当サイトは、アフィリエイト広告を掲載し、収益を得て運営しています。 ローカルでテストサーバーを立てると、http://localhost/でアクセスできるようになります。この方法で複数のサイトをテストするには、一つ目のサイトがhttp://localhost/hogefoobar1.co.jp/ で、二つ目のサイトが http://localhost/hoagefoobar2.co.jp/ という具合になるでしょうか。しかし、このような方法は一つ問題点が出てきます。それは、本番サーバーと階層が異なってしまうということです。 たとえば、本番のURIがhttp://www.hogefoobar1.co.jp/
XAMPPのインストールと設定、セキュリティ、使い方、トラブル対処
ローカル環境に開発環境を構築 XAMPPとは？ ローカル上に、Webサーバーやデーターベースを構築し、PHP ,MySQL ,Perlを利用できる環境を簡単に構築できる無料のソフトウェア。 Windowsだけではなく、Linux や Mac 用もあります。 Macの場合、僕には、XAMPPの設定は難しかったです。 Mac用には、MAMPというものがあり、以前、記事にしました。 MAMPのインストール、設定、使い方 for MacINTERNET HACK | INTERNET HACK. XAMPPのダウンロード XAMPP Installers and Downloads for Apache Friends. Download XAMPP. XAMPPのインストール前の準備 Apache以外のWebサーバーがあれば、XAMPPのインストール前に、アンインストール。 また、以前にPHP,
PHP開発には単なるエディタだけでなく、もっと良い環境を - Webアプリエンジニア養成読本 AdventCalendar2014 22日目 - uzullaがブログ
いきなり宣伝ですが、エンジニアのお祭りYAPC::Asia Tokyo 2015の情報をもれなくチェックするためのメール通知サービスが開始されました！ YAPC::Asia Tokyo 2015 毎年「チケット販売いつのまにおわったの…」等といった悲しい声をいただきます。わすれないように是非上記リンクより、メールアドレスを登録しましょう！ さておき、本エントリはWebアプリエンジニア養成読本アドベントカレンダーです。 Webアプリエンジニア養成読本 Advent Calendar 2014 - Qiita Webアプリエンジニア養成読本[しくみ、開発、環境構築・運用…全体像を最新知識で最初から! ] (Software Design plus) 作者:和田 裕介,石田 絢一 (uzulla),すがわら まさのり,斎藤 祐一郎技術評論社Amazon私の担当分においては、こちらの書籍でお話でき
正式版リリース間近！Web制作の作業が驚くほど捗る『Avocode』最速レビュー
PNG Hat, CSS Hatなど、Web制作に役立つツールを数多く開発しているMadeBySourceが新たにリリースする『Avocode』の正式版のリリースがいよいよ間近になりました！ 一足先にプレオーダー版が届いたので、さっそくレビューします。 ベータ版の機能が限定されている時でも「こいつはすげえ」と思ってましたが、現在の最新版は更にヤバイです。 Avocode と、レビューの前にお得な情報を。 Avocodeはリリース前の早期割引として、キャンペーンを行っています。 通常$240が、約70%オフの$69で購入できます。 Avocode: 特徴ページ Avocodeは、Photoshop無しでPSDのプレビューができ、画像の書き出しは.png, .jpgだけでなく、SVGへの書き出しにも対応しています。また、ボタンやエレメントなどのベクターオブジェクトはCSS(Less, Sass
ページのドメインによって Favicon の色を変えられる Chrome 拡張を作りました - 詩と創作・思索のひろば
ウェブ開発者の皆さまにおかれましては、少なくとも本番環境・開発環境の2種類に常に接していると思いますが、ブラウザで両方を開いているような場合にこの区別をつけることが難しい。この問題には、環境によって Favicon の色を変えるという手法が有効であると知られています。たいてい実装は難しくないとはいえ面倒なことに変わりはないし、GitHub と GitHub:Enterprise のように直接手を入れることができないようなものもある。そこで Chrome 拡張によってこれを実現しようというものです。 Chrome Web Store - Flavoured Favicon https://github.com/motemen/chrome-Flavoured-Favicon 設定するにはオプションに JSON を直接書く必要がある（手抜き）のですが、単純なので難しくはないはずです。特定のドメ
Chrome Devtools for beginners (v1.1)
1. Chrome DevTools for beginners Version 1.1 2013/12/13 第4回HTML5ビギナーズ Toru Yoshikawa (@yoshikawa_̲t) 2. Who? 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t html5j／HTML5とか勉強会スタッフ／ビ ギナー部 (副部⻑⾧長) Google Developer Experts (Chrome) HTML5 Experts.jp エキスパートNo.3 Web先端技術味⾒見見部 (顧問)／⽇日本jQuery Mobileユーザー会 (管理理⼈人)／Sublime Text 2 Japan Users Group (管理理⼈人)な どなど Blog: http://d.hatena.ne.jp/piko
git による分散作業パターン | GREE Engineering
分散バージョン管理を華麗に扱いたい堀口です。 GREE Advent calendar 2013 の 14 日目として参加させていただきます。 お二人に続き Haskell の話をしようかと思ったのですが、急遽無難な開発の話に変更しました :o Java や C++ には OOP の概念が必要であったように、分散作業の認識が薄いまま git や Mercurial を使うことは長期的に不幸をもたらします。 とあるプロジェクトにて、その一部を副産物のミドルウェアとして抽出すべく、アプリケーションと分離したい 不具合があったので原因を探りたいが、依存関係が複雑すぎるのでコードを読む量を減らしたい テストやレビュー、提案、リファクタの運用を強化したい よそのプロジェクトに迷惑を掛けないように、そこのツールを改良して使いたい。 いままで何気なく「こんなもんだろう」と思って手間をかけていませんでした
「Selenium2」テスト徹底活用！ Jenkinsによる自動実行とSelenium Grid2による複数環境でのテスト
本シリーズは、WebブラウザをUIとして利用した業務システムやアプリケーション（以下、Webシステム、Webアプリケーション）のテストをテーマとして、Webブラウザを使ったテストを自動化するOSSのツール「Selenium2」を紹介します。業務システム開発の現場で適用してきたノウハウを元に、これまでSelenium2について知らなかった人から以前使った経験がある人まで、より実践的な「使える」内容を盛り込んでいきたいと思います。 1. はじめに 今回は、Selenium2を利用して作成した自動テストをフル活用すべく、JenkinsというCI（継続的インテグレーション）ツールを利用して、Selenium2のテストを自動実行する方法について説明します。また、IE、Firefox、Chrome、Safariなど多様化するブラウジング環境でのテスト方法やテストの並列化についても説明します。 2. J
いまさら聞けない、成功するブランチモデルとgit-flowの基礎知識
いまさら聞けない、成功するブランチモデルとgit-flowの基礎知識：Gitブランチを使いこなすgit-flow／GitHub Flow入門（1）（1/2 ページ） 数回に渡ってgit-flowとGitHub Flowを使ったGitの活用テクニックを紹介します。初回は、ブランチ管理の課題と効率的にバージョン管理できる5つのブランチモデルと、ブランチの管理を簡単に行えるツール「git-flow」について。 Gitなどの次世代のバージョン管理ツールの特徴として、ブランチの機能を高度に活用できるという利点があります。Gitのブランチを生かしたツール・フローとして「git-flow」「GitHub Flow」が注目を浴びていますが、本連載では数回に渡ってgit-flowとGitHub Flowを使ったGitの活用テクニックを紹介します。初回は、git-flowの概要を紹介します。 効率的にバージョ
Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「ｾﾏﾝﾃｨｯｸ!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために
これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや！間違いない！」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語？？」ってことと、「インストールが上手くいかない！コマンドプロンプト使い方わからない！Dreamweaver（以下DW）動かない！GUIソフトってなに！？」ってことです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ハチログ