VPN 切り替えをキーボードだけで完結する Alfred Workflow 作成から公開まで｜らぷ/lap
毎回マウスカーソル動かすのが面倒だったので Alfred Workflow を初めて自作して公開してみました。 Alfred4 Powerpack をもってるひとはこのリポジトリのなかの workflow から2つのファイルをダウンロードして使ってみてください。 作成macOS 上で VPN の状況を調べられるコマンドに出会い、ターミナル上で実行してました。 せっかくだしスクリプトを Gist で公開するでもよかったのですが、簡単に使ってもらえるようにパッケージングしたいなーという気持ちからいつも使ってる Alfred の Workflow として作成することに。 作り方は公式ドキュメントがあるのでこちらを参照してください。 Alfred に対応させたいコマンドを Keyword で設定して、実行したいスクリプトにつなげれば OK です。 公開完成したら右上から2番目の Export Wo
意外と優秀!!Dropboxでのデザインフィードバックを試したらすごく良かった話 | 株式会社ウェブ企画パートナーズ
グループワークやリモートワークを行う環境で、データを１箇所にまとめて格納できるオンラインストレージサービス「Dropbox」。2011年に日本語対応してからというもの、愛用されている方も多いのではないでしょうか。 かくいう弊社もDropboxをバリバリ使って日々業務を行っております。もはや足を向けて寝られない存在です。 そんなDropboxですが、近年のアップデートにより、データを保存・共有するだけでなく、デザインフィードバックツールとしてもかなり優れていることに気づきました。 実際に使ってみると、弊社でよく使っているデザインフィードバックツール「InVison」と比べても遜色なく、良い感じです。 ということで、今回はDropboxのフィードバッグツールとして良かったポイントをまとめてみましたのでご覧ください。 それではどうぞ！！ とりあえずDropboxファイルにコメントしてみよう まず
iOS 12で便利なショートカット、具体的な使い方を押さえる | 日経 xTECH（クロステック）
最新版のiOS 12がリリースされ約1カ月が経過した。アクセス解析サービスを提供する米ミックスパネル（Mixpanel）によると、iOS 12の導入率は54％程度という（10月14日現在）。Androidと比較すると驚異的なアップデート率だが、それでもiOS 11を使い続けている人はまだ多い。 そのうちのどの程度のユーザーがiOS 12対応機種を利用しているのかはわからないが、筆者は訴えたい。対応機種のユーザーであれば、「ショートカット」アプリのためだけにアップデートする価値は十二分にある、と。とくに時間を有効に使いたいビジネスパーソンであれば、筆者の意図をすぐに理解していただけるだろう。 「Workflow」という名のサードパーティー製アプリをアップルが買収し、iOS 12から純正の「ショートカット」アプリとしてリニューアル。様々なバッチ処理のサンプルが用意されている。
Apple純正アプリ「ショートカット」がiPhoneを劇的に使いやすくしてくれると話題に : IT速報
ショートカットアプリの使い方がいまいちわからんw ってこれはひょっとして子供向けプログラミングゲームみたいな感じ？
iOS12ならNature RemoだけでSiriから家電を操作できる話 - 海から出た魚
先日のWWDC2018でiOS12が発表されました。 iOS12では新機能はそこそこに、iOS11をベースとした安定性に力を入れています。 その数少ない新機能の中に「Siri Shortcuts」というものがありました。 これはカスタムコマンドをユーザーが作成し、任意の言葉を話すことでそのコマンドを起動できるというもの。 説明だけではパッとしませんが、Workflowというアプリと同じような感じです。 Workflow Apple 仕事効率化 無料 Workflowでは結構難しい変数やらを使用するときがありますが、Siri Shortcutsではもっと簡単に作れるようになるでしょう。 iOS12Betaでは、まだShortcutsアプリ自体は存在しませんが設定のSiriからWorkflowのレシピを起動できます。 Workflowでレシピを作成すると二枚目の画像のところに候補として出てきま
iPhoneの自動化アプリ「Workflow」をさらに便利に使えるオリジナルレシピ7選
WebページをPDF化したり、今読んでいるブログのURLをコピーしてTwitterに貼り付けたりと、日常的なルーティーンは誰しもあるはずです。もしその決まり切った作業が*「たった3分」程度だとしても、それが「たった数秒」*になったらどうですか？ Workflowを使えば、たったの1タップであらゆる工程を自動化することができます。しかも、想定以上に様々な工程を自動化できるためその効果に驚くほどでしょう。 今回は、iPhoneの自動化アプリ「Workflow」の底力を引き出すためのオリジナルレシピ7選をご紹介します。レシピは自分で作成することもできますが、やはり便利な定番レシピを入れておくのが間違いありません。気に入ったレシピはすぐに追加できるので、ぜひチェックしてみましょう。 Workflowとは？ https://workflow.is/ Workflowは、iOSのさまざまな標準機能まで
無料で使える！Appleが買収したアプリの動作を自動化できるアプリ「Workflow」とは？
iPhoneでブラウザを開き、情報をシェアしたり、URLや内容をメモしたりという作業を日常的に行っている方も多いでしょう。何気ない動作ですが、面倒に感じることは無いでしょうか？ 例えば、ニュースのURLをメモ帳アプリにまとめたい場合、記事ごとにURLを「選択」→「コピー」→「ペースト」するようなiPhoneを手動で操作する場面です。 じつは、「Workflow」というアプリを使うことで、1タップで全ての工程を自動化できるようになります。Workflowは、Appleに買収されたことで注目を集めたiOS専用の作業効率化アプリです。 文章やURLのコピー&ペーストはもちろん、SNSのシェア、URLの短縮など手動で行っていた動作を自動化できます。多機能でありながら無料で使うことができます。 今回、「Workflow」の解説と、ワークフロー事例をまとめましたので参考にしてみてください。 自動化iO
問題解決のためのスタイルガイド入門
定義が広いスタイルガイド フロントエンド開発者からスタイルガイドという言葉を耳にするようになりました。効率的、かつ一貫性のある見た目とコードをつくるための共有ツールとして、スタイルガイドが使われることがあります。一見、目新しくみえるスタイルガイドですが、最近生まれた新しいアイデアではありません。ロゴやコーポレートカラーの使い方を記したスタイルガイドは昔からありますし、ライターにもスタイルガイドがあります。 このように、開発者も、デザイナーも、ライターも同じように「スタイルガイド」という言葉を使っています。人によって、その言葉から受ける印象も異なれば、必要としている要素も異なります。YUI 並の UI アセット をスタイルガイドに含めることを期待している人もいます。アプリや Web サイト開発におけるスタイルガイドを作る際に難しいのは、何で作って管理するかではなく、どの範囲をスタイルガイドと
iPhoneアプリのデザイン指示書について | keisuke tsukayoshi
最近になってようやく、その他の開発のために止まっていたlogのアプリ開発が少しずつ動き始めました。デザインはほぼFIXしていたので早速実装に取り掛かっています。やはり自分が作ったデザインがアプリケーションという形に落とし込まれていくのは、デザインに命が吹き込まれているようで毎度感動させられますね…。 さて今回の記事の内容は、そんなデザインに命を吹き込む過程でスマホアプリ開発に必要な、デザイナーからエンジニアへ受け渡されるデザイン指示書についてまとめてみたいと思います。 デザイン指示書とは マークアップの世界ではわりとPSDファイルを渡せば自前のPhotoshopなりで素材を切り出したり、大きさを測ったりすることはわりと一般的ですが、スマホアプリ開発ではマークアップ的な見た目実装に加えて機能も同時に実装する必要があるので、全体の作業量なども考慮して素材の切り出しや余白・文字の大きさの指定など
メンテナブルCSS
概要 メンテナブルなCSSを目指し、定義された一般的なCSSルールの紹介と、それらのルールを適用するにあたって活用できるツールを報告します。 1. 序論 CSSは記述ルールが簡素であり、少しの学習コストですぐに記述ができる手軽なツールです。 しかし、大規模なアプリケーションで複数人で開発するケース等では、見栄えだけしか考えずに身勝手にコーディングしてしまうと、 非常にメンテナンスコストがかかる負の遺産が作られてしまいます。 そのためCSSの品質を保つために様々なプロジェクトで、CSSの定義ルールが決められています。 本稿では一般的なCSSの定義ルールと、そのルールがなぜ作られたのかを合せて報告致します。 また、CSSのルールを適用するにあたって、手動・目視でルールの適用をチェックするのは非常にコストが高い作業です。 これらルールの適用を補助するツール群を、合せて報告致します。
カンプがなくなったときのデザイナーの役割
手段を再想像する 昨年末に開催された CSS Nite Shift 5 で「Reimagination（再想像する） 」の話をしました。人とコンピュータの関わり方が行動や価値観を再定義しているのと同じように、Webサイト制作にしても同様のことがいえます。今までの当たり前を疑い、未来に柔軟に対応できるワークフローが必要とされています。 例えば従来必須だと言われていたワイヤーフレームも考慮対象です。少し前に ASCII へ「柔軟性あるデザインプロセスへ移行するためのヒント」という記事を寄稿しました。ワイヤーフレームが果たそうとしているコミュニケーションの目的は間違っていませんが、つくるためのツールや手法に問題があるのではないかという疑問を投げかけた記事。絶対いると思い込んでいるものも、今の時代にマッチしなくなってきているものは少なくありません。 また、Photoshop や Fireworks
2013年、WebデザイナはGitを学ぶべきか？ そして1993年、編集者の7つ道具とは何だったか？ - QA@IT公式ブログ
WebデザイナはGitを学ぶべきでしょうか。答えはイエスだと思います。やらなくてもいいかもしれませんが、やればアドバンテージになるでしょうし、やらないことが今後マイナスになっていくように思えます。 仕事に必要な道具は常に進化します。その変化の過程で「ツールは本質ではない」と、うそぶいたまま時代の波に乗り遅れた人たちを過去に少なからず見て来ました。ツール（道具）が本質でないのは当然です。でも、そのときどきに使うべきツールを使わなければ、良い仕事はできませんし、市場ニーズに応えられません。 そのことを個人的な体験談を混じえて書いてみたいと思います。 今から20年ほど前、学生時代にバイトをしていた出版社で呆れられました。人文系の書籍や雑誌を手がけてきた筋金入りの編集者だった上司は、こう言いました。 「キミは編集者の7つ道具も知らんのかね！」 1993年時点で雑誌や書籍の編集者が必ず持っているとさ
妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
はじめに 昨日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた」の続編を書きます。 今回は僕が苦労したIE6〜8対応のお話です。 実はIE8ユーザーの割合はIE9に次いで第2位！ Mac万歳！Chrome万歳！な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。 しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。 よく見ると8位にはIE6がまだしぶとく生き残っています。 この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなる まず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。 トップペ
CSSを編集して自動保存できるChromeの拡張機能「DevTools Autosave」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 突然ですが、皆さんはどうやってWebページを組んでますか？ 僕は、HTMLの骨組みをひと通り書き終え、それからChromeで直接CSSを書いていきます。個人的には、ChromeはCSSをリアルタイムでいじれるので便利です。 しかし、この手法で組むと、CSSを追加、編集するたびに、いちいちコピペを連発しなければならない。しかもその後ちゃんとコピペしきれているか別タブで確認して・・・。 これは、NO GOODです！ 「編集したCSSをそのまま保存できたらなあ。」と誰もが思うことでしょう。ブラウザのセキュリティ上、そのような機能は永遠に提供されないと思われますが。 と、思ったのは誤算でした！ なんと、Chromeが開発者向けに「Chrome DevTools Autosave」という名の拡張を出しているんです！これを使えば、編集したCSSがそのまま保存されます！
マウス要らずの生活へようこそ！すべての操作をキーボードで可能にする「Shortcat」が最強すぎる！ | ゴリミー
パソコンをバリバリ使う人ほどマウスを使いたがらない、という話を聞いた1日のほとんどをMacの前で過ごしている僕はMagic Mouse愛用者！どうも、g.O.R.i（@planetofgori）デス！ 僕は確かにMagic Mouseを愛用しているが、普段キーボードをバチバチ叩いているので、できるのであればキーボードから指を離さずに操作ができるのが理想。その理想の一角を担っているのが僕の場合高機能ランチャー「Alfred」だったりするのだが、その理想をほぼ実現したと言っても過言ではないMac用ツール「Shortcat」のベータ版が公開されていたので、紹介する！！ イメージとしては、「画面上に表示されているすべての文字を検索対象とするSpotlight機能」と言ったところ。見たほうが分かりやすいと思うので、以下の公式プロモーション動画をどうぞ！ What is Shortcat? from
PhotoshopやIllustratorを組み合わせて5分でも早く！Fireworks中心に制作している僕のAdobeソフトの使い方 | Webデザインのタネ
一定期間更新がないため広告を表示しています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developers.google.com/web/tools/setup/workspace/setup-devtools
PC
https://repopgl.org/
http://www.cmmntr.com/m/58