大阪と京都で「ここ行っとけ、これ食っとけ」があったら教えて→で、続々と集まった情報がこちら🥺 @puniko___01 これを見た優しい方へ。 大阪、京都で『 ここ行っとけ❕これ食っとけ❕これ買っとけ❕』があれば教えてください。それ以外でも。 よろしくお願いします､､､🥲♡ (リプ来なかったらそっと消して泣く) 2022-07-04 21:41:32
いちばんやさしい webpack 入門
webpack is 何? webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。 複数の JavaScript モジュールを一つ（またはいくつか）のファイルへバンドル（=bundle: 束にする、包む）してくれます。 複数の JS モジュールを（場合によっては CSS や画像などのアセット類も）一つにまとめる すでに新規開発の終了も伝えられる webpack ですが、「STATE OF JS 2022」ではいまだに利用率 No.1 の地位にあります。 webpack 後継のモジュールバンドラーとしては、すでに Turbopack の開発開始がアナウンスされています。しかし、これがプロダクションレベルに達するまでは webpack がおそらく使い続けられることになるでしょう。 使うメリットは何？ モジュールを 1 つ（もしくは少数）にまとめることでブラウ
この本がスゴい！2021
「後で読む」は、あとで読まない。 「後で読む」は、あとで読まない。 「試験が終わったら」「今度の連休に」「年末年始は」と言い訳して、結局読まなかった。「定年になったら読書三昧」も嘘になるだろう。そもそも、コロナ禍で増えた一人の時間、読書に充てたか？（反語） だから「いま」読む。 たとえ一頁でも一行でも、目の前の一冊に向き合う。いま元気でも、一週間後には、読めなくなるかもしれないから。 今年は、死を意識した一年でもあった。「やりたいこと」を先延ばしにしてるうちに、感染して望みが断たれる可能性が爆上がりした。 時の経つのは早い。人生が長いほど、一年は短くなる。体感時間は加速する一方、人生の可処分時間は、短くなる。 だから「いま」読む。 積読を自嘲したりマウント取るのもヤメだ。いま読まない理由を並べ立てて開き直る不毛も捨てよう。そして、ずっと取っておいた、とっておきの本を、いま読む。 そんなつも
＠IT：Master of IP Network 総合目次
Master of IP Networkフォーラム 全記事インデックス 過去に掲載された全ての記事にアクセスできる目次です。更新： 2008/12/9
新人IT担当者のためのネットワーク機器入門
連載記事一覧 【最終回】 迷ったらここから ネットワークの「技術」と「製品」の総まとめ これまでの連載で取り上げたポイントを総ざらい。各レイヤー別に技術と代表的な製品について、もう1度復習しておきましょう。 【第9回】 「負荷分散装置」はどこでどのようにネットワークの負荷を分散しているのか ネットワークと関連機器に関する「今更聞けない」基礎知識をこっそりおさらいしようというこの連載。今回はレイヤー4からレイヤー7の機器「負荷分散装置」と「ADC」について解説します。 【第8回】 Webを支える技術「HTTP」のエッセンス ネットワークと関連機器に関する「今更聞けない」基礎知識をこっそりおさらいしようというこの連載。今回はレイヤー5からレイヤー7における代表的なプロトコルである「HTTP」について解説します。 【第7回】 レイヤー4の代表的製品「ファイアウォール」基礎の基礎 ネットワークと関
フライドポテト、チェーン店別徹底比較
1984年生まれ岡山のど田舎在住。技術的な事を探求するのが趣味。お皿を作って売っていたりもする。思い付いた事はやってみないと気がすまない性格。（動画インタビュー） 前の記事：近所にあるかも？戦前の街頭ラジオの痕跡「ラジオ塔」 ＞ 個人サイト オカモトラボ フライドポテト難民になった 僕はとある映画館のフライドポテトが大好きだった。そのフライドポテトは細くカットされ、ジャガイモの皮があって、衣を付けて揚げてあり、ちょっとコンソメ風の味だった。 しかしその映画館からフライドポテトが姿を消し、僕は突如としてフライドポテト難民となった。 似たフライドポテトはどこの店に行けば食べられるのか？ 意外とそういう情報がなく、ファストフードはもちろんコンビニや居酒屋などでもメニューにフライドポテトがあれば食べまくった。 フライドポテト比較表 以下はこれまでに調査したフライドポテトの概要を示す表である。 なお
Reactのコンポーネント周りの用語を整理する
React のコンポーネント周りの用語ってごっちゃごちゃになった経験はありませんか? 友人と話すときなどはなんとなくのニュアンスで伝わるので気にしていなかったのですが、型注釈つけるときやコードリーディングするときに言葉の定義がわからなくなって何回も調べるといったことをよくやるのでこれを機に整理しようと思います。 本記事では JSX 以外にも createElement 記法の知識も要するので、自信がない方は公式やどうして JSX を使ってもエラーにならないのか？をご覧ください。 ここでは React のドキュメント JSX Elements Components TypeScript の型定義 JSX.Element ReactElement DetailedReactHTMLElement DOMElement FunctionComponent Component ReactNode
1分でも早く仕事を終わらせるためにVSCodeにできること - Qiita
はじめに 本投稿は『VSCodeが最強のエディタだ!!』などといったことを伝える記事ではありません。 数あるエディタの中の『VSCode』に焦点を当てて、作業効率化できるための使い方をまとめたものです。 いくつかのテーマに分けて、ご紹介させていただきますので、興味のあるところを拾い読みしていただければと思います。 (スクリーンショットについては、随時更新させていただきますが、古い場合があります。ご容赦ください。) 1.ショートカット ショートカットはかなりの数があるので、今回は『1日の作業の中で登場頻度が多そうな操作』に焦点をあてて、効率化を目指していきます。 ショートカットを覚えることで、ある程度の操作はマウスに触らずにできるようになります。 1つ1つの効果としては微々たるものですが、操作頻度の多いものであればあるほど、効果が期待できるので、覚えることをオススメします！ VSCodeを閉
最近のレスポンシブ対応サイトで見かけるナビゲーションのアイデア・実装方法のまとめ
去年ぐらいはレスポンシブ対応のナビゲーションというとハンバーガーメニューばかりでしたが、最近ではスクリーンサイズに合わせるだけでなく、コンテンツや階層構造に合わせたナビゲーションが増えてきました。 Webページやスマホページのレスポンシブ対応サイトで最近よく見かけるナビゲーションのアイデアや実装方法を紹介します。
テキストの読みやすいカラーを決めるにはこれが大切！Webデザインにおける良いコントラストのつくり方
読みやすい本文テキストのカラー、分かりやすいリンクのカラー、目立たせたいボタンのカラーなど、Webデザインのカラーを決める時にもう一歩進めた良いコントラストのつくり方を紹介します。 Webデザインでカラーパレットを作成する時、カラーの組み合わせをコントラストのためにテストしていますか？ テストをしてないのであれば、あなたのデザインはリーダビリティを考慮せず、潜在的なビジターを失っているかもしれません。 私はこれまでに数多くのプロジェクトでカラーコントラストとリーダビリティについて取り組んできました。いくつかの有用なカラーコントラストのアクセシビリティツールのおかげで、私は仕事をすることができ、それを多くの人たちと共有したい思います。 私はアクセシビリティの専門家ではありません。私の目指すところはシンプルで、最適な読みやすさを念頭においてカラーを選ぶことです。完全な説明が必要であれば、W3C
Dockerの基礎・使い方がよくわかる記事・スライド11選
オープンソースのコンテナ管理ソフトウェア・Dockerは、軽量な仮想実行環境であり、少ないリソースで効率よくアプリケーションを動かせるとして注目を集めています。また、2016年6月にはソフトウェアのマーケットプレイス「Docker Store」をオープンすることを発表し、プライベートベータ版として開始しています。 今後の利用拡大が見込まれるDockerの使い方について、わかりやすく解説している記事・スライドを11個ピックアップして紹介します。これからDockerをはじめたいと考えている方はぜひ参考にしてください。 Dockerの使い方の参考になるサイト・記事 隔離の技術Dockerの考え方と使い方の基本 / TECHSCORE BLOG http://www.techscore.com/blog/2014/08/05/introduction-to-docker/ Dockerの概要、よく
OAuth 2.0 + OpenID Connect のフルスクラッチ実装者が知見を語る
はじめに この文書では、OAuth 2.0 + OpenID Connect サーバーをゼロから一人で実装した開発者（私）が、得られた知見について書いていきます。基本的には「実装時に考慮すべき点」を延々と述べることになります。 そのため、この文書は、「素早く OAuth 2.0 + OpenID Connect サーバーを立てる方法」を探している方が読む類のものではありません。そのような情報をお求めの方は、「Authlete を使って超高速で OAuth 2.0 & Web API サーバーを立てる」を参照してください。そちらには、「何もない状態から認可サーバーとリソースサーバーを立て、アクセストークンの発行を受けて Web API をたたいて結果を得る」という作業を、所要時間 5 ～ 10 分でおこなう方法が紹介されています。 文書のバイアスについて 私は、OAuth 2.0 + Ope
初心者でもアルゴリズムが学べる・身につく書籍とサイト一覧 - paiza times
Photo by Anders Sandberg こんにちは、谷口です。 皆さんは、アルゴリズムの勉強はどのようにしていますか？ 情報系の学部出身の方は授業で勉強したことがあるかもしれませんが、文系の方や、プログラミングの業務経験のない方は、「そういえばちゃんと勉強したことない」という方も多いかと思います。（私もかつてそうでした……） アルゴリズムとは、「問題を解くための手順を定式化した形で表現したもの」のことです。例えば、複数のデータを並べ替えるソートの方法として、バブルソートやヒープソートといったアルゴリズムがあるということは、アルゴリズムをきちんと勉強したことがなくても、知っている方は多いかと思います。 仕様書の通りにコーディングをしていくだけの業務であれば、アルゴリズムを勉強する必要はないかもしれません。さらに前述のようなソート等に関しては、多くの場合既に関数が用意されており、アル
Webマーケティングの成功事例と調査データ30選
近年のWebマーケティングにおいては、SEO対策からソーシャルメディアの活用まで取り組むべき分野は多岐にわたります。 上手く成果を上げることができている企業もあれば、やらなければいけないことが多すぎて、どこから手をつけたらいいか分からないというケースも少なくありません。 そんな時に参考になるのが、他社の事例・調査データです。 具体的な事例を知ることで、自社で取り組む際の手本にすることが出来ます。 今回は、Web担当者であれば必ず目を通しておきたい、Webマーケティング全般の事例・調査データをご紹介します。 自社のマーケティングに応用できるものがないか、ご確認ください。 基礎からわかる BtoBマーケティング実践ガイド【2024年最新版】 本書は、これから“BtoBマーケティング”を本格的に行いたいという方向けに、マーケティングの戦略設計や各種施策のノウハウを網羅した資料です。 目次 リード
【目的別】WordPressの簡単カスタマイズ方法 | SONICMOOV LAB
ひらりんです。お久しぶりです。 今回はWordPressのカスタマイズ方法を目的別に書いてみようかと思います。 初級編から上級編まで。 ではいってみましょー！ もくじ 初級編 wp_list_categories()の記事数を<a>タグに含める 投稿画面のカテゴリから”新規追加”と”よく使うもの”を非表示 中級編 ログイン画面のURLを変更 複数のカスタムフィールドでソート 上級編 投稿画面の親カテゴリのチェックボックスを非表示 独自パーマリンク設定の追加 Advanced Custom Fieldsのrelationshipフィールドを特定の条件で絞り込む ( ˘ω˘)ｽﾔｧ 初級編 まずは簡単な初級編から wp_list_categories()の記事数を<a>タグに含める カテゴリ一覧を表示するために、WordPressがデフォルトで用意している関数。 いくつか引数を渡すことができ、
ATOM無料エディタ使い方入門STEP1！特徴と簡単パッケージ設定｜大阪・東京のWeb制作会社 | 株式会社クリエイティブ・ウェブ
こんにちはおかべんです！ いきなりですがテキストエディタは何を使っていますか？ ・王道のAdobe「Dreamweaver」？ ・MACなら「Coda」？ ・話題性の多い「Sublime Text」？ 「Dreamweaver」もよいですが拡張性が低く、なんせ重い。。。 「Coda」はWINDOWSで使えないし。。。 ※MACとWINDOWS両方使っているので、共通なのがよくて 「Sublime Text」は拡張性が高く見た目も自分好みにできてとっても良いエディタだと思いますが、 仕事柄shift_jisやEUCのサイトメンテもあって対応できていなかったり、日本語入力部分で、 ちょっと僕には合わなかったので、購入もしませんでした。 ※文字コードは今は対応してるかも ATOMとsublimeの違いでシェアウェアかフリーかがありますが、 最近気になっているのが「試用版だと、保存する時にたまに警
今すぐ使えるRactive.js入門 - Qiita
Ractive.jsとは http://www.ractivejs.org/ データバインドに特化したjsライブラリです。 状態監視にVirtualDomの概念を用いているため、挙動が軽く高速です。 実装をテンプレートと、それを監視するRactiveモデルに分離することで、デザインとロジックの分離を実現できます。 モデル設定の記述が直感的かつシンプルで、初見の開発者でも何となく実装を理解できることが強みです。 またテンプレートに必要最低限のロジックを備えているため、複雑なオブジェクトの展開も難なく行うことが出来ます。 Vue.jsほど対応ブラウザに偏りがなく、Angular.jsほど巨大ではない、 データバインドを手軽に取り入れたい際に非常に便利なライブラリです。 Knockout.jsとは立ち位置が似ているので、記法が好みな方を選べばいいのではないかと個人的には思っています。 対応ブラウ
Webコンテンツの成果が上がるレイアウトの法則とは？ | 誰も語らなかったWebコンテンツ作成技法
優れたコンテンツ構成の鉄則を探る！優れたコンテンツとは顧客の悩みを解決できるため、検索やお気に入りから訪問者を獲得できます。そして、そのコンテンツは別のページに誘導する力があり、しかもゴールに結びつける力があります。 前回説明したように、こうしたコンテンツは、天才的なアイデアや人並みはずれた文章力で作られるのでしょうか。実際にはそうではありません。普通のビジネスパーソンが、普通に考え、普通の文章力で作ったものが成果を上げているのです。 意図的ではない分、成果が小さいことがもったいないのですが、これを意図的に行っていけば、狙った成果をより大きなものにできるはずです。それでは、コンテンツの成果が上がる構成とはどんなものなのか解説していきます。 コンテンツの見出しは画像を使わず2行のテキストで作る前回説明したように優れたコンテンツは、検索集客力が高く検索から顧客と出会う力を持っています。検索から
Googleウェブマスターツール活用できてる？アクセスアップのために見るべき4つの項目とその見方、教えます。
昨日の記事で、Googleアナリティクスでは足りない部分を補うのに色々なツールを使いましょうという事をお伝えしました。 参考：Google アナリティクスに決定的に欠けているもの。知ってる？ 特に、検索エンジン（特にGoogle）からの流入を増やしてアクセスアップを目指したいなら、Google ウェブマスターツールは、どう考えてもアナリティクスに負けず劣らず重要なツールになります。 にも拘らず、不思議なことにウェブマスターツールのアクセスアップ活用法をガッツリ説明してるサイトは非常に少ないですよね。 という訳で、今日はGoogleウェブマスターツールの活用方法について、お伝えしたいと思います。 ここだけはメモして欲しい大事なポイント昨日の記事でもお伝えしましたが、 Googleウェブマスターツール = サイトに訪問するまでの解析Googleアナリティクス = サイトに訪問した後の解析ここが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ