【完全保存版】シートで簡単チェック！デザイナーが見落としがちなUIデザイン12の想定漏れ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアのほりでーです。 Webやアプリの開発ではデザイナーとエンジニアの連携が欠かせません。デザイナーとエンジニアが分業する場合、デザイナーがPhotoshopなどのグラフィックツールで完成図となるデザインカンプを作成し、それを元にフロントエンドエンジニアが実装してWebサイトを完成させることが多いでしょう。 しかし、最近のWebサイトで多用されているリキッドレイアウト（横幅の変化に追従するレイアウト）や、ユーザーの操作に反応するインタラクティブなアニメーション表現、CMSやJavaScriptと連動して動作する複雑なUIなどをカンプ上で表現するのは困難です。 そのため、デザイナーが「ここはこういう風に動かしたいな〜」と思っていても、それがエンジニアに伝わっていない、という見落しも発生してしまいます。 一般的に、ソフトウェアの開発では仕様が不安定（＝必要な機能
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome Chrome 59 でリリースされますChrome ブラウザをヘッドレス環境で実行する方法です。 基本的に Chrome なしで Chrome をご利用いただけます。Google が提供する最新のウェブ プラットフォーム機能をすべて使用可能 をコマンドラインに追加することもできます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、自動化されたテストやサーバー環境に最適なツールです。 表示する UI シェルは不要です。たとえば、特定の環境に対する PDF を作成することも、ブラウザで URL がどのようにレンダリングされるのかを調べることもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、Chrome バイナリを開くことです。 使用できます。Chrome 59 以降をインストールしている場合は、--headle
Smallchat
Talk to your visitors without leaving Slack.Start conversations with visitors on your website through Smallchat and convert those visitors into customers. All from inside Slack. Smallchat + Slack.Smallchat runs inside your Slack team, which means no additional software to learn. Be available to chat with visitors on your website and your team members all in one place. Each conversation creates a n
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
[Swift] Swift製WebフレームワークVaporを使用してファイルアップロード API を作成する | DevelopersIO
はじめに こんばんは。モバイルアプリサービス部の平屋です。 以下の記事でNode.js + express + Multerでファイルアップロード API を作成する手順を紹介しました。 [Node.js] express + Multer を使用してファイルアップロード API を作成する 同じ機能を持つアプリを、Swift製WebフレームワークVaporを使用して作成してみましたので、その手順を紹介していきます。 検証環境 macOS Sierra 10.12.3 Xcode 8.2.1 Homebrew 1.1.1 swiftenv 1.2.1 Swift Snapshot DEVELOPMENT-SNAPSHOT-2017-03-09-a Vapor Toolbox 1.0.5 環境構築 以下の記事と同じ手順でswiftenvとVapor Toolboxを使用して環境を構築しました
![[Swift] Swift製WebフレームワークVaporを使用してファイルアップロード API を作成する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b9b98d8423d1943cae402d21764bf51589e811b/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F11%2Flogo_swift_400x400.png)
ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました！ 【 Pingendo 】 「Pingendo」は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！ それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス
WordPress goes Serverless!! Serverlessで変わるWEBサイト構築 #serverlessosaka
Serverless Meetup OSAKA - THU 29 SEPT 2016 #serverlessosaka
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 | さくらインターネット
モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 〜WordPressで簡単に利用でき、SEOやユニバーサルデザインへの配慮を支援〜 デジタルフォントや組版用ソフトウェアの開発を行う株式会社モリサワ（本社：大阪市浪速区、代表取締役社長：森澤 彰彦）と、自社運営のデータセンターでインターネットインフラサービスを提供するさくらインターネット株式会社（本社：大阪市中央区、代表取締役社長：田中 邦裕）が協業し、「さくらのレンタルサーバ」利用者に向け、モリサワのWebフォント提供を開始いたします。また、Web制作者を対象としたイベントを7月27日（水）に開催いたします。 モリサワとさくらインターネットのコラボレーションにより、「さくらのレンタルサーバ」にてWordPressをご利用いただく際、モリサワのWebフォントサービス「TypeSquare」で提供中の書体の中から、30
たった1人から始める社内テストコード文化
# -*- coding: utf-8 -*- from __future__ import absolute_import, unicode_literals # テストする関数 def add(a, b): return a + b # テストコード 関数名はtest_ から始めるのがpytestでのお作法 def test_add(): assert add(1, 1) == 2 assert add(1, 2) != 2 >>> $ py.test ../tests/test_add.py =============================================================================== test session starts ================================================
GoによるWebアプリ開発のキホン
1. The document discusses RESTful APIs and gRPC, comparing their characteristics and use cases. 2. RESTful APIs typically use HTTP and JSON to access resources via URLs while gRPC uses protocol buffers and HTTP/2 for efficient streaming and RPC. 3. gRPC is better suited for microservices and mobile apps due to its ability to handle streaming and performance, while REST is more widely used due to i
ウォンテッドリー、社内で利用するツールをシェアする口コミ機能「Wantedly Tools」を開始 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
社内で利用しているツールがなんであるか、可視化される機会は少ない。ウォンテッドリーは、社内で利用するツールをシェアする口コミ機能「Wantedly Tools」をリリースした。 先行して「Wantedly」利用企業向けにWantedly Toolsを提供したところ、3日間で500社を超える会社が回答に参加し、ツールに関するレビューが約3000件投稿されたという。 「Wantedly Tools」は、「コミュニケーション」「採用・育成」「開発」「プロジェクト管理」「カスタマーサポート」など9種類のカテゴリーからツールの検索ができる。他の会社がどういったツールを利用しているのかを参考できるようになる。 こうした社内で利用するツールに関する情報を口コミで集めようという動きはこれまでにもあった。たとえば、今は「SmartHR」を開発して勢いにのっているクフも、以前、BtoB・BtoE サービスのク
Web系の企業さんの研修資料を読んでみた！
リブセンスさんの「人は一ヶ月でエンジニアになれるのか - 詳細解説」を読んでみてこれはかなりすごいなと感動しました。 あとはほかのWeb系の企業さんの研修に関する資料を読みつつ、どうすれば効率的にWeb開発の知識を習得できるのかなといろいろ考えてみたのでそのメモです！ 🚌 リブセンスさんの教育に対する考え方 人は一ヶ月でエンジニアになれるのか - 詳細解説 学生時代に知っておきたかったWeb技術の学び方の学び方 Web開発における問題点 Web開発は領域それぞれが深い。ゴールがない 新しい技術が日々生まれたり、深い知識が要求されるため、学び続ける必要がある - (問題点) 知っておかないといけない知識が多い - git/javascript/css/ruby/CI/ミドルウェア の画像 - 要求される知識も深く、定期的なバージョアップが要求される - (問題点) メインストリームの技術の
Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScriptライブラリ」を活用しているでしょうか？ Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るようになります。 そこで今回は、国内外で人気が高くて誰でも簡単に扱える「JavaScriptライブラリ」を厳選してご紹介しようと思います！ ■多機能な「写真ギャラリー」を組み込めるライブラリ！ ◆1.Viewer.js 複数の画像を表示する際に、オシャレな「ギャラリー風」に変換してくれるライブラリです。 類似のライブラリはいくつか存在しますが、「Viewer.js」は使い方が非常にシンプルで扱いやすいのに、多機能性も備えているスグレモノとなっています。 基本的な使い方としては、HTMLファイルに表示させたい画像を「リスト要素」で指
Vorlon.jsとは？ ブラウザーでWebデバッグできるお手軽な開発者ツール
Vorlon.jsという開発者ツールを知っているだろうか？ このオープンソースツールを使えば、PCブラウザーで各種Webデバッグが行える。その機能概要と基本的な使い方を解説。 Vorlon.jsとは Vorlon.js（読み方： ヴォーロン・ジェーエス）とは、ChromeのDevToolsやIE／EdgeのF12開発者ツールと同じく、Webブラウザーの表示内容やネットワーク状態をデバッグするためのツールである。 最も特徴的なのが、ブラウザー上で動作することだ。PCブラウザーのデバッグはもちろん、スマホなどのモバイルデバイスのデバッグを、ケーブルをつなげることなく、Macを準備することなく、実現できるのが大きなメリットだろう。 マイクロソフトが開発したオープンソースプロジェクトであり、Node.jsとSocket.IOといったオープンな標準のみを使って開発されていて、プラグインの追加が容易で
javascriptが理解しにくい人へ
javascriptが使えないと… プログラミングの苦労 最近のweb制作の現場ではjavascriptを使う機会が激増している聞く。プログラマーさんとデザイナーさんが分かれているならそんなに心配はないが、状況によってはデザイナーさんが自身でプログラミングに手を出さないといけない現場もあるようだ。むしろjavasc1.javascriptが使えないと…1.プログラミングの苦労2.オブジェクトオブジェクトうるせえんだよ1.オブジェクト指向プログラミング2.オブジェクトとは3.理解がしにくくなると思われる理由1.オブジェクトは既に存在する2.webページはDOM箱で表現される3.やりたいことをするときに4.いきなり難しすぎる4.jQueryの功罪1.jQueryは便利だけど…5.使わない勇気6.javascriptを理解するには1.急がば回れ7.勉強の資料 javascriptが使えないと…
PV、ユーザー数2倍にCVR40%増！？国内の怪物級グロースハック事例に学ぶ「Webで成果を出す」方法 - リクナビNEXTジャーナル
グロースハック≠ABテスト グロースハックはチーム全体でやるもの 成長スピードを求めるあまり哲学を失ってないか？ KPIを追い求めるあまりユーザーに無理をさせてないか？ などなど。名言がたくさん登場するスライドです。 サービスを成長させようとするあまり、作り手都合で改善してしまうのはサービス運営者あるあるですよね。 しかし、そうではなく「ユーザーが喜び、かつ、継続的にサービスが続くようにバランスをとる」ことが重要なんだとか。 サービス改善の際は、ABテストを行っても改善につながらないことなんてザラ。 効果の無い施策を数百繰り返した先にようやく…！なんてことが普通に起こるので、実際の効果が出るまでのモチベーションコントロールの面からもこのへんきちんと考えないとなんですね。 Webで実装検証 ⇒ 成功したらアプリに 具体的なハック事例で言うと、「シェアの導線の最適化」「見る側としてアプリインス
メールアラートを活用してSEOに役立てる8つのやり方（前編） | Moz - SEOとインバウンドマーケティングの実践情報
リンクビルディングは死んだ？ いや、そんなことはない。SEOにおけるリンクビルディングの価値は決して終わっていない。そして、リンク獲得の大きなチャンスは、ウェブに公開されるさまざまな情報を知らせるメールアラートを設定することで見出だすことができる。 今回のホワイトボード・フライデーでは、SEO向上のために今日から設定できる8つのアラートを、ランドが紹介する。 Mozファンのみんな、こんにちは。ホワイトボード・フライデーにようこそ。今日はメールアラートについて話をしよう。 メールアラートはさまざまなSEOの取り組みに役立つ。コンテンツの確認、競合相手に関する情報収集、キーワード調査、そしてもちろんリンクビルディングにも。メールアラートはリンクビルディングにもってこいだ。 メールアラートで便利に使える5つのサービスでは、今日取り上げるものを説明する。メールアラートに使えるツールはいくつかある。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EU: IPアドレスも個人情報とする新判断・承諾なしでのアクセスログの保管は違法に