Grunt/Gulpで憔悴したおっさんの話 | MOL
先人たちが1年前に通った道で、いろいろいまさらかよって話なんですが。基本的に以下の記事読んだら分かります。要はGulpとかGruntといったモノ使わずにnpm run hogehogeでビルドしよーぜって話です。 task automation with npm run オレ的Gruntに対する最新の気持ち - from scratch Node - npm で依存もタスクも一元化する How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ
フォーム周りで覚えておくと便利なCSS Snippets - NxWorld
フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。 全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。 紹介している内容はブラウザ（特にIE9以下）によっては使用できないものや表示確認ができないものもいくつか含まれています。 各要素のデフォルトスタイルを削除 フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ
デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ
一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coolors オススメの組み合わせを次々に表示してくれるオンラインサービス。 スペースキーor右のアイコンでランダムカラー、ロックでカラー固定、さまざまなファイル形式にエクスポートもできます。
無料で使い捨てメールアドレスをワンクリックでゲットでき無数のアドレス追加や独自ドメインにも対応する「myTemp.email」
アカウント作成時にメールアドレスでの認証が求められる場合は多いモノですが、サービス利用者にメールアドレスを収集されるのがイヤな場合など、一定時間だけ有効な「使い捨てメールアドレス(捨てアドレス)」は非常に便利です。そんな捨てメールを、たったワンクリックで取得でき、メールエイリアスの追加も自由自在で、自分の取得済みドメイン名での捨てアドレスの作成もでき、もちろんスマートフォンにも完全対応という強力なサービスが「myTemp.email」です。 myTemp.email - Temporary Disposable Email https://mytemp.email/ 24時間使える捨てアドレスをサクッとゲットするには上記サイトの「Create My Email」をクリックするだけ。 メールボックス画面が現れ、左上に捨てアドレスが表示されました。myTemp.emailで作成されるメールアド
WebエンジニアのためのSwift言語入門 - ICS MEDIA
Mac、iPhone・iPad、そしてApple Watch。これらのApple製品上で動くアプリはObjective-CとSwiftという言語で開発できます。Swiftは2014年に発表され、他のプログラミング言語の長所を多く取り入れたプログラミング言語です。何かしらのプログラミングの経験がある開発者にはもちろん、これからプログラミングを始める人にも比較的学習しやすいものとなっています。今回はiOSアプリにおけるパーティクル表現を通して、ActionScript 3.0やJavaScriptのようなウェブ開発技術と比較しながらSwiftを始めてみましょう。 デモについて Swiftで作られたパーティクルアニメーションをiPhone 6 Plus上で動かすデモです。画面上でフリックした場所にパーティクルが発生し、時間の経過とともに色が変わっていきます。 ソースコードはGitHubで公開して
月間6億PV『GameWith』勉強会で学んだアクセス数を半年で12倍にするグロースハックと、メディアとPVの程よい関係について | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
2013年10月のリリースから、約1年で1億2000万PVを達成。2014年7月から2015年2月まで、PVで12.8倍、UUで4.5倍と、一般的なメディアと比較すると驚異的な成長率です。 株式会社GameWithは他に、チャンネル登録数が3万人を超えるゲームプレイ動画専門のYouTubeチャンネル『GameWithTV』を開設し、社員が登場してゲームの攻略情報をわかりやすく伝えたり、動画ならではの企画をしたりと、ゲームの楽しみ方をより広げるような取り組みをされています。 また、『GameWorks』というゲーマーのためのクラウドソーシングサービスを運営しており、ゲームをやりこんで得た攻略情報を投稿することで、採用されると報酬が貯まり、現金と交換してゲーマーがお小遣いを稼ぐことも可能です。 これはゲームが仕事になるような未来のための仕組みであるとのことでした。 では、プロモーションや外部配
テープ起こしに大革命 文字検索で頭出しできるiOSレコーダーアプリが登場 - 週刊アスキー
何度もスキップ＆バックを繰り返しながら使うレコーダーやアプリとサヨナラする時が来ました。カシオは3月26日、録音された発言を文字検索して頭出しできるiOSアプリ『キーワード頭出し ボイスレコーダー』を発売しました。4月30日までの特別価格は300円（通常価格500円）。
エンジニアがデザインに取り組んでわかったこと
最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」
無料で高機能！ブログにおすすめなGoogle公式６つのサービス - スキナモノート
ブログには欠かせない、基本的なGoogle公式6つのサービスを簡単に紹介いたします。Googleアカウントが必要なサービスもありますが、無料で使えます。初心者はもちろん。上級者まで使う事が出来る程、高機能です。ブログだけでなく、サイト運営にも欠かせないサービス。使っている人は、もう使っていると思いますが、まだ、取り入れていないようであれば、検討してみてはいかがでしょうか？ ウェブマスターツール ウェブマスター – Google SEOには欠かせないサービスなので、最初の段階から入れておきたい。どんなキーワードで検索されているのか、クリックされているのかを調べる事が出来る。 また、サイトマップの送信や、エラーを確認出来る。他にも、メタデータの重複や内部、外部リンクの確認等、ブログ運営には欠かせない機能が沢山詰まっている。 Google アナリティクス いわゆる、アクセス解析。しかも、無料とは
パララックスサイトの基本的な作り方 2/2！
こんにちは。 今回は前回に続いてパララックスサイトの基本的な作り方です。 それでは早速前回の続きいっちゃいましょう〜！ ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 ボックスを横方向にも動かすhtmlとcssは同じでjsのコードのみ記述します。 js[javascript] $(function() { var pos1 = $(‘#box1’).offset(); //box1の初期値を取得 var pos2 = $(‘#box2’).offset(); //box2の初期値を取得 var pos3 = $(‘#box3’).offset(); //box3の初期値を取得 var pos4 = $(‘#box4’).offset(); //box4の初期値を取得 $(window).scroll(func
初心者でもほぼ無料でHTML5/CSS3を勉強できるコンテンツ9選 - paiza times
Photo by slavik_V こんにちは。谷口がお送りします。 Webの仕事を目指している人やプログラミング初心者、さらにはブログをやっている人など、HTMLとCSSを習得したい人は多いと思います。特に最初は「Webサイトを作ってみたいけどどうしたらいいんだろう……」「自分のブログを豪華にしてみたいんだけど、HTMLっていまいちよく分からない……」など、さまざまな悩みがあるのではないでしょうか。 HTMLとは、Webページを作成する時に使用されるマークアップ言語の一つです。 マークアップ言語とは、プログラミング言語と違い「タグ」を使って、「ここからここまでが見出しです」「ここからここまでが一つの段落です」等といった印をつける言語です。基本的にプログラミング言語のような「入力値を取得し計算処理をする」「条件を満たすまで処理を繰り返す」といった処理や計算はできません。 CSSは、Webペ
第9回 Webデザイナーが押さえておくべき、内部SEO施策18のポイント - MdN Design Interactive
知ってるつもりで意外と知らないSEO最新のキホン 第9回 Webデザイナーが押さえておくべき、内部SEO施策18のポイント 2015年03月24日 TEXT：押谷圭佑（ヴォラーレ株式会社） こんにちは。ヴォラーレ株式会社の押谷です。前回はリニューアルにおけるSEOの全体感の説明をしましたが、今回はより実践的で細かな施策を紹介します。 クライアントに「いま手がけているWebサイトのSEOもお願いしたい」と依頼された経験のあるWebデザイナーや、Web担当者を兼務しているWebデザイナーは、WebサイトのSEO対策を考えたことが一度はあると思います。そうしたWebデザイナーのために、押さえておくべき18のSEO内部施策に関するポイントを紹介していきます。 ■HTMLの調整 基本的に、1ページに対して1テーマ（キーワード）として対策します。これはSEOにおけるHTMLの調整の基本であり、対策する
脱初心者のためにこれだけは知っておきたいJavaScriptネタ
脱初心者のために これだけは知っておきたい JavaScriptネタ Tsuyoshi Akase 福岡Haxe勉強会 feat. HTML5+α @福岡 第0x00回
スマホ対応に欠かせないツール類とサイト制作のポイント!モバイル検索に備えよう
スマホ対応サイトへの診断ツール群 Googleが実施する、スマホ対応サイトのモバイル検索結果に向けて、まず目指すべき2つの目標はつぎのとおりです。 1.Googleモバイル フレンドリー テスト Googleが公開したモバイル フレンドリー テストというツールで「問題ありません」と表示されれば、スマホ対応は合格という事になります。 ⇒モバイル フレンドリー テスト 2.モバイル検索結果で「スマホ対応」 スマホ、タブレットなどでGoogle検索した時に、モバイルに最適化されたサイトやブログには「スマホ対応」と表示されるようになりました。 「スマホ対応」が表示される条件はいろいろあるのですが、「モバイル フレンドリー テスト」で問題がなければほぼ表示されそうです。 当面はこの2つの指標をクリアできるようにサイト制作して行くことが目標となりそうです。ちなみにGoogleはこれ以外にもいくつかモバ
「Unreal Engine 4」無料化の"狙いと採算"は？ Epic Games Japan河崎氏に聞く [前編] - AUTOMATON
ホーム インタビュー 「Unreal Engine 4」無料化の”狙いと採算”は？ Epic Games Japan河崎氏に聞く 日本時間の3月4日、ゲーム開発社向けカンファレンス「GDC 2015」より、大型のニュースが舞い込んできた。Epic Gamesのゲームエンジン「Unreal Engine 4」が、無料化されることが発表されたのだ。2014年3月、従来の買い切りモデルから月額19ドルのサブスクリプションへ移行してから、わずか1年での無料化となった。その後、「Unity」や「Source Engine 2」など、他社のゲームエンジンでも無料化が相次いで発表されるも、先陣を切った「Unreal Engine 4」無料化のインパクトを超えるには至らなかった感がある。 参考: Epic Gamesが「Unreal Engine 4」を無料化へ 加熱するゲームエンジン市場の覇権争い 完全
![「Unreal Engine 4」無料化の"狙いと採算"は？ Epic Games Japan河崎氏に聞く [前編] - AUTOMATON](https://cdn-ak-scissors.b.st-hatena.com/image/square/228028ecbb4523f6cbf6525994b25784c5ce0480/height=288;version=1;width=512/https%3A%2F%2Fautomaton-media.com%2Fwp-content%2Fuploads%2F2015%2F05%2Fmaxresdefault_2.jpg)
日本語Webフォントを使用している60のWebサイト | Web制作に関するブログ | 株式会社シロクロ
まとめ使われているフォントは、AXIS、ゴシックMB101、筑紫A丸ゴシック、筑紫明朝などが多く、明朝体よりもゴシック体の方が人気のようでした。無償で利用できてクオリティの高い源ノ角ゴシックも今後増えていきそうです。これらのサイトで使われているサービスはTypeSquare、FONTWORKS、FONTPLUS、Fonts.comなどで、それ以外のサービスはフォントブログの国内のWebフォントサービスまとめ - フォントブログに特徴も分かりやすくまとめられています。 日本語Webフォントは多くの場合定額で費用がかかること、そして読み込み処理の問題があります。ただメリットとしては、構築／更新のしやすさと文字の美しさを両立できるので、できるだけ使っていきたいと思いました。 ブログ一覧へ
インターネット広告からのWeb獲得率をアップするランディングページ（LP）作成術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、こんにちは。 ソウルドアウト株式会社で、ランディングページ（LP）をはじめとするクリエイティブの戦略を日々練っています、モッチです。よろしくどうぞ！ 皆さま、ランディングページ（LP）って知っていますか？ とうの昔に知ってるよ、なにさ今さら！という方も、聞いたことはあるけれど……イマイチ分かってないのよね……という方も、LP？何それ美味しいの？という方も、しばしお時間くださいませ。 ランディングページとは、ユーザ数やCV数などのWeb獲得率アップを目指す企業の方にはぜひ導入していただきたいものなのです。 本日は、そのランディングページがいかに重要なものなのか、サクッと、できる限り分かりやすくご紹介いたします。 ▼目次 ランディングページ（LP）が必要なとき ランディングページ（LP）とは？ 獲得率アップにはランディングページ（LP） ランディングページ（LP）で成果を出すには
Webアクセシビリティが今熱い！基本からしっかりと学びたい、より深く身につけたい人にオススメできる本
Webサイトやアプリにおけるアクセシビリティについて学んでみたい、そして身につけたい、と考えている人は多いと思います。 「WAI-ARIA」「Web標準」「セマンティック」など、アクセシビリティに関する用語の解説レベルだけでなく、実務ですぐに使える具体的な方法も数多く掲載されたオススメの本を紹介します。 アクセシビリティってこういうことだったんだ！と分かる一冊です。 本書はSmashing Magazineのアクセシビリティ担当：ヘイドン・ピカリング著「Apps For All(2014)」の訳書で、翻訳はBAの太田さんと伊原さんが監修したものです。 BAの二人は、元同僚。 僕が知る中ではアクセシビリティといえば太田さん、太田さんの存在自体がアクセシブルと言ってもいいかもしれません。 そんな造詣が深い太田さんと伊原さん二人の監訳は訳書にありがちなぎこちない日本語ではなく、制作現場の生きた言
レスポンシブデザイン簡単導入法01 – ビューポート・メディアクエリ編 | SEO Packブログ by ディーボ
運営中のサイトを自分でスマホ対応にしたいという方へ、具体的なレスポンシブデザインの導入方法を数回に分けて、まとめていきたいと思います。 レスポンシブデザインについては、2015年4月21日からスマホ対応していないサイトに対して、スマホでの検索結果が下がる、モバイルフレンドリーアルゴリズムが導入されることから、モバイルユーザーの多いサイトは必須の対応となります。 モバイルフレンドリーに対応しているかどうかは、こちらから確認できます。 https://www.google.com/webmasters/tools/mobile-friendly/?hl=ja ※モバイルフレンドリーはサイト単位ではなく、ページ単位となるので、全ページ対応しないといけない訳ではありません。 今回は、このモバイルフレンドリーに対応する方法としてGoogleが推奨しているレスポンシブデザインにするための準備とポ
日本初(?)のUnreal Engine 4を使ったモバイルゲームをたった一人で開発 『ダンジョン&バーグラー』のヒストリアを直撃 / GameBusiness.jp
Unreal Engine 4(以下UE4)に精通したプロフェッショナル集団を謳うヒストリアは、初の自社タイトルとして『ダンジョン&バーグラー』をGoogle Playにて配信開始しました。 本作はダンジョンを潜りながら「おたから」を集めていくフル3Dのアクションゲーム。難易度は比較的高く、敵や様々なトラップがプレイヤーを待ち構えます。何度も死んで覚えていく、いわゆる「死にゲー」。地下30階を目指して冒険の始まりです。30階に到達するだけでもなかなかの難易度なのですが、上級者はタイムアタックを全国のプレイヤーと競うやりこみ要素もあります。 もちろん本作はUE4で開発されていて、モバイル作品としては恐らく日本初の試みだとのこと。さらに、メインスタッフはテクニカルアーティスト1人のみで、しかも1ヶ月という超短期間で作られた作品だということです。それでいて、ゲーム面でもビジュアル面でもクオリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Live2Dの描画の裏側の話