良いデザイナーはデザインするだけでなく、細心の注意を払うことができる人です。 Web制作におけるチーム内、または個人でもPhotoshopでのデザイン作業やワークフローを効率よくするためのルールを紹介します。 チーム内やデザイナー同士でルールを明文化しておくと、いいですね。
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 いわゆる企画屋なんてことを仕事にしていると、十分な情報が得られない状態でも何かしらのプランを提示しなくてはいけないことがままあります。 普段から効率よく答えを見出せる準備をしておかないと、いざという時に最低限のアウトプットさえ出せません。 では、どうすれば、普段から可能な限り効率よく答えを見つけられるようになるか。 人それぞれ、独自のやり方があると思いますが、僕自身はそのための準備としてこんなことをしています。 1.普段から問題を設定し、構造化しておくいつどんな答えを求められるかわからない状況に対処できるようにするには、普段、なんでもないときにでも、自分でさまざまな問題設定をしておくことが大事だと思っています。 自分と付き合いがある人からどんな問題が出てきてもそれなりには対
2014.10.15 こんにちは! 最近ササッキーと呼んでいただけるので、喜んでこの名前で記事書いていきます(。・ω・。)ゞ 本日は、 に感化され、これのデザイナーバージョンを公開しちゃおう!と思い立った次第です。 デザイナーがトップデザインする前にすべきこと、またその理由を4ステップで紹介しています。 前提として、ユニオンネットではディレクターさんに打ち合わせ~サイトマップ&構成&ワイヤーフレームを作成して頂いております。 よってその確認が最初のお仕事になります。 私の場合ですが、 の流れでトップデザインを制作しています。 目次 サイトマップの確認 ワイヤーフレームの確認 ディレクターさんとの打ち合わせ 参考サイトによるイメージ固め 手書きラフ デザインに落とし込み デザインのご質問お受けします 1.サイトマップの確認 まずは、サイトマップの確認をします。 どんなコンテンツがあるの?注力
実用にはもちろん、Ruby on RailsによるWebアプリケーションの開発ベースとしても。 完全無料/ユーザー数無制限。 大規模ユーザーを擁するエンタープライズから、 ご家庭(親戚)でのパーソナルユースにまでスマートに対応します。 Thetisは無料で使えるばかりではありません。修正BSDライセンスのオープンソースですので、商用を含め、修正・再配布が可能です。 ユーザーズ・マニュアル (別ウィンドウで開きます) を見て頂ければ、その多彩な機能と使いやすさを実感していただけます。
アスタミューゼデザイン部のMatsumotoです。 ここ最近astamuse.comとastaIDのスマホ最適化の取り組みに合わせて、プロトタイピングツールを実験的に使い始めました。 ツールを使い始めてからまだあまり月日が経っていませんが、とにかく便利! ストレスなく今までのデザインプロセスが改善しそう! ということで、今回はプロトタイピングツールを使う利点や、実際のサービス開発において、どう作業効率がUPしたのかについて紹介させていただきます。 目次 プロトタイピングツール概要 ツールを使用するようになった経緯 ツールを使う目的 使ってみた3つのサービス比較 何が変わった? まとめ 参考サイト プロトタイピングツール概要 そもそもプロトタイピングとは何? プロトタイピング(Prototyping)とは、実働するモデル(プロトタイプ)を早期に製作する手法およびその過程を意味する。その目的は
全国1000万人のInfrastructure as Code職人とImmutable Infrastructure芸人のみなさん、こんにちわ! すでに各所で言及されています通り、「Chef実践入門 ~コードによるインフラ構築の自動化 」が技術評論社から出版されます。 Chefを解説する書籍としては澤登さん、樋口さんによるChef活用ガイドに続く2冊めの書籍となり併せて読めばもはやChef入門を通りこしてChefマニアになれるのではないかという陣容です。 (2冊の書籍が異なるキャラクターで被る部分があまりないのは高度な情報伝達の賜物です。) ネット上やイベントで走り続けている情報を今ひとつ追い切れない方や使い始めた方にとって便利な一冊となるように、なるべく漏れのない構成を心がけています。 自分の担当した「第8章 Chefをより活用するための注意点」と巻末のチートシートについては公式ドキュメ
ferret編集部:2015年8月6日に公開された記事を再編集しています。 バナーくらい短時間でできる!と意気込んだものの、思った以上に時間をとられることはありませんか? 簡単な作業だと思っていたはずが、何回も似たような作業の繰り返しをしているとイライラしてきたり、モチベーションも保てずと負のサイクルへ陥ってしまいます。 そのような問題を解決するためには、バナー作成のための各工程を分解して、何にどれくらい時間がかかっているのかを知り、効率よく作成する方法を知る必要があります。 今回は、30分でバナーを作るための方法として、作業工程と効率化が図れるポイントを順序立てて解説します。 広告バナー制作の全体像 短時間でバナーを作成する前提条件 制作全てに言えることですが、最短距離でゴールまで走るというのが一番の理想型です。バナー制作においても同様です。そのためにも、ゴールまでの筋道を立てる必要があ
こんにちは、プロダクトマネージャー(PM)のいかりです。 今回の記事では、プロダクトに対しての社内からの不具合報告のフローを改善した話について紹介します。 「社内からプロダクト改善のために色々な声をもらっているけどどう対応しよう……」と困っているような方は何かの参考になるかもしれないので、ぜひ読んでみてください! プロダクトを安心して使ってもらうための「不具合対応」 社内からの不具合報告の既存の課題 【改善】Slackのワークフローを使って不具合報告フォームを制作 結果、良くなったところ 社内の多くの人に不具合報告フローの存在を周知できた 数ヶ月で50件近くのバグ報告があり、1〜2割はその週に解決 連絡の往復回数が減った 後からのキャッチアップがしやすくなった まとめ プロダクトを安心して使ってもらうための「不具合対応」 プロダクトの成長のためには新しい機能の提供や操作性を良くしたり、とい
先日、僕の恩師のウェブ制作会社で開催された勉強会で「レスポンシブWebデザインのワークフロー」についてお話させていただいたんですが、その際に「意思決定層との密なコミュニケーションをとり、スムーズに開発を進めていくために、苦労した点や工夫した点」について質問をいただきました。その回答をまとめたので、このブログでも共有したいと思います。今回まとめたものはレスポンシブWebデザインでの制作に特化した内容ではないですが、以下に挙げるようなWebディレクターとしての基礎知識やスキルが、レスポンシブWebデザインのような柔軟な対応を強いられる制作では大切になると感じています。 Question: 意思決定層との密なコミュニケーションをとり、スムーズに開発を進めていくために、苦労した点や工夫した点を教えてください。 Answer: どれもディレクターとして基本的な内容になりますが、僕は以下のようなことを
17:55 Keynote 分散ワークフローエンジン『Digdag』の実装 ワークフローエンジンは、依存関係のある複数のタスクを実行するツールです。古典的なMakefileを始め、Python製のLuigi、商用のJP1/AJS3など、様々な実装があります。Digdagは、現在活発に開発が進んでいる新しいワークフローエンジンです。このセッションでは、ツリー構造を持つワークフローの状態遷移を効率的に実行する手法、ワークフローの実行状態の永続化と分散実行、タスクスケジューラ、Dockerによるサンドボックス化など、その実装手法を紹介しながらワークフローエンジンの構成技術について解説します。 必要となる知識 SQLの基本的な知識と、Rubyのリフレクション、オプティマイザなどの知識があると、より楽しめると思います。 古橋 貞之 Treasure Data, Inc. Founder & Soft
※ DynalystではAWSを全面的に採用しているため、AirflowもManaged版を調査しています。 導入後の状態 Prefect導入後は、以下の構成となりました。 ポイントは以下の点です。 ワークフローをDocker Image化することで、開発・本番環境の差を軽減 staging・productionはECS Taskとしてワークフローを実行、開発ではローカルPC上でコンテナ実行 ML基盤のGitHubレポジトリへのマージで、最新ワークフローが管理画面であるPrefect Cloudへデプロイ 従来のyamlベースのdigdagから、DSに馴染み深いPythonベースのPrefectに移行したことで、コード量が減り開発負荷が軽減しました。 Prefect 入門 ~ 基礎 ~ 注意: 本記事ではPrefect 1系を扱います。Prefect 2系が2022年7月にリリースされてい
D. M. です。レガシーの crontab が肥大化して困っています。今日はそのリプレイス候補である Digdag を使ってみた話です。 やりたいこと crontab は Linux のスケジューラの仕組みで定期バッチの実行用途でよく利用されますが低機能です。順序の依存関係やアラートは毎回独自に作りこまなければいけません。そのため近年は代替スケジューラを利用するケースが多いです。その候補のひとつである Digdag について検証したいと思いました。 Digdag を使うべき人 一般的にバッチスケジューラに求められる要件的には以下のようなものがあります。 ・スケジュール実行 ・複数バッチの順番の制御(ワークフロー) ・GUIでの管理 ・失敗時のアラート ・SLA 機能(長時間実行していたらアラートを飛ばす) ・分散実行 などなど 代替として広く知られているものですと Jenkins でのワ
■HTML+CSSによるウェブページ制作例 ウェブページ制作の流れ 実際にXHTML+CSSでウェブページを作成してみましょう。 ウェブページ作成の流れは、大まかに以下のようなものとなります。 テキスト原稿を作成する フリーハンドのスケッチなどで、レイアウトのイメージを固める HTML・XHTMLのバージョンを決める HTMLタグで情報の構造付けをする 必要に応じて、<div>や<span>でスタイリングのためのタグ付けをする id属性やclass属性で各部分に名前を付けて、CSSのセレクタを設計する CSSでスタイル指定する レイアウトのイメージを固める ウェブページを作成する際には、まずテキスト原稿や掲載する画像などのコンテンツとなる情報を作成します。 それらをページ内にどのように配置するか、フリーハンドのスケッチなどでレイアウトのイメージを固めます。 今回作成するウェブサイトの完成イ
HTMLをはじめ、CSSやJavaScriptなどで実装するフロントエンドの主要な機能が一つのパッケージになった「Easy front-end framework」を紹介します。
PPAP(ピーピーエーピー)はコンピュータセキュリティの手法の一つ。 名称[編集] 「Password付きZIPファイルを送ります、Passwordを送ります、Angoka(暗号化)Protocol(プロトコル)」の略号である[1]。 日本情報経済社会推進協会に所属していた大泰司章(おおたいし あきら)(現・PPAP総研)が問題提起し命名した[2]。ピコ太郎の『PPAP』(ペンパイナッポーアッポーペン)の響きが「プロトコルっぽい」と言う人がいたことから大泰司が命名のヒントを得た[3]。PPAPという用語は『日本情報経済社会推進協会』の発行する文書にも使われている[4]。 具体的な方法[編集] PPAPによるファイルの送受信は、次のような段階によって行われる。 送信者は、ファイルをパスワード付きzipファイルで暗号化し、メールに添付して送信する。 送信者は、1.で送信した添付ファイルのパスワ
作成:2016/01/18 更新:2016/06/29 Web制作 > 年末にやるべきだったと思いつつも、今更ながらWeb制作前に知っておくと助かる記事を、コムテブログの中から厳選しました。結構自分でもよく見返す記事です。Web制作に必要な基本知識をざっと知りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 バージョン管理 ファイル等の変更箇所の履歴を管理。複数人が関わるプロジェクトで必須となるGit(ギット)のコマンドやGUIなどの初歩的な知識を順を追って解説してあります。最初は何を準備すればよいのか、Gitのインストールからクライアントツールとリモートまで。 これからGit を始めてみようという人のための使い方と入門フロー パッケージマネージャー/タスクランナー ライブラリを管理しやすくするパッケージマネージャーと、テスト実行などの処理を簡単なコマンド
柏木雅之、山下博之 (IPA SEC エンタプライズ系プロジェクト) 2011-05-25 12:00 皆さんは「アジャイル開発」と聞くとどんなイメージを思い浮かべるでしょうか。語源となっている英語の“agile”を辞書で引くと「俊敏な、迅速な」という意味が載っています。そのとおり、刻々と変化する市場の要求、顧客の要求に迅速に対応していくというのが基本的なアジャイル開発のあり方です。 本連載では3回に渡り、アジャイル開発の採用を検討している方々に対して、その基本的な事項を解説していきたいと思っています。本連載によってアジャイル開発への理解を深めていただくきっかけになれば幸いです。 「ウォーターフォール型」の限界 アジャイル開発の説明に入る前に、「ウォーターフォール型開発」について見ていきましょう。 システム開発には納期が伴います。開発サイドは決められた期間内に要求通りの機能を実現し、顧客に
Hello World with a Big Smile (^^) @conchikuwaです。 やっとこさブログのリニューアルをやりました!これで4回目のリニューアルです。 しかも今回はオリジナルテーマ!!世界に1つだけのブログだよ! 前回使用していたテーマもものすごく気に入っていたのですが、有料テーマといえ、テンプレートなので、いつかはオリジナルテーマをと、その夢がついに叶いました! そうはいってWebデザイナーでもないので、デザイン力は皆無に等しく、プロにお願いすることに。 で、白羽の矢を立てさせていただいたのが、今をときめくWebクリエイターボックスの中の人、@chibimana(マナ)さんです。以前からブログを読んでいて、もしリニューアルするならマナさんにお願いしようと心に決めておりました。今回お忙しい中、お受けしていただけて感謝です! なのでリニューアルにあたりお願いしたこと、
Workflow Hacks! #1 が開催されるなど、データ分析のワークフロー管理が見直されつつある今日この頃ですが、Treasure Data 社内ではこれまでのところ Luigi を主なツールとして利用しています。ここでは Luigi を使ったワークフローがどのようなものであるかを紹介します。 (追記: 2016-09-18)その後、社内ワークフローは Digdag(主にSQLのクエリ実行に利用)、及び Airflow(主にスクリプトの実行に利用)へと置き換わり、Luigi を利用することはほぼなくなりました。 ワークフロー管理ツールとは? データ分析における「ワークフロー管理ツール」とは、データ処理の過程で必要となる一連のタスク(データのロードや、クエリの実行など)を自動化し、管理するために設計されたソフトウェアです。例えば、毎日決まったタスクをスケジュール実行したり、問題が起きた
SEOJapanさんのブログで「SEOでEコマースの収益を2倍に増やした具体例」というエントリーを以前見て、まっとうな良い進め方だなあと思っていました。 と同時に、似たようなSEO業務の流れ(Web制作会社が主導)で、売上を2.5倍くらいに増やしたコマースサイトを思い出し、やはりあの時のSEO業務の流れは結構妥当だったんだなとも思いました。 この記事はシェアされるだろう!と思うも、私が思うほどシェアされず、個人的になぜだろうと感じていました。 それからしばらく過ぎ、SEOコンサルの辻さんが、Twitterでこの記事に対して言及していました。 「いい記事だなあ。これが出来る人は少ないと思いますが……」 あれ?この流れができる人って少ないの!? そうしたら、当時の流れはきっと参考になるだろう、ということで、 Web制作会社が主導するSEOで、Eコマースの収益を2.5倍に増やした具体例 をまとめ
3行で マネージャーが喜ぶ承認システム、 CTO いわく「マジ便利すぎて鼻血出る」 5時間かかっていた承認リードタイムが58分に短縮 コストは月当たり1ドル未満 はじめに はじめまして、 IT 戦略部システム開発グループの長谷川です。入社以来一貫して社内システムの内製開発に携わっています。今では当部署のマネージャーを務める身ですが、基本的には開発大好きアプリケーションエンジニアであり、メンバーとああでもないこうでもないと意見交換しながらコーディングに没頭する日々を過ごしています。 社内システムの内製開発? 社内システムは会計、人事、総務、法務…と多領域にわたり、担当者あたりのシステム数が必然的に嵩むため、それぞれの運用効率というものが強く求められます。その意味で、社内の主軸となるシステムは原則 SaaS で賄うべしというのが世の流れです。しかしながら SaaS が提供してくれる機能はあくま
新年明けましておめでとうございます。 2017年も、未来の豊かさにつながる仕組みをデザインする組織として、STANDARDメンバー一同、常に学び、考え、邁進して参ります。本年もどうぞ、よろしくお願いいたします。 Sketchの連載記事を執筆しました 私事ですが、年末にWPJさんでSketchの連載記事を執筆させて頂きました。 吉竹 遼のSketch入門 for UIデザイナー – WPJ 対象はこれからSketchを触ろうと思っている方や、使っているけどもっと色々使い方を知りたい、という方です。今回はこの連載の中から、周りの反応が上々だったテクニックについて、編集さんに許可を頂き増補バージョンとしてお送りします。 Sketchはバージョン41以降シンボルのオーバーライドが可能になり、ますます効率化が進み使いやすくなりましたが、一方でシンボルを作成する機会も多くなり、管理の手間が増えてきまし
心構え ・HTMLは最小限にする ・JSも最小限。不要なら ・デザインとか全部決まってから手を付ける。 開発環境 ・リアルタイム入力補完ができるエディタ (プログラマならEcripseとかEmeditorとか、MacならCodaか) ・動作確認の InternetExplorer >Macで動いてWindowsでレイアウト崩れた!Windowsが悪い! ←なに言ってんだ・・・?? ・おまけでDreamwaver。 下準備 ・予め画像を切り出しておく。 HTMLコーディング開始 ・画像切り出しは全部後回しにして、 ZencodingでHTMLを「一気に」組む。 HTML”だけ”組む。 IDやclass名もここでつけちゃう。 ブラウザで開くとめちゃくちゃだけど気にしない。 文字も入力しない。 画像やCSSパスを設定する。 ・作ったHTMLをDreamwaverにコピペして、 Dreamwave
こんにちは、研究員の三宅です。インターネットでは @monochromegane として活動しています。ペパボ研究所では、機械学習を用いた新たなサービスの機能開発や運用手法についての研究開発を行っています。今日はペパ研の機械学習基盤の構想と、その運用を支援するために開発したツールについて紹介します。 はじめに 機械学習によってサービスの課題を解決していくためには、サービス資産との連携と、学習結果の利用が容易となる仕組みが必要となります。複数サービスを運用するペパボにこの仕組みを提供することを考えると、大規模にかつ即時適用可能な状態で運用するには基盤化が不可欠です。また、利用する学習結果は永続的なものではなくサービスの成長に合わせた継続的な改善が必要なため、機械学習基盤の運用においては改善結果の反映を継続、かつ安定して行うことができるかが課題となります。 このエントリではサービスと連携した機
MacBook ProとMac miniに驚異的なパワーをもたらすM2 ProとM2 Maxは、さらにパワフルなCPUとGPU、最大96GBのユニファイドメモリ、業界をリードする電力効率を特長とします カリフォルニア州クパティーノ Appleは本日、Appleシリコンの画期的な電力効率のパフォーマンスをさらなる高みに引き上げる2つの次世代SoC(システムオンチップ)である、M2 ProとM2 Maxを発表しました。M2 Proは、M2のアーキテクチャをスケールアップし、最大12コアのCPU、最大19コアのGPUを備え、最大32GBの高速ユニファイドメモリを実現します。M2 Maxは、M2 Proの能力を土台とし、最大38コアのGPU、2倍のユニファイドメモリ帯域幅、最大96GBのユニファイドメモリを実現します。業界をリードするワット当たりの性能により、M2 Maxはプロ向けノートブック用と
「うちの部署(会社)ってバラバラだな」と感じたことはありますか? 今回は、「分業はバラバラな職場を生みやすいのでは」という疑問をチームビルディングのプロである楽天大学 学長の仲山進也さんにお聞きします。ちなみに仲山さんはAgendの登場2回目。 私たちが「バラバラな職場」にならないよう、どうすべきかを教えていただきました。最後の「まとめ」まで是非お読みください。 仲山考材株式会社 代表取締役 / 楽天グループ株式会社 楽天大学 学長 まだ社員20人しかいない創業期の楽天に入社。楽天市場出店者の学び合いの場「楽天大学」を設立、人にフォーカスした本質的・普遍的な商売のフレームワークを伝えつつ、出店者コミュニティの醸成を手がける。「仕事を遊ぼう」がモットー。
Fukuoka.php Vol.11 に参加してきました。 リンク先にもあるように今回は NO PHP DAY ということで Fukuoka.php という名前を冠しながらも、誰一人として PHP の話をしなかったという珍しい勉強会でした。残念ながらUstreamの中継はなかったためオープンにはなりませんでしたが、いろいろと勉強になってたくさんインプットができたイベントでした。素晴らしい発表の数々は、後々各発表者の方より資料やブログが公開されると思います。Twitter では #fukuokaphp ハッシュタグで流れを追えると思います。 そんな NO PHP DAY な Fukuoka.php で僕も LT 枠をもらっていたので、ひとつアウトプットをしてきました。 プログラマとデザイナのコラボレーション Web 業界では、プログラマとデザイナが一緒に仕事をすることは多いと思います。一般的
Webサイトのデザインをする流れについて、色彩検定の勉強で学んだことを活かしつつまとめてみた。 準備 サイトの目的を確認する 何かを売りたいのか、情報を発信したいのか、など何の目的でサイトを作るかをはっきりさせておく。目的によって、カラー、ロゴ、ナビゲーションなどのデザインやコンテンツが決まる。 訪問者、利用者の属性を見極める 目的によって、訪問者、利用者を推定できる。ターゲットを明確にしておく。 ターゲットの性別、年齢、職業、住まいなどの属性によって、色、書体、ビジュアルテーマなどが決まってくる。 情報を整理 まずは、作成予定のコンテンツを全て洗い出す。 そのコンテンツを以下のような項目で評価する。 更新頻度:よく更新されるものか。すべきものか。 プッシュ性:アピールしたい項目か。 実用性:使って便利な機能か。 話題性:時代、流行に合っているか。目新しさはあるか。 テーマ性:サイトのコン
2009年09月25日16:00 カテゴリNewsiTech #google - Docs Viewer、いけるじゃん 早速試してみました。 「Google Docs Viewer」で、PDFなどブログへ埋め込み表示可能に -INTERNET Watch 米Googleは24日、「Google Docs Viewer」を使って、PDFやPowerPoint、TIFFドキュメントをブログやWebサイトへ埋め込み表示する機能の提供を開始したと発表した。 といっても、手頃なPDFがとっさに思いつかなかったので、これを。 http://www.dpj.or.jp/special/manifesto2009/pdf/manifesto_2009.pdf View via Google Docs Viewer iframeによる埋め込みにも対応しています。PDFのロードが思いかも知れないので低速回線/
Dreamweaver CC ベータ版で追加された CSSプリプロセッサー CSSプリプロセッサーとは、SassなどのCSSメタ言語(CSSの元になるファイル)からCSSファイルにコンパイル(変換)するプログラムのことです。従来、CSSメタ言語をCSSにコンパイルするには、ターミナルやSassをコンパイルするアプリケーションに頼らならければなりませんでした。 Dreamweaverベータ版では、SassやLessのコンパイルに必要な環境が自動で構築されます。Windowsでは面倒なRubyなどの環境構築もDreamweaverをインストールするだけで整います。CSSメタ言語のコンパイルはファイル保存のタイミングで自動的に行われ、コマンドプロンプトなどを使わずに、CSSが生成されます。 本記事では、Sassを中心にDreamweaverベータ版の関連機能の使い方を取り上げます。 Sass自体
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く