Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? あらすじ 普段はMacBook Airを使っています。ただ、MBAでなにかを開発しようとするとスペック不足を感じていました。 最近はWindowsもWSL2やWindows Terminalなどが使えて、Visual Studio Code Remote Development を使えば開発もしやすいという話も聞くようになりました。 ゲーム用にWindows デスクトップPCを持っていたので、イチから開発環境構築しました。 ↑ WSL2(Ubuntu 20.04) で create-react-appを動かしてVSCode, Chrom
マウス不要系 マウスの右クリック コンテキストメニューを表示します。 [Shift] + [F10] 使いどころ マウス操作が面倒な時 ノートPCなどアプリケーションキーがない時 マイナー度：★★★ エクスプローラでファイル名を全表示 エクスプローラの表示を自動調整してくれます。 [Ctrl] + [+] 使いどころ マウス操作が面倒な時 プレゼン中のスマートな操作 マイナー度：★★★ 補足：10キーの[+]です。 そのため、私の場合ノートとかではこの手のツールでレジストリを書き換えて使わないキーに割り当てたりしてます。 TreeViewの全展開 TreeViewを使ったウインドウではたいていのアプリで有効なキーです。 [*] 使いどころ マウス操作が面倒な時 プレゼン中のスマートな操作 マイナー度：★★ 補足：10キーの[*]です。 レジストリエディタ(regedit)のROOTとか階層
どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います！ 強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサービスとして利用できるものまで、ピックアップしてみました。 これからWeb開発を始めようという人はもちろんですが、開発ネタに困っている人も何か良いアイデアが発見できるかもしれないので、ぜひ参考にしてみてください！ ■波形表示やプレイヤーも作れる高機能な音楽ライブラリ！ 【 wavesurfer.js 】 音声ファイルを読み込むだけでグラフィカルな波形表示が可能で、多彩なオプションを利用することで自在に音声を制御できるJavaScriptライブラリです。 音声の再生・早送り・巻き戻し・ミュートなどの基本機能はもちろん、音声の書き
皆さんはバナー作成の際、どのようなツールを使用していますか？PhotoshopやIllustrator等の有料のグラフィックデザインソフトは、社内に導入していないケースやデザインの技術がなく利用していない人も多いのではないでしょうか。 フリー素材サイトでダウンロードした画像をリサイズし入稿するのも良いですが、テキストを一文加えるだけで印象が変わり、アニメーションを加えることで広告をより目立たせることができます。 2016年6月にFlash形式のディスプレイ広告がGoogle アドワーズへアップロードできなくなり、2017年1月以降Flash形式のディスプレイ広告が廃止されました。Flash形式と同じく動きのある広告は、HTML5広告を利用することが推奨されています。Google Web Designerでは工数もかけずにGoogle ディスプレイネットワークキャンペーン向けのHTML5広告
【2017年3月9日更新】 HTML/CSSの知識の浅い初心者がホームページを作りたいなら、テンプレートを利用して、とりあえず１つホームページを作ってみることをおすすめする。成果物を生み出しながら勉強していけば、学習意欲は自然と高まる。 少しだけHTMLを勉強すれば上のようなホームページは簡単に作ることができる。このサンプルページの作成時間はだいたい全工程２時間くらい（サーバーの準備から始めて）である。 今回はこのサンプルホームページの作り方を紹介する。 サンプルhttp://lifeiscolourful.web.fc2.com HTMLテンプレートを使ってホームページを作る 上のサンプルサイトは、無料で配付されているテンプレートを使用しているので、ゼロから作っている訳ではない。今回は、このサンプルのような高品質なホームページを簡単に作成する方法を書いてみる。以下のような人を対象としてし
Transcript ϑϦʔϥϯε8FCσβΠφʔͷ ʮࣄͱ ͘ Β͠ʯ �� ͷ͜Ε·Ͱͱ͜Ε͔Β ࣗݾհ ͢Έ͔ͩ͋ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔ ϥϯεʹɻओʹ-1αΠ τͷσβΠ ϯɺ Π ϥε τΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ 8FC੍࡞ͷ͓ࣄʹ͍ͭͯ ੍࡞ڥπʔϧͳͲ ϑϦʔϥϯεʹͳΔʹ ϑϦʔϥϯεͷ͓ࡒࣄ ͓ࣄͱੜ׆ʹ͍ͭͯ ͜Ε͔Βͷ8FCσβΠφʔ 0 1 02 03 04 05 06 01 ϑϦʔϥϯε 8FCσβΠφʔͷ ʮࣄͱ ͘ Β͠ʯ 8FC੍࡞ͷ ͓ࣄʹ͍ͭͯ ܦྺ 2006 2012 2016 2002 ϑϦʔϥϯε ΞϧόΠ τ ग़࢈ ݱࡏ �ͷ࢈ٳ
今日の風景 こういう記事を書いてドヤ顔をするような人間は、大抵本人が思っているより能力にたけているわけでは無いという法則が、どこかの民族の諺としてあるとかないとか。 はじめに 石田祐希というブロガーの方が、起業をしたのはいいけれども、プログラミングがわからなくて、書籍が欲しいというエントリを書いている。 この一件に関しては、自分は特に言うこともなく(自分もレールから外れたが、文才の無い自分がその経路を書いても凡庸になるだけだと思って書いていない)、ただ傍観していただけだが、プログラミングのことだったら、自分の知識が無くても教えられることがあるだろう、とは思ったので、彼自身がこれを参考にするかどうかは兎も角として、せっかくなので書いてみようと思う。 ちなみに、記事の性質上、Web系に偏っていることをお断りしておく。 読みたい記事 まず最初に、プログラミングとは何だろうということを考えたときに
IT機器を扱う仕事をしている人物が、USBメモリの取り扱い方についてWindows10では新たな注意が必要と警鐘を鳴らしてる。 「安全に取り外し」を選ばなくても問題が起こることはほぼなかったUSBメモリ。Windows10では事情が大きく異なる。 つまり、Windows7を使っている人がUSBメモリを引っこ抜き、Windows10にアップグレードしてからUSBメモリを差し込むとデータが消えるという話。これは恐ろしい罠だ。Windows10はまるでスパムウェアのようにアップグレードを促してくるため、知らない間に予約が入っていてシャワーを浴びて出てきたら10になっていたという話も聞く。 そのような場合でも何も考えずにUSBメモリを差し込むとデータが消えてしまう恐れがあるのだ。さらにツイートにもある通り、バックアップがなければ修復は不可能だという。 また、友人間でデータをやりとりするときも注意が
足成 「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。全体で約7万5,000点の写真素材を提供する有名サイトです。風景写真のほかに人物もあります。 商用利用：可能 クレジット表記：必要なし ユーザー登録：なし http://www.ashinari.com/ 写真AC 150万人が利用する無料素材サイトです。全体で約38万枚の写真を所有しています。無料の場合はダウンロードに待ち時間がかかりますが、有料になると待ち時間なく、さらに高画質な写真をダウンロードできます。 商用利用：可能 クレジット表記：必要なし ユーザー登録：任意 http://www.photo-ac.com/ ソザイング 「ソザイング」は、日々ウェブや印刷物のデザインを手がけている私たちクリエイターが実際に製作現場で「こんな写真や情報あったらいいな」と思っていることを形に
「やばい、4月から通う会社はMacだ・・」と今から焦っていませんか？ 大丈夫です。私もあなたと同じ境遇でしたが、今では普通に使用できています。 私は今の会社である時、Macを使わないといけない状況に陥りました。 慣れないウチは「Windowsならすでに終わってるのに〜」と心でボヤきながら、かなりストレスが貯まったのを覚えています。 同じ境遇の方が少しでも救われればと思い、今回の記事を書きました。是非、ご活用ください。 ※ ちなみにタイトルの「Windows歴15年」とは、学生時代を省いて実務経験でWindowsに携わった年数です。 アプリケーションの操作 １．アプリケーションを終了する command + Q 例えばブラウザの場合、Mac は Windows と違い、左上にある「×」ボタンをクリックしても終了しません。実はバックグランドで常駐しています。 アプリケーションをしっかり閉じない
大学2年生当時でTOEICスコア500くらいだった僕は、英語で海外の人たちとコミュニケーションを取りたいと思い、1年間のアメリカ留学を決意しました。 当時の僕が心の底から求めていたのはシンプルに「話せる英語力」でした。 TOEICの勉強はやっていたけど、本当にこのまま勉強を続けて外国人とコミュニケーションが取れるのかは不安でした。良い点数を取ることが、必ずしも英語を話すことに繋がるとは思えなかったからです。 じゃあ、どうすれば話すための英語力が身につくのか？右も左も分からない迷路に迷い込んだ気分でした。 だからこそ「成果の出るやり方で英語をきちんと勉強したい」という想いは一層強かったです。 この記事ではTOEIC500前後だった僕が、最終的に英語を話せるようになるまでにどんな計画を立て、どんな教材を使って、どんな勉強法を実行したのかをできる限り具体的に公開していきます。 [mokuji]
以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、 現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います！ カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。 実装図 注意点 カスタマイズ CSS HTML&jQuery HTMLにリンクを入れる その他のカスタマイズ 色を変える グローバルメニューの横幅を変えたい グローバルメニューとトグルメニューの変えるタイミングを変えたい まとめ 実装図 完成図はこんな感じです。ブラウザのサイズが広いときには、子メニューまで出せれる一般的なグローバルメニューで、 ブラウザサイズが狭くなると
なぜDMMがweb3に参入したのか。Seamoon Protocolが目指す新たなエンタメ体験の未来とは
こんにちは、意識低い系サラリーマンのKENです。 こんな記事を読みました。 igcn.hateblo.jp ※2016/1/10 コメントでのご指摘を受け、VB、PHP、Pythonを追加 アラフォーになってから、プログラミングに挑戦する。素晴らしいです。僕なんて最近新しいことほとんど始めてません。 ただ、上記記事のiGCNさんが「明確な目標はない」と言われていますが、これはちょっと気になりました。 自分の場合は例えばiPhoneアプリを作りたいとか、Webサービスを立ち上げたいとかの明確な目標があるわけではない。目標があれば、それに適した言語を選択すれば良いのだが。転職目的でもないから、求人の多寡なども参考にはならない。 というのも、プログラミングは目的無しに漠然と始めるとほとんどの人は途中で飽きて投げ出す可能性が高いです。 Webサービスを作るでもスマホアプリを作るでもなんでもいいです
本日は、ブログを書く時に役立つかもしれないオンラインジェネレーターを5つご紹介します。 オンラインジェネレーターとは、Web上でHTML・CSSコードやGIFアニメを作成してくれるツールのことです。 フリーソフトのようにPCにダウンロードをする必要がないのが特長です。 見出しを作成出来るジェネレーター このような吹きだし型の見出しなどが作成出来ます 使い方の動画 注意点 角丸の調整がオンライン上で効かないようなので、CSSコードを貼り付ける際に、「border-radius:3px;」の3を別の数字に変えて調整してみてください（数字が大きい方が角が丸くなります。このブログの見出しの場合は10pxです）。 背景色などの色は、ボックスをクリックすると現れるカラーチャートから選んでもいいですし、好きな色をあらかじめ決めておいてそれを指定することも可能です（#から始まるカラーコードを入力します）。
画像の軽量化やコード圧縮といったツールをはじめ、各種リファレンスサイト、利用している人が多いエディタやデザインツールのショートカット一覧など、web制作時に便利だと思うツール・サイト・チートシートを自分のブックマークがかなり乱雑化してきたのでその整理も兼ねて一気にまとめてみました。 もちろん他にもこういった便利なものは沢山ありますし、自分も普段からここで紹介しているもの全てを利用しているというわけではないのですが、こういったものを利用することで人によっては大幅に制作時間を減らすこともできると思います。 また、覚えておくとど忘れした時に容易に確認等もできたり、勉強時の参考にすることができるものもあります。 September 01, 2020 更新 リンク切れサイトを削除しました。（100サイト以下に縮小しました...。） January 16, 2016 追記 新たに5サイトを追加して10
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く