Webチートシート for エンジニアチートシートのまとめサイトです。プログラマー・エンジニアを対象に要点をすぐに参照できるようにチートシートにまとめてみました。Web開発、モバイルアプリ、CLIなど内容は多岐に渡ります。印刷してお手元に置いたり、ブックマークしてすぐに見られるようにしておくと便利です。
無料のAi・PNG白黒シルエットイラスト
10,000点以上のフリー白黒シルエットイラスト素材集 【無料のAi・PNG白黒シルエットイラスト】は、10,000点以上の白黒イラストアイコンを無料ダウンロードできるサイトです。 イラストのデータはベクター加工してあるAi、背景透過PNG、高画質JPG形式がまとまってZIPファイルになっていて無料ダウンロードできます。 ロイヤリティーフリーの高品質イラストアイコンを会員登録不要で1クリックでダウンロードできます。 白黒のモノクロで汎用性も高く商用利用もOKなので、チラシやお便り、ポスター、WEBサイト、ポストカードや年賀状などの印刷媒体にもアイコンやイラストとしてご利用いただけます。 クレジット表記や許可も必要なく加工してご利用いただいても大丈夫です。イラストご利用規約の内容をご確認しイラストをご利用ください。
PHPで確実に来月末や来月１日を求める - Qiita
来月1日を求める場合、こんなコードを書いてたんだけど、これを1月30日に実行すると、2月30日がないので、繰り越して3月になってしまう。 // Today = 2017-01-30 date('Y-m-01', strtotime(date('+1 month')) // 2017-03-01
【Photoshop】カンバスのセンターにガイドを一瞬で作成する方法（中心線を作成）
せっかくだから私が水を飲むように使ってるPhotoshopの小ネタおいとくね。切り抜きツールの枠、外周とセンターにガイドがぴたっとスナップされるので、手っ取り早く中心線引きたいときの補助ツールとして大変高機能です。いちいち計算しなくていいので楽。 pic.twitter.com/YbLJUNGSYb — 地獄のデストロイ子 (@hell_destroy) 2017年9月23日 ガイド引き終わったら、Escキーおして切り抜き解除すればガイドだけ残ります。（私は最近切り抜きツール使う機会が減ってきてて、こっちの使い方する機会のほうが圧倒的に多いのです…） — 地獄のデストロイ子 (@hell_destroy) 2017年9月23日 Photoshopでカンバスのセンターにガイドを引く簡単な方法だそうです。 とツイートを読んでみて、よくわからんかったので（ぉぃ）試してみました。
【Bootstrap】スマートフォンの時だけ改行する／表示する方法
概要 ▶ スマートフォンの時だけ表示・隠すことは難しくありません。そう、Bootstrapならね。classを付けるだけですが、Bootstrap 3.2から微妙に変わっているので注意です。 レスポンシブwebデザインとは、ひとつのHTMLソースから、スマートフォンやPCなど複数のデバイスへ対応することですが、レスポンシブwebデザインのウェブサイトを作る上で、非常に強い味方になってくれるのがフレームワークのBootstrap（Twitter Bootstrap）です。 このBootstrapがあれば、誰でもすぐにレスポンシブwebデザインのサイトを作ることができます。 さて、その強力なBootstrapで今回はTipsを紹介。 Tipsは「スマートフォン表示の時だけ改行する」「スマートフォン表示の時だけ○○を表示する」というもの。 それでは実例を見ながら説明しましょう。 ●実例「スマート
漢字辞典オンライン
更新情報 NEW2024/07/13「䍑」「罞」「䍘」「䍙」「䍣」などの字に意味を追加しました。 NEW2024/07/12「䌲」「纋」「䍉」「罆」「䍏」「㒺」などの字に意味を追加しました。 NEW2024/07/11「䌖」「繛」「繤」「䌜」「䌝」「繱」「繴」「䌞」「繨」「䌥」「纀」などの字に意味を追加しました。 NEW2024/07/10「叱」の補足欄を変更いたしました。 NEW2024/07/10「縤」「䌉」「䌌」「縸」「縼」「䌓」「繉」「繏」などの字に意味を追加しました。 NEW2024/07/09「髎」の意味欄の誤字を訂正いたしました。
CSS で作るおしゃれなボックス（枠線・囲み枠）のデザインサンプル 13 選 - Naifix
CSS だけで作れるおしゃれなボックス（枠線・囲み枠）のデザインサンプルを紹介します。 ブログ記事は文章がメインですが、ボックスを使うと重要なポイントがわかりやすくなり、記事の読みやすさにもつながります。
VisualStudioCodeの日本語化 - Qiita
VSCodeは日本語に対応していて自動で日本語表示になるのだが、たまにアップデートをすると英語表記に 変わってしまい設定を変えないといけなくなる。 その場合の手動での設定方法を説明する。 日本語モードでVSCodeを開く 以下のオプションをつけて開くことで日本語モードで起動できる。 $ code . --locale=ja デフォルト言語を日本語に設定する VSCode上で「Ctrl+Shift+P」を押してコマンドパレットを開く >Configure Language と入力するとlocale.jsonが開く { // VSCode の表示言語を定義します。 // サポートされている言語の一覧については、https://go.microsoft.com/fwlink/?LinkId=761051 をご覧ください。 // VSCode の再起動に必要な値を変更します。 "locale":"
サイトマップを作成-自動生成ツール「sitemap.xml Editor」
【ご注意事項】 1. ご自身のサイトのみに利用ください。2. 一度の作成で、最大1,000URLの取得が可能です。3. 1,000URL以上は「除外ディレクトリ」をご活用ください。例えば、1,000URL以上ある*****.com/のサイトマップを作成する際、*****.com/ABC/、*****.com/DEF/、のみのURL構成だった場合は、ABCとDEFを別々に除外ディレクトリに指定し2つのsitemap.xmlを生成します。その後どちらかにまとめて一つのsitemap.xmlとするか、2つのsitemap.xmlをアップしそれぞれ認識させます。4. rel="nofollow"のついたリンク以降のURLは取得しません。5. 生成されたファイルはご自身の責任のもとでご利用ください。
意外と簡単！WordPressのバージョンをダウングレードする方法
僕はDigiPress Matureというワードプレステーマを使っていますが、2013年8月にアップデートされたWordPress 3.6ではJavaScriptが正常に作動しないことが発覚し、WordPress 3.5.2にダウングレードすることにしました。その手順を備忘録がてら解説します。 データのバックアップ これから解説する手順で作業していただくと不具合が起こることはないとは思いますが、万が一のことを考えて、サーバーに置いてあるファイルをダウンロードし、バックアップをおこなってください。僕はBackWPupというプラグインを使って毎日バックアップするようにしています。 BackWPupを設定方法については、NetaOneのBackWPup – Webサイトを丸ごとバックアップできるWordPressプラグインというエントリーでこれでもかと言うほど詳しく丁寧に解説されていますので、こ
イラストレーター（AdobeIllustrator）講座●パスで線路を作る
複数の線を重ねて表現している代表的なものが線路の表記です。主に2種類ありますが、イラストレーターではどちらも実線と破線を重ねて表現します。 基準となる太さを5ptにしました（これは地図の大きさによって調節しましょう）。太さ5ptで実線を引きます。その線を選択したまま編集メニューから「コピー」して、同じく編集メニューの「前面にペースト」すると、同じ実線が同じ位置にペーストされます。ペーストした線の設定を太さ20pt、線分5pt-間隔15ptの破線にします。ここで線分を基準となる線の太さ5ptと同じ値にすることで、太さ5ptの線が一定間隔で横向きに描かれたように見えます。最初の線と合わせて線路になります。 次に、その2の線路です。 基準となる太さを5ptにしました（これも地図の大きさによって調節しましょう）。まず、太さ20ptで実線を引きます。その線を選択したまま「コピー」して「前面にペースト
オンラインイメージ最適化ツール
このオンラインイメージ最適化ツールは、画像最適化とファイル圧縮アルゴリズムを組み合わせて、画質を保ったままに、JPEG、GIFやPNGイメージを最小サイズに圧縮する賢いツールです。Optimizillaは、可能な限りの画像圧縮率かつ画質維持を実現。他のサービスやソフトウェアを凌ぐパフォーマンスです。 一度に最大20個までファイルをアップロードできます。アップロードが完了したら、サムネイルをクリックして、各イメージのクオリティ設定をして下さい。イメージ横のサイドバーで圧縮レベルを調節できます。調節後は、イメージを拡大縮小・移動させて画質を確認して下さい。
圏外のなぜ？がわかる。SEO解決ツール
itomakihitode.jpは基本無料でご利用できますが、お1人様1日1回までと制限させていただいております。 しかし、itomakihitode.jp有料版につきましては、上記制限がありません。その他にも様々な機能・特典をご用意いたしております。 複数サイトをお持ちの方、またサイト制作やコンサルティングに携わる方々に関しては、クライアント様のサイトのSEO診断・提案資料としてもご活用いただけるかと思います。 左の入力フォームに自サイトのURLとターゲットキーワードを入力し、調査したい検索エンジンを選択して診断を開始すると、以下のSEO情報が取得できます。 Yahoo! JAPAN、Google、Bingの検索順位 titleタグ、meta description、meta keywordsの内容とキーワードの強調表示 自社サイトと競合上位10件平均のSEO要因状況レーダーチャート 自
ランディングページのABテストが超簡単にできる、Googleアナリティクス「ウェブテスト」機能、Optimizelyの設定まとめ｜アナグラム株式会社
ランディングページのABテストが超簡単にできる、Googleアナリティクス「ウェブテスト」機能、Optimizelyの設定まとめ リンク先や新しいランディングページのABテストをする際に、同じ広告文でわざわざ別のURLにして入稿して審査を待ち、リンク先のABテストをスタートする。この流れ、とても面倒ではないでしょうか？ 広告リンク先のABテストを実施する際に面倒なこと Googleアドワーズなど、媒体側のリンク先設定を変更したくない 期間や広告文など、リンク先以外の条件をそろえないといけないので管理とフィードバックが大変 全トラフィックの10％、25%などABテストによる影響が限定できる範囲・特定の環境でABテストを実施したい ボタンやアイキャッチ画像など、ランディングページの主要な一部分だけを手軽に高速でABテストしたい などなど、上記に限らずさまざまな悩みがあると思います。これらはAB
正しく圧縮、素早く送信、mod_deflateの設定方法 | なうびるどいんぐ
このブログでは、帯域の削減とページ表示を高速化する目的でgzip圧縮して転送しています。 ただ、「Apache deflate 設定」とかで調べると「ん?、それ必要なの?/間違ってない?」と思う様な設定例が沢山ヒットします。 「自分の設定が完璧だ！」と主張するつもりはありませんが、少しでも正しい(と思える)情報を掲載したいので。 圧縮して転送すると? 圧縮して転送するのはページの表示速度を向上する目的でもほぼ全方位からおススメされている方法です。 圧縮にCPUリソースを利用しますが、上り帯域の節約や転送に掛かる時間が短縮される事を考えるとむしろプラスです。(一般的に、ネットワークを含むI/O操作はCPUを遊ばせます) この時代にmod_deflateが使えない鯖の方が少ないと思うので、出来る事ならばやっておいた方が良いでしょう。 良くある間違った例 以下の様な例が良くヒットしますが、間違っ
Web Application Security & Performance Tools for Microsoft IIS Servers | Port80 Software
Port80 Software has sunset its line of top-tier IIS server security products.Effective February 14, 2020, Port80 Software no longer offers products for individual or bundled licenses. For over 17 years, Port80 Software has offered secure, maintainable products for the protection of .NET sites and applications. While IIS Administrators have long relied on our software to guard their networks and se
Adobe Illustratorのaiファイルに埋め込まれた画像を抽出する
Adobe Illustratorに埋め込まれた画像 ai ファイルに貼り付けた画像がいつの間にか移動していて、ai ファイルがちゃんと開けなくなっている…そんな悲劇を避けるために、画像を「埋め込む」ことがあります。さらに、一度埋め込んだファイルを PowerPoint スライドで使いまわしたい等の理由でなるべく綺麗に取り出したいことがあります。 Illustrator のヘルプにはそのものずばり「Illustrator ヘルプ / 画像の埋め込み解除」という項目があるんですが、対象とされている Adobe Illustrator CS6 では「埋め込みを解除」というボタンが現れません。（代わりに、主要なボタンがグレーアウトした上図のような画面になります。） 試しにGoogle 検索してみると、大量に困っている人がいるようです。そこで、ai ファイルに埋め込まれた画像を簡単に取り出す方法を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Windows版】VS Code キーボードショートカット一覧 （オススメ付き） - Qiita
jsdo.it
tumblrテーマをPCとスマホで切り替える！( ✧Д✧) - 杏z 学習帳（旧）