それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi

Web担当者の方で、ホームページ掲載用の記事をご自身で書かれてるといった方も多いのではないでしょうか。 文章作成が苦手な方からすると文章を書くという作業は、負担の大きい作業です。 今回は、これまでferretで配信してきた記事の中から、ライティングに悩まれているWeb担当者様に役立つ記事を厳選してご紹介します。 どうしても筆が進まない、という方は一度チェックしてみましょう。 1. 今すぐ実践できる！文章力がすぐにあがる10の手法 https://ferret-plus.com/493 文章作成スキルをとにかく上げたい、という方には、こちらの記事がオススメです。 文章を書く上で念頭においておくべき考え方や、すぐに実践できる文章作成のコツをご紹介しています。 2. ライティング未経験・大嫌いだったWebディレクターが半年間書き続けて気づいた3つのこと https://ferret-plus.c

メールやチャットなどでやりとりしたテキストメッセージに複数のURLが表記されていて、すべて閲覧の必要があることがたまにあります。 1つずつページを開いていくのは時間が掛かりますし、あまり数が多いとポチポチクリックして手が痛くなったりしますよね。 そんなとき、クリップボードにコピーしたテキストの中から、URLだけを一気にタブで開く方法があります。 Firefoxの場合はアドオン、Chromeの場合は拡張機能を使って出来ますので、その方法を説明していきます。 Firefoxで複数URLを一気に開く方法 「Multi-Link Paste and Go」というアドオンを使います。 まずはMozillaの公式アドオンサイトで「Multi-Link Paste and Go」をダウンロードしてインストールします。 このアドオンはインストールしてすぐに使用可能で、Firefoxを再起動する必要がありま

Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。 HTTPS をランキングシグナルに使用しますと Google が公式に発表したあたりから、Web サイトの SSL 対応、特に Google が推奨している Web サイトをすべて HTTPS で配信する、所謂 「常時 SSL 化」 についての話を聞いたり、実際にお客様から相談されたりするケースが増えてきました。 そこで、いい機会だしその辺に関する情報をまとめておこうかな～ と思って書いてみた、恒例の （？） 5分でわかるシリーズ。書き終わって見たところ絶対に 5分じゃ無理っていう文章量になっててどうしようかなぁとも思ったんですが、気にせず公開してみます。 常時 SSL

Webデザイナーとしてのキャリアを歩み始め1年目。基本的なスキルを学び、業務をひと通りこなせるようになったものの、先輩デザイナーと比べると、差を感じてしまうという方もいるのではないでしょうか？ Webデザイナーはクリエイター系の職種であるため、「センス」が重要視されるシーンが多いです。しかし、“学び”によってスキルアップできるのもまた事実。むしろ、テクノロジーの発展が著しい業界ということから、プロとして仕事を続けるのであれば学び続けなければならないのは宿命かもしれません。 そこで、今回は「Photoshopを使ったデザイン」や「HTMLなどの言語を使ったコーディング」、「Webデザイナーとしてインプットしておきたい情報」に関する30記事をご紹介します。 Photoshopなど、デザインに関する記事10選1.良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと こ

ホームページにどんな構成でどんなページがあるのかを一覧管理する「サイト構成表」を自動で作成するツール「Site Map On（サイトマップオン）」の提供を、HARMONYが6月18日に開始した。 「サイト構成表」とは、サイトの各ページのURLアドレスを、Excelファイルとして整理したものだ。サイトの管理運営・戦略構築を行う場合、この表にSEOやリスティング広告の計画を書き込むといったケースが多く、マーケティングの基本的なファイルと言える。 「Site Map On」によるサイト構成表のサンプル 「Site Map On」は、ASP型ツールとして提供され、トップページやセクショントップページのURLを指定するだけで、その下にあるページの一覧を自動的に調べ、Excelで扱える形式で保存できる。65,000ページまでのサイト構成表を作成可能。 階層構造を整理したURLの他、ページタイトルやメタ

プロのような画像編集をする必要なすべてのツールが手に入れることができます。 強力で使いやすい：Fotor はPhotoshopのような強力なオンライン画像編集サイトですが、より使いやすいです。 完備的な画像編集ツール：明るさやコントラストなどの基本的な調整から肖像のリタッチングなどの編集機能まで、すべてFotorで行うことができます。 オンラインで画像編集のバッチ処理：バッチ処理を使用して、すべての画像を同時に編集します。より短い時間でより多くのステープを遂げます。

普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする！ そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs

コンテンツの2種類の構成大量ページのコンテンツを作る方法を解説する前に、まずコンテンツの種類と構成について触れてきましょう。 コンテンツには「連続性」のものと、「並列性」のものがあります。前者は、連続ドラマのように前回を見ないと今回の内容がわからないというものです。後者は、1回完結のドラマのように、その回、その回で起承転結があって満足できるように作られたものです。 また、コンテンツは、一般的に1つの「目次（扉ページ）」と複数の「本文ページ」から成り立っています。 連続性コンテンツとは？ 上図が連続性コンテンツです。1つ1つのコンテンツに連続性があり、毎回いいところで終わって次回予告をするという形になるので、リピーターを獲得するのに効果的です。ホームページでは、インタビューや事例記事などのノウハウ型コンテンツで多い形式です。 多くの場合、最初に目次構成を考えて1回長い文章を書き、それを分けて

Smart WebP, PNG and JPEG Compression for Faster Websites

いくらWebサイトの良しあしを外部からほめられたとしても、お客様にとってわかりにくければ何の意味もない。 文章がいくら正しく書かれていても、お客様に伝わらなければ意味がない。 そう話すのは、ソニーが15年前に損害保険業界に参入し設立した「ソニー損保」のコンテンツ企画部長の片岡 伸浩氏。ダイレクト販売を旗印に保険業界に参入する企業として「企業のためでなく、お客様のための保険会社」だというメッセージを伝える必要がありました。そこで、今回はそのメッセージを伝えるために、ウェブを通じてどのような取り組みを行っているか片岡さんに伺いました。 コンテンツ企画部で作った行動指針「わかりやすさのその先へ」保険という商品はもともと複雑な商品で、お客様がすべてを理解したうえで契約しようとすると、かなり広範囲な知識が必要となります。お客様にとっては、「難しい」と思われてしまう商品かもしれません。言い方を変えれば

IA Stencil（Site-it!） は、サイトストラクチャ、ユーザー経験フローを検討するために使うブレストツールで、テンプレートデザインが印刷された付箋型のノートです。コンセントで開発し、2008年のIA Summitにて発表しました。 ウェブプロジェクトでは、問題解決を行うために要求事項の背景まで含めて理解する必要があります。こうした背景を汲み取り、１つ１つの意思決定に基づいて情報アーキテクチャの設計が行われ、その結果としてサイトマップのようなドキュメント成果物に落とし込まれます。しかし、最終ドキュメントを通じてのみIA設計が判断されがちで、設計プロセスを共有しにくいという課題がありました。 そこで、設計プロセスの中にプロジェクトメンバーを巻き込み、一緒にディスカッションを行うことで理解を深められるよう、ワークショップのためのツールとして開発されたのがこのIA Stencilです。

縮小したい画像ファイル(JPEG,GIF,PNG)を選択してください。 縮小サイズを150px - 2,560pxから選択してください。任意のサイズを指定することもできます（10px - 5472px）。 必要に応じて画質を設定してください。値が小さいほどファイルサイズが小さくなりますが、画像が荒くなります。 [JPEGに変換する]にチェックを入れると、GIFやPNGの画像がJPEGに変換されます。 必要に応じて回転オプションを設定してください。 [縮小する !! ]ボタンを押してしばらくすると縮小された画像が表示されます。 元画像のサイズが大きいと、処理に時間がかかります。気長にお待ちください。 縮小された画像は一時的にサーバに保存されますが、30～60分以内に自動削除されます。 あまりにも大きい画像や、JPEG、GIF、PNGファイル以外を選択するとエラーになります。 10px - 2

日本のみなさん、こんにちはぁ！LIGサイトを教科書代わりに使っています、ライターの、のび太です。 今回は、これまでLIGで公開された記事をWeb制作者が見たいもの、学びたい分野別にまとめてみました。ぜひブックマークしておいて、時間があるときに見ておいてくださいね。特にWeb制作者の方は必見だと思います。めっちゃ勉強になること間違いなしっす！ LIGブログ 知りたい分野別リンク集 Sass、Compassを学びたい人 CSSの常識が変わる！「Compass」、基礎から応用まで！ これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) 目指せSassマスター！デザイナーがすぐ実践出来る基本テクニック12連発 Compassの設定ファイル「config.rb」の編集方法 Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた Sass

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

さて、ちょっと真面目に日本人クリエイターの海外進出を少しでも後押ししたいなぁーと、来年からこんなことを始めるんですが、やっぱり英語って奴がネックと考える人は多い。 それこそ、例えば語学学校とか行っても、もちろんそこで制作現場で使われる英語を教えてくれるはずも無い。例えばWEB系であればこんなやっちゃいけないミスもあったりする。専門学校行ったりすれば話しは別なんでしょうが。 というわけで、僕らが誇る英語大好き人間兼海外WEB屋として巷じゃちょっと有名な玉さん（僕の英語メールの先生ｗ？）に、来年から始めるクリエイター海外進出プロジェクトの『制作現場英語レッスン』をバンクーバーで定期開催する事にしました〜。まぁ、ようするに『英語圏の制作現場では、どんな英語のやり取りが繰り広げられているか』を、英語教師じゃなくWEBクリエイターに教えてもらおうって企画ですね。ぶっちゃけ、ドラマとかそういうの見るよ