数回 or 1クリックするだけで、デスクトップ・タブレット・スマホに適した複数サイズのファビコンを簡単に生成できる無料オンラインツールを紹介します。 ファビコンは、テキスト・画像・絵文字から簡単に生成でき、日本語や自分の画像からでも生成できます。また、複数の画像サイズ・フォーマット、それらの実装コードも生成してくれる優れものです。
彼のこの記事を読んで、使い始めました。 タスク管理ツールって、過去いろいろと使っているんですけど、なかなかしっくり来るものがないんですよね。結果的に、Googleカレンダーにタスクを登録したり、メモ帳にToDoを記載したり……。 ただ、このRemember The Milkを使うと、なんかテンションが上がって抜け漏れなくタスク管理ができる。いやいや、絶対褒めすぎでしょって思ってたんですけど、いや、便利っすね。これはマジで。 詳細はここでは説明しません。もう、まさくにの記事を読んでください。 私は、無料プランを使っているんですけど、たしかにこれは有料プランを契約しても良いレベル。 Transmit https://panic.com/jp/transmit/ 続いて、FTP/SFTPクライアントのTransmitです。 今までは、Forkliftを使っていたんですけど、ここ一年くらいでこのソ
はじめに 2020年も始まりましたね! タイトル通りですが、2020年現在スタートアップや大手のWeb系IT企業で採用されている、トレンドとなっている技術についてそれぞれのジャンル毎に求人や採用ページ、ブログを元にまとめてみました。 いくつかピックアップしている形になるので、記述できてないものもありますが、ご了承くださいm(_ _)m (適宜アップデートしていきたいと思います。) (自分のメイン領域がバックエンドなので、そちらに偏っていると思います) 言語編 Ruby サーバーサイドのスクリプト言語、動的型付け言語です。 まつもとゆきひろさん(Matzさん)により開発されたオブジェクト指向スクリプト言語。 日本生まれの言語です。 整数や文字列なども含めデータ型はすべてがオブジェクトであり、純粋なオブジェクト指向言語です。 有名なフレームワークである Ruby on Rails を使うと開発
こんにちは、エンジニアのづやです。 ここのところ、「CSVからWordPressにデータを取り込みたい!」「ルールに沿って特定のカテゴリを違うカテゴリに付け替えたい!」などのお話を受けることが多かったので、苦労した点とかを共有したいと思います。 気軽なやり方 全然大したことない処理のときは、phpファイルを作って、WordPressだけ呼び出して処理ですね、お手軽。 <!--?php require_once "wp-load.php"; // パスは環境によって変えてね ?--> これを読み込んだら、WordPress関数が使えるので、CLIからphpとして実行したり、まあdocument rootにおいて実行して消すなりしちゃえばOKです。WordPress管理外じゃないけど、WordPressの記事を引っ張りたいときとかと一緒ですね。 たまに「wp-blog-header.php」を
Roy @Renatus061 絵の上手いデザイナーさんが脚のラインの太ももから膝、膝下から足首と一気に描いてて感動したけどこういうことなのか…。 twitter.com/simodasketch/s… 2022-02-25 22:08:50 にゃー子 @saru_yume_line 高校生のとき、絵を描くときは前のめりになり過ぎず、少しキャンバスや紙から距離を取って全体像を見なさい、と口癖のように教えてくださった先生がいたのだけど、今でも本当に役立っている。 視野が広い方が線が活きるので見ていて気持ちが良い。 twitter.com/simodasketch/s… 2022-02-25 22:07:48
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化されたUIコンポーネント animataの使い方 Animataの特徴 Animataは、WebサイトやスマホアプリのUIに使用されるアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードを提供しています。 MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。 AnimataはUIライブラリではありません。UIに動きを与えるためのコード集なので、他のUIライブラリやデザインシステムと一緒に使用できます。カ
衣類や小物類を収納するクローゼット。せっかくスペースがあるのに上手く使いこなせず、隙間が空いてしまったり物が取り出しにくくなってしまうと悩んでいる人も多いのでは? ここでは、エッセイスト・整理収納アドバイザーの柳沢小実さんの話をもとに、プロ直伝のクローゼット収納術を紹介します。 よくあるクローゼット収納のお悩みとは? 「物が取り出しにくい」 「冬服がかさばる」 「統一感がなく片付いていない印象に」 クローゼットのベストな収納量はどれくらい? クローゼットの整理整頓! まずは何をすればいい? プロに教わる「クローゼット収納のコツ」 ハンガーを統一する “イン”だけでなく“アウト”する数も決めておく 型崩れしやすいものは上段に収納する 風通しを良くして防虫・湿気対策 初心者には横長クローゼットがオススメ 外部の保管サービスを積極的に利用する クローゼットの収納に役立つアイテムは? MAWAハン
ホームページを制作するときに、何度も繰り返し利用するコードは、スニペットとして整理しておくのがオススメです。 スニペットとは「切れ端」「断片」という意味で、コピペで簡単に再利用できるテンプレートのようなもの。 この記事では、コピペで使える便利な最新HTML/CSSスニペットをまとめてご紹介します。 ブラウザ上でHTMLやCSSのコードを編集しながら、リアルタイムでプレビューを確認できるのもポイント。 画面右下にある「Return」キーをクリックすることで、再読み込みでプレビューできます。 コピペできる、保存しておくと便利なHTMLスニペットまとめ 水平方向に無限スクロールするアニメーション 左右どちらへもスクロールするCSSアニメーションで、両サイドはグラデーションでフェードアウトしています。 See the Pen Infinite Scroll Animation by Yoav Ka
この記事では、クリエイターが知っておくと便利な、最新オンラインツールをまとめてご紹介。 昨年末より話題持ちきりのAI関連ツール、特に増えています。 また、Webサイト制作が楽になる時短ツールやデザインツールなど、あらゆるクリエイティブな案件、プロジェクトで活躍しそうな新ツールが中心。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. AIツール 2. Webデザイン便利ツール 3. 配色ツール 4. デザインツール 5. プロトタイプ・アイコンツール 6. クリエイティブ・面白ツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ AIツール Hotpot 写真の背景を削除したり、拡大ししたり、不要なものを消したり、古い写真のカラー化などを、AIがまとめて行う自動ツール。 加工した写真は、InstagramやTwitt
Want to try more scale comparisons ... not only the Ever Given but anything else? Try the new @bplmaps Insizeor tool! Why should the Suez Canal have all the fun? From the comfort of home you can get the Ever Given stuck wherever you want it. Drag and zoom the map to move this big old boat somewhere else. Click the rotate button to get it wedged perfectly. Hit the "to scale" button to make it appro
degoogleは脱Googleの為に作られた代替アプリ等のリストです。Googleから距離を取りたい時に重宝するリソース等がリスト化され、Githubでも共有されています。 検索や解析、グループ、フォト、Gmail、Workspace、Youtube、ニュースに翻訳にアラート、カレンダー、ドキュメントやスプレッドシート、ドライブなどなど他のあらゆるGoogleのサービスの代替サービスも纏められています。 更に追跡の防止、各デスクトップアプリやOS、スマホアプリなどなどGoogleが関わっているサービスやアプリの代替方法が大量にリスト化されています。 とはいえ完全互換でもないですし、現実的に難しい問題ではありますが、個人的にも、もう昔のGoogleはいないと思っているので、自分が出来る範囲で自己防衛に努めようと思っているので参考に見てみようかと思います。 degoogle
Send feedback about our Help Center This help content & information General Help Center experience
私が愛用しているEagleが、ver.3に神アップデートしました! Eagleは簡単に説明すると、素材を一元管理できるWin, Mac対応のアプリです。フォントや画像をはじめ、動画・音源・PDF・テキストなど、なんでも管理でき、Webページ上の画像や動画、スクリーンショットも簡単に撮影・管理できます。 ライセンスはサブスクではなく買い切り型、1ライセンスで2台までOK、しかもバージョンアップの追加料金なし。私はver.1から使用していますが、追加料金は一切なく、ver.2そして最新版のver.3にアップデートできました。 そして、朗報があります! 前回紹介した時に好評だったので、なんと10%オフのクーポンを当ブログ限定で配布します。お試し期間もあるので、まずは無料で使用してみてください。 Eagle Eagle コリス限定10%オフのクーポン Eagleとは Eagle ver.3の神アッ
CSS Section Separator GeneratorはCSS製の斜めやジグザグなどの境界を手軽に作れるジェネレーターです セクションが変わる所を分かりやすく明示する、みたいなやつ。角度や位置などを変更して排出されたコードをコピーすればいいだけです 手軽で良いですね。ジェネレーターのソースコードも公開されています CSS Section Separator Generator
コミュニケーション・SNS関連のスキル スキル名:白ヤギさん 提供:KAZUYUKI IKUSHIMA A19.JP Echoに話した内容をLINEで送信できるスキル。送った内容は「白ヤギさんMessaging」という友だちからのメッセージとして届く。自宅で留守番中の子どもから、外出先にいる親に連絡してもらうときなどに便利だ。 ●白ヤギさんの詳細は→こちら スキル名:マイ伝言板 提供:marge Echoに伝言を録音し、家族に連絡したいことを簡単に伝えられるスキル。録音する場合は「伝言を残して」、聞きたい場合は「伝言を再生」と話しかけよう。複数の伝言を保存することもでき、聞き終わったあとで「伝言を消す」と言えば削除が可能。 ●マイ伝言板の詳細は→こちら スキル名:お願いです 提供:Masayuki たとえば「お小遣いを増やしてほしい」など、家族に面と向かって頼みたいことを代わりに伝えてくれ
激安!特価・タイムセール・クーポン観測所 タイムセール、限定クーポン、最新のリアルタイム売れ筋ランキングなど、激安&特価で販売中の商品情報を紹介していくブログです。 Amazonで24時間以内に値下げされた商品を売れ筋ランキング順で紹介します。 本記事は、パソコン・周辺機器、家電&カメラカテゴライズされた商品のランキングです。 ⇒その他売れ筋商品情報はブログランキング ランキング第1位 Razer ARGB対応 120mmFAN 3個セットパッケージ Razer Kunai Chroma[ RC21-01800100-R3M1 ] 19550円 (2022年03月12日 07時58分時点の価格) 24時間の価格下落率:30% ランキング第2位 ヤマハ スピーカーパッケージ NS-P41(B) 5.1ch コンパクトスタイル ブラック NS-P41(B) 19627円 (2022年03月12
ChatGPTにはOpenAI製の画像生成AI「DALL-E 3」を用いた画像生成機能が搭載されています。これまでは、画像生成機能は有料プラン「ChatGPT Plus」の加入者しか使えなかったのですが、2024年8月8日(木)から無料ユーザーも使えるようになりました。すでに日本からも画像生成機能を無料で使用可能だったので、「日本語でも使えるのか?」「生成枚数の制限はあるのか?」といった疑問を解決するべく実際に使ってみました。 We’re rolling out the ability for ChatGPT Free users to create up to two images per day with DALL·E 3. Just ask ChatGPT to create an image for a slide deck, personalize a card for a fr
この記事では、Webデザイン制作の面倒な作業を楽にこなす、便利なSVGツール53個をまとめてご紹介します。 背景テクスチャやSVGシェイプから、オンラインSVGツールやSVG最適化ツールなど、SVGにまつわるあらゆるツールを揃えています。 新しいツールが見つかり次第アップデートしていく予定なので、ブックマークしておくと良いかもしれません。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作をもっと楽に!便利なSVGツールまとめ Haikei ユニークなSVGシェイプや背景、シームレスパターンを作成できるオンラインツールで、グラデーションや波ウェーブなど基本的なシェイプはほぼ揃います。 配色やサイズなど、本格的なカスタマイズができるのも特長で、作成したデザインはSVGやPNGファイルとして無料ダウンロード可能です。 Cool Backgrounds お好みの配色をつか
激安!特価・タイムセール・クーポン観測所 Amazon・楽天・ヤフーショッピング等のタイムセール、限定クーポン、最新のリアルタイム売れ筋ランキングなど、激安&特価で販売中の商品情報を紹介していくブログです。 Amazonで24時間以内に値下げされた商品を売れ筋ランキング順で紹介します。 本記事は、パソコン・周辺機器、家電&カメラカテゴライズされた商品のランキングです。 ⇒その他売れ筋商品情報はブログランキング ランキング第1位 エプソン プリンター インクジェット複合機 カラリオ EW-452A 2019年新モデル 9800円 (2022年04月22日 06時37分時点の価格) 24時間の価格下落率:18% ランキング第2位 【まとめ買いセット】HAKUBA 額縁 アルミフレーム ニューファンシーパネル A3サイズ(差込みタイプ) 10枚セット AMZFNFP10-A3 11240円 (2
Opensource.buildersは人気のアプリの代替となるOSSをまとめているWebサイトです SlackやGoogleの各サービス、1PasswordやGithub、Shopify、Heroku、Zendeskなどなど様々な職種や業界の方に好まれていて、且つ有償プランもあるアプリの代替を中心にまとめているようです コストを落としたいけど機能面でしぶしぶ有償プランを選択している、という方向けでしょうか。機能が同じでも環境的になかなかこの手の代替アプリに移行できない事情の方も多い印象ではありますが、選択肢があればいざという時(急に料金が大きく上げられる等)に役立つかもしれませんね 尚、本WebサイトもGithubにてOSSとしてソースコードが公開されています。ライセンスはMITとの事です Opensource.buildersOn Github
2021年のSEOを考えるうえで役立つ情報をお届けする。グーグルのジョン・ミューラー氏が語った11のアドバイスと、プロのSEOコンサルタントが強調した2つの心構えだ。 ほかにも、構造化データやクロールバジェットなどあなたのSEOの疑問を解消する情報に加え、今回はコアウェブバイタルやページエクスペリエンスに関する情報を2ページ目に3つ続けてまとめている。 2021年も、あなたのSEO力を効率的にアップさせるための情報をお届けしていくので、このコーナーをぜひよろしくお願いしたい。 構造化データがページのコンテンツと一致していないとどうなる?UGC、robots.txt、クロールバジェットなどグーグル社員のQ&A短編動画×5グーグル マイビジネスを活用してコロナ禍を乗り切れコアウェブバイタルとページエクスペリエンスに関するFAQコア ウェブ バイタルの情報満載のオンラインカンファレンスをグーグル
指定したカラーの色相、さまざまな詳細情報、混色・ブレンド・変換・グラデーションなどを生成できるオンラインツールを紹介します。 最近のUIデザインで見かける複数のカラーを使用した美しいグラデーションを生成したり、そのカラーを使用したUIデザインや写真素材なども表示され、色に関する便利なツールがまとめて利用できます。 hue.tools hue.tools -GitHub hue.toolsの特徴 hue.toolsはカラーを操作するためのシンプルなツールで、そのカラーの詳細情報、そのカラーを使用したデザインや写真、混色・ブレンド・変換などを簡単に利用できます。MITライセンスで、商用プロジェクトでも無料で利用できます。 hue.toolsには、4つの機能が用意されています。 info 指定したカラーをさまざまな色空間やフォーマットに変換 Dribble、Behance、Pexelsなどで同じ
Animated CSS Background Generatorはボケやレクタングルなどシンプルなオブジェクトがアニメーションする背景をCSSで簡単に作れるWebアプリです オブジェクトの数、サイズ、スピードやカラーを設定するだけで作成可能で、コードも発行してくれるのでWeb制作の知識が無い方でもコピペで使う事が出来ます こんな背景が作れます。JS不要なのは良いんですが、オブジェクトを増やし過ぎるとHTMLやCSSのソースが比例して増えるのでJSで作った方が良いケースもあるかもしれませんね とはいえCSS製を1から作るのは非常に面倒なので覚えておいて損はないかなぁと思います Animated CSS Background Generator
生活習慣の乱れを可視化するやつTwitter APIの有料化に伴い、サービスを終了しました。 長きにわたりお使いいただきありがとうございました。 これは何ツイートを使って生活習慣の乱れを可視化するWebアプリです。 カレンダーUIで直感的に起床・就寝時間の変化を見ることができます。 ツイート数が多ければ多いほど精度が高くなります。 生成されるカレンダーの例仕組みTwitter APIを使って直近のツイートを収集します。ツイートの間隔が3.5時間以内であれば、その時間帯は起きているとみなします。シェアソースコードはこちら↓GitHubを開く作成者Twitter : @p1assGitHub : @p1ass利用状況の計測のためにGoogle Analyticsを利用しています。
最近のWebサイトやスマホアプリでよく見かけるのが、メッシュグラデーションです。メッシュグラデーションとは複数のポイント間でカラーをさまざまな方向に流し込んだグラデーションで、動きや変化を表現する方法として人気があります。 この美しいメッシュグラデーションをCSSで簡単に作成できるツールを紹介します。メッシュグラデーションはスタティックの動かないものだけでなく、アニメーションで動くメッシュグラデーションも簡単に生成できます。 MSHR MSHRは、CSSで作成されたメッシュグラデーションのコレクションで、個人でも商用でもあらゆるプロジェクトで無料で利用できます。2024年8月現在、282種類のメッシュグラデーションが登録されており、そのまま利用するだけでなく、カスタマイズして独自のメッシュグラデーションを作成することもできます。
「まさかgoogle翻訳使ってませんよね」。。。ブログを読んでいたら目にとまった。翻訳はMac、iPad もちろんiPhoneもどっぷりとGoogle翻訳のユーザなので気になる記事だった。英語は苦手で単語から文章まですべて翻訳アプリを使って調べている。英文のメール、アプリケーションやデバイスの説明書が多い。Google翻訳はGoogleアプリでなくてもあらゆるサービスで連携が豊富で使いやすかった。 突然、「誤訳の多いGoogle翻訳よりも翻訳精度の高いDeepLがオススメだよ」と言われて面食らってしまった。もともとが英語が不得意なので翻訳されたものが誤った訳かどうなのかさえ理解できていない。 それでも今まで翻訳アプリを変更したこともないので試してみることにした。 Macアプリ版 ・アプリはここからDeepL公式サイト https://www.deepl.com/ja/home ・ Web版
[レベル: 上級] ウェブ バイタルを記録するオプションが、安定版 Chrome 88 のデベロッパー ツールの [Performance] レコーディング機能に追加されました。 安定版の Chrome 88 は 1 月 19 日にリリースされました。 現在更新できます。 Web Vital オプションで CLS を調査する 大きな CLS (Cumulative Layout Shift) が発生しているページをデベロッパー ツールの [Performance] で計測してみます。 デベロッパー ツールで [Performance] を開くと [Web Vitals] というオプションが上部にあるので、チェックを入れてレコーディングを開始します。 レコーディング結果の赤色のひし形♦️が、発生した CLS です(Layout Shift の略で LS と表記さている)。 結果を下に少しスク
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く