Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
CSS3のアニメーションや回転機能を使用して、カードをぺろっと裏返すエフェクトを実装するスタイルシートを紹介します。
第40回において、ターミナルを利用したファイルのやりとりとしてssh/scpコマンドを紹介しました。sshはリモートマシンにログインを行ったり、リモートマシン上でコマンドを実行したりするためのプログラムです。今回はsshに関するTipsを紹介します。 公開鍵の登録 ssh-keygenで生成した公開鍵をリモートマシンの~/.ssh/authorized_keysに追加することで、公開鍵を利用した認証が行えるようになることは第40回で紹介しました。公開鍵を登録するためには公開鍵ファイルをscpコマンドなどで転送し、authorized_keysファイルの末尾に書き込む必要がありますが、これを自動で行ってくれるスクリプトがssh-copy-idです。ssh-copy-idはopenssh-clientパッケージに含まれるため、特にインストールを行うことなく使用することができます。 使い方は以下
完了するまでに結構時間がかかるプログラムを実行している時,そのプログラムの進捗度を確認したくなることがままあると思います.ほんとに動いてんのかお前,みたいな. そうした時に考えうる最も簡単な方法は,こんな感じで進捗度を標準出力に流してしまうという方法でしょう. (1..100).each do |i| # 例えばここで何らかの重い処理をする (下のsleepはその「何らかの処理」の例) sleep 0.1 # ここで進捗を表示 (プログレスバーみたいなもっとリッチな感じでも可) puts "#{i}%" end 簡単なものだとこれで良いでしょうが,途中で端末のセッションが切れると「アッアッ」という感じになったり,そもそもプログラムの実行に際して端末が割り当てられいるとも限らないし,というか時間のかかるプログラムがその処理中ずっと端末を占領しているのはつらいので別の方法が欲しかったりします.
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います!基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫!みなさんのサイトに合わせてカスタマイズしてくださいね! ↑私が10年以上利用している会計ソフト! 目次 カスタムメニューの設置 アイキャッチ画像(サムネイル画像)を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。 よく使うのでメモがわりに掲載します。 基本は簡単なので覚えておけばいろいろ応用できるかと思います。 デモはこちら 仕組みは、<header>の高さ分(デモでは80px)スクロールすると<nav>にfixedクラスが追加されることで固定されます。 header { width: 100%; height: 80px; color: #333; background: #EEE; } nav { width: 100%; color: #FFF; background: #333; } nav.fixed { position: fixed; left: 0; top: 0; } $(function() { //ロード or スクロールされると実行 $(window).on('load scrol
対象:Windows 10/Windows 11、Windows Server 2016/Windows Server 2019/Windows Server 2022 レジストリをコマンドラインで操作したい! Windows OSでは、「レジストリ」に設定されている値などに基づいて、システム各部が動作するようになっている。Windows OSの設定を変える場合、通常は標準装備の設定ツールやコマンドなどで設定すると、それが最終的にレジストリに反映されることで、Windows OSの挙動が変わる。そのため、レジストリを直接操作する必要はないことが多い。 しかし、中にはレジストリを直接操作しなければならない設定項目もある。 レジストリを操作するためには、一般的にはグラフィカルユーザーインタフェース(GUI)ベースの「レジストリエディター(regedit.exe)」を使うことが多い。しかし何度も
2014-08-13 Rubyで知らなかったメソッドとかちょっとだけ 配列 今までこう書いてた (1..20).to_a こう書ける事を知った [*1..20] 添字 今までこうしてた 10.times do |idx| p "#{idx+1} ループ目" end こう書いたら素敵だった 10.times.with_index(1) do |idx| p "#{idx} ループ目" end if 数字 ずっともっといい書き方があると思ってたけどこう書いてた i = 10 p "hoge" if i >= 5 && i <= 15 やっぱりあった i = 10 p "hoge" if i.between?(5, 15) first, last めんどくさいなぁと思って書いてた arr = [*1..50] 5.times.map{ |idx| arr[idx] } 衝撃が走った arr =
naoya @naoya_ito シェルでパスワード入力プロンプトでるじゃないですか。途中まで打って間違えたとするじゃないですか。Ctrl + u 打つとリセットできるの知ってた? 俺は知ってた 2014-04-07 19:40:06
スマートフォンの新常識? 「テザリング」をするなら、断然「Bluetoothテザリング」がおすすめです。その理由と、接続方法を解説します。(この記事は2017年5月23日に一部内容を加筆しました) 概念説明 テザリングとは 以前は、ノートPCやタブレット端末を持ち歩くなら、インターネット接続のために「Wi-Fiルーター」を持ち歩いていた人も多かったのではないでしょうか。 しかし最近ではスマートフォンの普及に従い、スマートフォンに標準搭載されている「テザリング」機能を活用する人が増えています。これはスマートフォンを「Wi-Fiルーター」化し、好きな携帯端末を、インターネットに接続できるという機能です。 テザリング(英: tethering)とは、通信端末を内蔵したモバイルコンピュータ(携帯電話回線に接続されたスマートフォンなど)を外付けモデムのように用いて、他のコンピューター等をインターネッ
MacのFinderのツールバーに、アプリの起動アイコンを設置してみましょう。すると非常に作業が捗るんですよ。 今まで、Finderにあるファイルを特定のアプリから起動する際には、わざわざファイルをDockまでドラッグしたんです。しかし、これって結構な距離なんですよ。 特に、マウスを使わずタッチパッドを愛用している私にとっては、長い距離のドラッグ&ドロップは、なかなかしんどい作業なのです。 そんな時、Finderのツールバーが非常に便利。アプリアイコンを設置することで、ファイルを特定のアプリで開くのがメッチャ楽になりました。 Finderのツールバーにアプリを登録する方法 まず、Finderのアプリケーションフォルダから、設置したいアプリを選択します。そして、Commandキーを押しながら、ツールバーにドラッグ&ドロップ。これで完了です。 逆に、ツールバーに設置したアプリアイコンを外す場合
Webデザインに便利なPhotoshopブラシ。ネット上に大量に公開されているブラシライブラリを使えば、カッコいい背景やロゴも手軽に作れる(関連記事1、関連記事2)。だが簡単に使えるだけに、新しいブラシをついつい追加しすぎてしまい、管理不能になってしまった――という方も少なくないだろう。 この記事では、大量のブラシを効率よく整理する方法を紹介する。ブラシの整理に困ったときにぜひ試してみよう(以降の操作は「Photoshop CS2」をもとにしています)。 1:やみ雲に追加してしまったブラシの“捨て方” 整理の基本は、身の回りの荷物と同じ。「これは使わない」と思ったものを思い切ってさっさと捨ててしまうことだ。 以前の記事で紹介したとおり関連記事、ネット上でダウンロードしたブラシファイル(ABRファイル)は、Photoshopのブラシパレット→[ブラシファイルの読み込み]で選ぶだけで追加できる
第1日目:1分でFirefoxをしなやかに――WellRounded:Firefoxを鍛え直せ! フォクすけブートキャンプ 短期間であなたのFirefoxを見違えさせる集中カスタマイズ。しかも紹介するのは厳選された珠玉のエクステンションだけだ。ようこそ、フォクすけブートキャンプへ。 「ブートキャンプっていいよね」と聞いて、アップルのBoot Campを思い浮かべてしまうそこのあなた。残念ながら本連載はBoot Campの動作原理を紹介するものではない。世間一般でブートキャンプと言えばこちらを挙げる人が多いであろう「ビリーズ・ブートキャンプ」さながらに、短期間であなたのFirefoxを見違えさせるのが本連載の目的だ。 見違えさせると言っても、一生で何度使うとも知れないようなエクステンションを紹介するわけではない。無駄な脂肪は誰も求めていない。本当に厳選されたエクステンションでFirefoxを
ローソン、無印良品、リクルート――世界6億人ものユーザーを抱える巨大SNS「Facebook」の日本での本格的なブレイクを前に、ファンページを開設する企業が相次いでいます。しかし、国内でのFacebookの企業活用はまだ始まったばかりで、実際にどのようにしてFacebookページ(ファンページ)を作り、運用したらよいのか? 多くの企業が手探りの段階です。 本連載では、Facebookページの作成を請け負うWeb制作会社「TAM」の加藤 洋氏が、Facebookページの開設からカスタマイズ、ファンを獲得する方法まで、Facebook活用の具体的なノウハウをシェアします。(編集部) なぜいまFacebookなのか? 私が勤務するTAMでは、Facebookをはじめとするソーシャルメディアの活用を企業へ積極的に提案しています。お話する中で必ず出るのが、「Facebookが他のSNSと何が違うのか
出退勤時に毎日のように行うWindowsのログオンとシャットダウン。ここにも役に立ったり、役に立たなかったりするさまざまな話題がある。例えばどうしてログオン時のCtrl+Alt+Delにどのような意味があるかご存知だろうか。 Ctrl+Alt+Delはフィッシング対策なのだ PCの使用歴が浅い人は知らないかもしれないが、Windows XPが登場する前のWindows 2000やWindows NTでは、ログオン時に必ずCtrlキーとAltキーとDelキーを同時に押すという操作を必ず行っていた。 PCではもともと、Ctrl+Alt+Delは「ソフトウェアリセット」という特別な意味を持っている。つまり、アプリケーションやOSの動作にかかわらず、PCをリセットして再起動するという動作をする。これは、IBMでPC/ATアーキテクチャの開発に携わったデイビッド・ブラッドリー(映画ハリー・ポッターシ
photoshopessentials.comのエントリーから、Photoshopでレイヤーを操作する便利なショートカットを紹介します。 Adobe Photoshop Tutorials: Layers Power Shortcuts ショートカットは、コマンド別にしています。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 右クリック = Control + クリック F7 レイヤーパレットの表示・非表示の切り替え。 [Shift] + [Ctrl] + [N] レイヤーを新規作成。 [Shift] + [Ctrl] + [Alt] + [N] レイヤーを新規作成(ダイアログボックス無し)。 [Ctrl] + 「新規レイヤーを作成」ボタン 選択したレイヤーの下にレイヤーを新規作成。 ※背景
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く