windowsでAdobe XDを使ってて、画面を左右移動できないでハマった
WEBデザインはAdobe Photoshop一択だったのですが、 最近はすっかりAdobe XDにはまってます。 今まで、食わず嫌いでなかなか試すことが出来なかったのですが、 いざ使ってみると、その簡単さに驚愕せざるを得ません。。 パッと長所を上げただけでも ・とっても軽量で使いやすい ・リピートグリッドで繰り返し要素も簡単 ・プレビュー機能で、クライアントや外部プログラマーとの共有も楽々 ・コンポーネント化することで、アートボードをまたがって共通部分の修正も楽々 ・プロトタイプ機能でページの変遷イメージも簡単作成 と、良いことづくめのXD。 使ってみて気になったところは ・画像系の処理はPhotoshopとの併用が必須 ・pngなどのオブジェクトなどの色変更は結構厄介 ・レイヤー効果でやっていたようなことがしづらい といったところでしょうか。 それも、慣れてくれば問題ないかなという感じ
TypeScript + React: Component patterns
Published on July 28, 2020 Stefan on Mastodon Reading time: 10 minutes More on TypeScript, React, Preact This list is a collection of component patterns for React when working with TypeScript. See them as an extension to the TypeScript + React Guide that deals with overall concepts and types. This list has been heavily inspired by chantastic’s original React patterns list. Contrary to chantastic’s
Help message for shell scripts
July 7, 2020Have you ever thought how good it would be to have a help message for your shell script that you wrote a month ago and already forgot what it is supposed to do? Yeah, there is always a way to show a message using cat (meow) or a bunch of echo calls. But there is a neat trick. Add your message with all the required information on top of your file, just right after the shebang. #!/bin/ba
Sassの変数とmixinで変更に強いメディアクエリをつくる ｜ Tips Note by TAM
レスポンシブWebデザインではメディアクエリ（media queries）を書くことが多くなります。通常のCSSではブレイクポイントを変更したくなったときに、すでに書いてしまった箇所を直していくのはとても大変です。 Sass（scss記法）を使えば、変数や@mixinを使うことで1箇所で管理することが容易になります。今回はSassでメディアクエリを管理する方法を紹介します。 ブレイクポイントを変数（マップ型）で定義する メディアクエリにはブレイクポイントと呼ばれる処理を変更する横幅を決めます。通常のSassの変数でブレイクポイントを定義した場合は以下のようになります。 $breakpoint-sm: 400px !default; $breakpoint-md: 768px !default; $breakpoint-lg: 1000px !default; 今回は変数は変数でも、マップ型
知っておくと便利な git clone --depth と git diff --indent-heuristic - kakakakakku blog
コミット履歴が無駄に多く，黒歴史のある Git リポジトリで開発をする場合，初回の git clone が非常に遅いという問題がある．コミット数に依存せずに素早く落とせる方法を探していて，最近（今さら...！） git clone の --depth オプションのことを知った．用途によっては非常に便利なので，まとめておこうと思う． 前提 現時点で公開されている最新バージョンの Git 2.12.1 を前提にしている．Git は今もまだ機能が増えているため，定期的にバージョンアップしておくと良いと思う．Mac なら brew upgrade git でサクッと最新バージョンになる． $ git --version git version 2.12.1 git clone --depth とは git clone で --depth オプションを使うと，指定したコミット数で刈り取ることができる
Macのスクリーンショットの影を消す方法|Mac Fan
文●今淳一 Macでウインドウ単位のスクリーンショットを撮影すると影が付いてきます。この影を消す方法をご紹介しましょう。 スクリーンショットの撮り方はいくつかありますが、その中でも便利なのが、ウインドウを指定して撮影する方法です。まずは、範囲を指定してスクリーンショットを撮るのと同じキーボードショートカット、［コマンド］キー＋［シフト］キー＋［４］キーを押します。この後に［スペース］キーを押すと、カーソルを動かして指定したウインドウだけを撮影できるようになるのです。自分で範囲指定をしてウインドウを撮影するより楽に撮れていいのですが、デフォルトではウインドウに影が付いた状態になります。 縁取りのように影が付いているのがわかるでしょうか。 気にならないといえばならないかもしれませんが、ブログに使うなど、加工して使うときにはこの影が邪魔になることもあります。そんなときは［オプション］キーを押した
無料サービスを使え！ – 役立つ無料サービスのレビュー、まとめ、比較記事を紹介
コンテンツへスキップ 無料で使える！HubSpotの顧客リストの活用法 無料のアンケート作成ツール 比較／まとめ 無料「Excel」 テンプレート 比較／まとめ 無料で使えるノートアプリ比較 (Evernote / OneNote / Google Keep) おすすめの無料Web会議システム5選 WebP Converter 徹底解説！初心者でも直ぐに使える HubSpot は、マーケティング、セールス、サービスのためのCRM（Continue reading 多くの人の声を聞くことで改善できることも多い 企業や団体など運営していContinue reading 就職・転職には必須となる履歴書・職務経歴書 これから就職活動をスタートContinue reading 便利なノートアプリで効率的な仕事をしよう いつの時代も仕事をしていてメContinue reading 近年、リモートワーク
Archive vs. archives, Internet vs. internet
It's been a week of learning new words and word forms! For your edification, should you not already know these differences, I present some lexical tidbits of interest: archive vs. archives The OED definition of archive begins: " 1. A place in which public records or other important historic documents are kept. Now only in pl." As in, we generally only say the archives. What's confusing to me, howe
標準入力同士の diff - Qiita
ブログネタなんですが、こちらで公開した方が大勢の目に触れると思うので… コマンド command1 の出力結果と コマンド command2 の出力結果を diff (1) で比較したい場合、bash (1) の場合は以下の様にする事で簡単に比較できる。
Illustratorのデフォルトのパターンスウォッチを使い倒す｜DTP Transit
Illustratorのパターンの扱いは、Illustrator CS6以降、劇的に改善されています。しかし、従来からある機能の組み合わせによる、デフォルトのパターンスウォッチの応用についてご紹介します。 「ベーシック」パターンを開く ［スウォッチ］パネルメニューの［スウォッチライブラリを開く］→［パターン］→［ベーシック］のサブメニューには「ベーシック_テクスチャ」「ベーシック_ライン」「ベーシック_点」の3つのライブラリが入っています。 ドットやライン、そして、テクスチャのパターンスウォッチが入っています（パネルメニューでスウォッチの大きさを変更）。 図形を変形せずに、パターンのみ（拡大）縮小する 四角形にラインのパターンを適用します。 ［拡大・縮小］ダイアログボックスを開き、［オブジェクトの変形］オプションをオフにして、［拡大・縮小］を「50%」に設定します。 オブジェクトの大きさは
【エクセル】表を劇的に見やすくするレイアウトワザ4選！数字を並べるだけじゃセンスがない | GetNavi web ゲットナビ
数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 エクセルの表を見やすくするレイアウトワザ①表に縞模様を付ける表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換」を使います。 ↑表を選択します ↑「ホーム」タブ → 「テーブルとして書式設定」ボタンをクリックし、メニューからスタイルを選択します 「テーブルとして書式設定」画面が表示されます。 ↑内容を確認し、「OK」ボタンをクリックします テーブルのスタイルが設定されます。 ↑テーブル機能が設定され、フィルターボタンが表示されます フィルターボタンなどのテーブル機能を解
Rakeを利用した電子書籍ビルドの自動化 - Fuzoku実践入門ブログ
はじめての電子書籍執筆を支えたソフトウェアで紹介した通り、 Re:VIEWとkindlegenとmd2reviewを導入することで、Markdownで執筆を行ないながら、コマンドを実行するだけで、MarkdownファイルからEPUB, PDF, MOBI（以下、これらを総称して電子書籍ファイルと呼びます）を生成することが可能となりました。 ゲラの執筆段階では、たまに電子書籍ファイルを生成するだけですが、校正段階に入ると、表示確認のために頻繁に電子書籍ファイルを生成するようになりました。 MarkdownファイルからEPUB, MOBI, PDFを生成するために必要なコマンドは次のようになります。 $ md2review d2review chapter1.md > ./chapter1.re # .md を .re に変換 $ review-epubmaker config.yml # E
ATOM: gitignoreしたファイルを表示する方法 - JavaScriptをがんばるブログ
ATOMエディタはデフォルトだとgitignore対象のファイルがtree view(左のファイル一覧)に表示されず、 ファイル検索にもヒットしません。 そのためbundlerやcomposerで落としたパッケージのコードを読む時などは少し工夫が必要です。 PHPのsilexというフレームワークを例に解説して行きます。 1.gitignore対象をtree viewに表示 preference → Packages → tree-viewの[Settiongs]ボタン よりtree viewの設定画面へ遷移し、Hide VCS Ignored Fileのチェックを外す。 gitignore対象のvendorディレクトリ以下がtree viewに表示されました。 2.tree viewのgitignore対象を見やすい色に変更する 現状のままでは背景のグレー色と重なりファイル名が読みにくいの
InDesignファイルは「別名で保存」でファイルサイズを縮小できます
概要 InDesignドキュメントのファイルサイズは「別名で保存」することで手軽に小さなサイズにできます。 InDesignファイルの不要な情報を削除して、管理しやすいサイズにしておきましょう。 ファイルサイズが小さくなる実際の例 以下の様なInDesignドキュメントを4つ用意しました。それぞれ24.1MB、43.9MB、99.8MB、131.6MBのファイルサイズがあります。 それぞれのInDesignドキュメントを開いて、メニューから「ファイル」→「別名で保存」を選択します。 今回はわかりやすいように「-別名保存後」をファイル名につけて保存します。 4つのInDesignドキュメントを別名で保存したものとファイルサイズを比べてみると以下の様に大幅にファイルサイズが小さくなることが確認できます。 24.1MB → 15.2MB：元のファイルサイズの63％ 43.9MB → 15.5MB
覚えるだけでPythonのコードが少し綺麗になる頻出イディオム - タオルケット体操
まえがき 今年の春から今まで、2年ぶりにPythonを沢山書いているわけなんですが、JavaScriptのクソに頭をやられて久しぶり書くだけあって基本的なところから色々と頭から抜け落ちていたわけです。 そんで何か思い出すたびに会社のwikiを使ってメモっていたのですが、せっかくなので少々訂正をしてブログにも書きます。 また、弊社はPython2を使っているので、2が前提の記述になっているところがいくつかあります。なるべくフォローしていますが、参考にする場合は自分が使っているバージョンを確認することをおすすめします。 また、今から新しくPythonでプロジェクトを始めようと思っている人は3系を使いましょう。 知ってる人は当然知ってる、でも結構長いことPythonを書いてても知らなかったりするような小技を載っけました。 なお、メタプログラミングとかの黒魔術っぽい記事のまとめはこちら: hach
【Mac】トラックパッドでドラッグをする方法を4種類ご紹介！ | CoardWare Blog
そこでオススメしたいのがKarabiner-Elementsの「Thumb sense」という機能。 これを有効にすると、トラックパッドに触れている間、F・Jキー（ホームポジションの人差し指キー）がクリックボタンとして機能します。 これによって、トラックパッドでもマウスなみの安定した精密操作ができます。 参考：【MacBook】快適すぎるFキーによるクリック操作を全力でオススメ！ Sierra以降Karabinerでは使えなくなっていましたが、最近復活しました。 新しい設定方法はその記事のコメントに記載。 デスクトップ上で掴んだファイルを保持し（Fキーを押し）ながら、４本指スワイプで隣のフルスクリーンアプリへ移動しドロップする、なんてことができますよ。 テキスト選択も快適。もうマウスは不要です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ADHDのマルチタスクの出来なさを逆手に取った解決策を実践してみたら、先延ばしを解消できて感動した話「めっちゃ効果あるんだけど…」
In git, is there a way to show untracked stashed files without applying the stash?
Selecting columns in Visual Studio Code
El Capitanで3本指のドラッグを有効にする - Qiita
